/*utils scss files */
/*========================
    Variable CSS start
==========================*/
/* font family */
/* color variables */
:root {
  --theme-color: 1, 170, 133;
  --dark-text: 44, 44, 44;
  --content-color: 127, 131, 132;
  --success-color: 77, 214, 144;
  --error-color: 238, 89, 92;
  --white: 255, 255, 255;
  --black: 0, 0, 0;
}

.dark {
  --theme-color: 1, 170, 133;
  --dark-text: 255, 255, 255;
  --content-color: 127, 131, 132;
  --white: 2, 13, 11;
  --black: 0, 0, 0;
  --success-color: 77, 214, 144;
  --error-color: 238, 89, 92;
}

/* base scss files */
/*=====================
    Reset CSS start
==========================*/
body{background-color:#f9fafc;}
a {text-decoration: none;color:rgba(var(--dark-text),1);}
ul{padding:0;margin-bottom:0}
li{list-style:none;display:inline-block;}
select,input[type="text"]{padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
input[type="radio"],input[type="checkbox"]{cursor:pointer}
.col-form-label{font-weight:700}
input::placeholder{color:var(--bs-gray-500) !important}
.tab-nav{margin-top:20px}
.tab-nav li{display:inline-block;width:auto;text-align:center}
.tab-nav li a{background:var(--bs-white);color:var(--bs-black);border-radius:30px;padding:0px 20px;height:42px;line-height:42px;margin:0 10px;display:block;border:0;font-size:16px}
.tab-nav .active a{background:linear-gradient(-45deg,var(--bs-blue),var(--bs-green));color:var(--bs-white)}
.tab-nav .active{background:none}
.tab-nav .active a:hover{color:var(--bs-white)}

section,.section-t-space{padding-top:25px}
@media (max-width:600px){section,.section-t-space{padding-top:calc(20px + 5 * (100vw - 320px) / 448)}
}.section-b-space{padding-bottom:25px}
@media (max-width:600px){.section-b-space{padding-bottom:calc(20px + 5 * (100vw - 320px) / 448)}
}


.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}
.f_orange {color:#FF6600;}
.f_gray {color:#666666 !important;}
.f_grey {color:#999999 !important;}
.f_price {color:#FF0000;}
.fb_gray,.fb_orange,.fb_red,.fb_blue,.fb_green {display:inline;padding:2px 6px;height:16px;line-height:16px;border-radius:6px;font-weight:normal;font-size:12px;}
.fb_gray {color:#666666;background:#F6F6F6;}
.fb_orange{color:#FF6600;background:#FDF7ED;}
.fb_red{color:#FF0000;background:#FEE9E9;}
.fb_blue {color:#0070C0;background:#ECF3FC;}
.fb_green{color:#57BE6A;background:#E2F0E8;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.cp {width:16px;padding:0 10px;}
.lh20 {line-height:200%;}
.px14 {font-size:14px !important;}
.px13 {font-size:13px !important;}
.px12 {font-size:12px !important;}
.dsn {display:none;}
.main {background:#F6F6F6;overflow:hidden;clear:both;}
.warn {padding:16px;line-height:16px;background:#FFFFDD;font-size:12px;}
.btns input {width:80px;float:right;margin:10px 10px 0 0;line-height:28px;font-size:14px;}
.img-circle,.avatar {border-radius:50%;}
.blank-10 {height:10px;clear:both;}
.blank-16 {height:16px;clear:both;}
.blank-20 {height:20px;clear:both;}
.blank-32 {height:32px;clear:both;}
.blank-36 {height:36px;clear:both;}
.blank-600 {height:600px;clear:both;}
.bd-t {border-top:#F0F0F0 1px solid;}
.bd-r {border-right:#F0F0F0 1px solid;}
.bd-b {border-bottom:#F0F0F0 1px solid;}
.bd-l {border-left:#F0F0F0 1px solid;}

.btn-red,.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:16px;width:100%;line-height:48px;border:none;border-radius:6px;text-align:center;-webkit-appearance:none;}

.btn-green {background:#1AAD19;}
.btn-blue {background:#007AFF;}
.btn-orange {background:#FF8800;}
.btn-red {background:#E64340;}
.input-checkbox {width:24px;height:24px;background:url('img/icon-check.png') no-repeat;background-size:24px 24px;}
.input-checkbox-checked {width:24px;height:24px;background:url('img/icon-checked.png') no-repeat;background-size:24px 24px;}

.head-bar-fix {height:48px;overflow:hidden;font-size:12px;text-align:center;clear:both;color:#D3D3D3;}
.head-bar-fix em {display:inline-block;width:24px;height:24px;line-height:24px;}
.head-bar-fix .rfd em {background:url('img/icon-rfd.png') no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfu em {background:url('img/icon-rfu.png') no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfl em {background:url('img/spinner.gif') no-repeat center 6px;background-size:20px 20px;}
.head-bar {width:100%;height:48px;line-height:48px;overflow:hidden;background:#F7F7F7;border-bottom:#F0F0F0 1px solid;position:fixed;z-index:9;left:0;top:0;user-select:none;-webkit-user-select:none;}
.head-bar img {width:24px;height:24px;vertical-align:middle;}
.head-bar span {font-size:16px;}
.head-bar-title {position:absolute;z-index:10;left:60px;right:60px;font-size:16px;font-weight:bold;text-align:center;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;user-select:none;-webkit-user-select:none;}
.head-bar-title input[type="search"] {box-sizing:border-box;width:100%;height:30px;line-height:30px;color:#8B8B8B;background:#EEEEEE url('img/ico-search.png') no-repeat 6px center;background-size:16px 16px;border:none;padding:0 28px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.head-bar-left {float:left;padding:0 0 0 16px;}
.head-bar-back {float:left;padding:0 0 0 10px;z-index:11;position:relative;}
.head-bar-back img {}
.head-bar-right {float:right;padding:0 10px 0 0;z-index:11;position:relative;}
.head-bar-right img {}
.head-tab {position:relative;z-index:10;width:180px;height:49px;left:50%;margin:0 0 0 -90px;}
.head-tab i {font-style:normal;font-weight:normal;font-size:10px;color:#FFFFFF;z-index:11;position:relative;display:block;width:20px;height:20px;line-height:20px;left:50%;margin:-34px 0 0 24px;background:#FF0000;border-radius:50%;text-align:center;}
.head-tab-on {width:50px;height:45px;float:left;margin:0 16px;border-bottom:#444444 4px solid;}
.head-tab-tb {width:50px;height:45px;float:left;margin:0 16px;}
.head-tab-tb b {color:#666666;}
.head-ico-left {width:16;height:16px;padding:6px;background:#FFFFFF;border:#EEEEEE 1px solid;border-radius:50%;position:fixed;z-index:8;left:10px;top:10px;opacity:0.6;}
.head-ico-right {width:16;height:16px;padding:6px;background:#FFFFFF;border:#EEEEEE 1px solid;border-radius:50%;position:fixed;z-index:8;right:10px;top:10px;opacity:0.6;}
.head-ico-left-wh {width:24;height:24px;padding:6px;position:fixed;z-index:8;left:10px;top:10px;}
.head-ico-right-wh {width:24;height:24px;padding:6px;position:fixed;z-index:8;right:10px;top:10px;}

.head-menu {padding:0 24px;}
.head-menu ul {line-height:48px;font-size:14px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.head-menu li {color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-weight:normal;}
.head-menu .on {color:#FF6600;font-weight:bold;}

.foot-bar-fix {height:48px;clear:both;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#FFFFFF;border-top:#F0F0F0 1px solid;position:fixed;z-index:9;left:0;bottom:0;user-select:none;-webkit-user-select:none;}
.foot-bar li {width:20%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:32px;color:#444444;}
.foot-bar i {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:6px;height:6px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar b {font-weight:normal;font-size:10px;color:#FFFFFF;z-index:10;position:relative;display:block;width:16px;height:16px;line-height:16px;left:50%;margin:-46px 0 0 6px;background:#FF0000;border-radius:50%;text-align:center;}
.foot-bar .icon-home {background:url('img/foot-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('img/foot-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('img/foot-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('img/foot-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('img/foot-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('img/foot-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-cart {background:url('img/foot-cart.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-cart-on {background:url('img/foot-cart-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message {background:url('img/foot-message.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message-on {background:url('img/foot-message-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more {background:url('img/foot-more.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('img/foot-more-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time {background:url('img/foot-time.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time-on {background:url('img/foot-time-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar-txt {padding:8px 10px;}
.foot-bar-txt textarea {box-sizing:border-box;width:100%;height:32px;line-height:32px;padding:0 10px;background:#F6F6F6;border-radius:4px;border:none;font-size:14px;color:#999999;}

.foot-btn {width:100%;height:40px;overflow:hidden;position:fixed;z-index:8;bottom:6px;opacity:0.8;}
.foot-btn ul {height:40px;padding:0 16px;display:box;display:-moz-box;display:-webkit-box;}
.foot-btn li {-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;padding:0 10px;}
.foot-btn li input,.foot-btn li div {height:38px;line-height:38px;border-radius:20px;font-size:16px;}
.foot-btn-b48 {bottom:48px;}

.gird-4,.gird-5 {text-align:center;padding:24px 0;overflow:hidden;}
.gird-4 img,.gird-5 img {margin:0 0 6px 0;}
.gird-4 span,.gird-5 span {display:block;font-size:12px;line-height:12px;}
.gird-4 li {width:25%;height:90px;float:left;}
.gird-5 li {width:20%;height:80px;float:left;}

.list-set {background:#FFFFFF;border-top:#F0F0F0 1px solid;border-bottom:#F0F0F0 1px solid;font-size:16px;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:16px;height:44px;line-height:44px;padding:0 36px 0 0;overflow:hidden;border-top:#F0F0F0 1px solid;background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-set .on {background:none;}
.list-set a {display:block;width:100%;height:44px;}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#444444;padding-left:10px;}
.list-set li:first-child div {border:none;}
.list-set input,.list-set select {border:#F0F0F0 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}
.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-img {height:84px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#F0F0F0 1px solid;padding:0 16px;}
.list-img img {float:left;margin:12px 12px 12px 0;}
.list-img ul {margin:12px 0 0 0;}
.list-img li {height:30px;line-height:30px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:16px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.list-img .check {float:right;width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:20px 20px;}
.list-img .checked {float:right;width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:20px 20px;}
.list-img .sheet {float:right;width:32px;height:30px;background:url('img/icon-sheet.png') no-repeat center center;background-size:20px 20px;}
.list-row3 {height:114px;}

.list-user {height:48px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:72px;right:16px;}
.list-user li {line-height:24px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:12px;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 16px;}
.list-inp div {width:100%;height:48px;line-height:48px;font-size:16px;padding-top:16px;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="tel"],.list-inp input[type="number"],.list-inp input[type="email"],.list-inp input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:24px;border:#F0F0F0 1px solid;padding:10px;border-radius:4px;font-size:16px;-webkit-appearance:none;}

.list-btn {padding:0 16px;}
.list-btn2 {padding:0 24px 16px 0;overflow:hidden;}
.list-btn2 div {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;float:left;padding-left:24px;}

.list-pay {background:#FFFFFF;border-top:#F0F0F0 1px solid;border-bottom:#F0F0F0 1px solid;font-size:18px;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#F0F0F0 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-menu {width:100%;height:48px;overflow:hidden;background:#F6F6F6;font-size:13px;position:fixed;z-index:9;left:0;top:48px;user-select:none;-webkit-user-select:none;}
.list-menu ::-webkit-scrollbar {display:none;}
.list-menu ul {width:10000px;padding:0 10px;}
.list-menu li {display:inline-block;height:48px;line-height:48px;padding:0 10px;float:left;vertical-align:middle;}
.list-menu i {display:inline-block;font-size:12px;font-style:normal;}
.list-menu .on {font-weight:bold;font-size:15px;}
.list-menu .on i {font-size:13px;}

.list-empty,.list-none {padding:48px 24px;height:256px;line-height:48px;color:#999999;font-size:14px;text-align:center;background:url('img/bg-none.png') no-repeat center 128px;background-size:128px 128px;}

.member-info {height:128px;background:#3A82F6;}
.member-info-avatar {width:96px;height:96px;text-align:center;float:left;}
.member-info-avatar img {width:64px;height:64px;border-radius:50%;margin-top:16px;}
.member-info-user {height:96px;float:left;}
.member-info-user p {color:#FFFFFF;font-size:18px;line-height:32px;margin:20px 0 0 0;}
.member-info-user b {color:#FFFFFF;font-size:12px;font-weight:normal;}
.member-info-icon {width:48px;height:48px;padding-top:24px;float:right;}

.member-stats {height:192px;background:#F7F7F7;border-radius:12px;position:relative;margin:-32px 10px 0 10px;}
.member-stats li {width:50%;padding:12px 0;float:left;text-align:center;font-size:12px;}
.member-stats li b {font-weight:normal;font-size:20px;display:block;padding:0 10px;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;}

.order-t {height:44px;line-height:44px;padding:0 32px 0 16px;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.order-t em {font-style:normal;float:right;font-size:12px;}
.order-t b {font-size:14px;}
.order-p {height:44px;line-height:44px;padding:0 16px;overflow:hidden;background:#FFFFFF;}
.order-p input[type="text"] {width:50%;border:#F6F6F6 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.order-b {height:64px;padding:0 16px;overflow:hidden;text-align:right;border-bottom:#F6F6F6 16px solid;}
.order-b a {display:inline-block;width:72px;height:30px;line-height:30px;background:#FFFFFF;border:#F0F0F0 1px solid;border-radius:16px;margin:16px 0 0 10px;font-size:12px;text-align:center;}

.adsign {position:absolute;z-index:5;width:36px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:normal;border:#FFFFFF 1px solid;border-radius:6px;color:#FFFFFF;margin:-26px 0 0 6px;background:#000000;opacity:0.6;}
.adname {display:inline-block;width:36px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:normal;border:#DDDDDD 1px solid;border-radius:6px;color:#DDDDDD;margin:0 6px 0 0;background:#FFFFFF;text-decoration:none;}
.adword table {background:#F6F6F6;}
.adword_tip {color:#999999;padding:8px 16px;font-size:12px;}
.sponsor {}
.share_icon {display:none;}
.limit {padding:0 16px;line-height:48px;font-size:12px;color:#999999;}

.title {}
.title h1 {font-size:20px;line-height:24px;padding:16px;margin:0;}
.info {font-size:14px;padding:0 10px 16px 20px;color:#666666;border-bottom:#F6F6F6 10px solid;}
.content {font-size:16px;line-height:180%;padding:10px 24px;}
.content img,.content table,.content video {max-width:100%;height:auto;}
.content a {color:#024893;}
.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;}
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:16px;line-height:32px;padding:64px 16px;text-align:center;}
.pages {height:36px;padding:24px 0 24px 6px;text-align:center;background:#F7F7F7;clear:both;}
.pages a {display:inline-block;height:34px;line-height:34px;background:#FFFFFF;border:#F0F0F0 1px solid;border-radius:4px;margin-right:6px;padding:0 12px;font-size:14px;text-align:center;}

.tool {padding:24px 0;text-align:center;border-top:#F6F6F6 10px solid;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;}
.tool div {flex:1;font-style:normal;font-size:12px;color:#666666;height:20px;line-height:20px;padding:30px 0 0 0;}
.tool b {font-weight:normal;}
.tool .like {background:url('img/tool-like.png') no-repeat center 0;background-size:24px 24px;}
.tool .liked {background:url('img/tool-like-on.png') no-repeat center 0;background-size:24px 24px;color:#FF6600;}
.tool .hate {background:url('img/tool-hate.png') no-repeat center 0;background-size:24px 24px;}
.tool .hated {background:url('img/tool-hate-on.png') no-repeat center 0;background-size:24px 24px;color:#FF6600;}
.tool .report {background:url('img/tool-report.png') no-repeat center 0;background-size:24px 24px;}
.tool .favorite {background:url('img/tool-favorite.png') no-repeat center 0;background-size:24px 24px;}
.tool .favorited {background:url('img/tool-favorite-on.png') no-repeat center 0;background-size:24px 24px;color:#FF6600;}
.tool .comment {background:url('img/tool-comment.png') no-repeat center 0;background-size:24px 24px;}
.tool .award {background:url('img/tool-award.png') no-repeat center 0;background-size:24px 24px;}
.tool .share {background:url('img/tool-share.png') no-repeat center 0;background-size:24px 24px;}

.back2top {width:36px;height:36px;position:fixed;z-index:20;right:20px;bottom:128px;background:#000000 url('img/back2top.png') no-repeat center center;background-size:24px 24px;border-radius:50%;display:none;opacity:0.5;}
.back2top a {display:block;width:100%;height:100%;}

.userinfo-v0,.userinfo-v1,.userinfo-v2 {position:absolute;display:block;width:16px;height:16px;background:#FFFFFF url('img/../../image/ico-v0-32.png') no-repeat center center;background-size:16px 16px;border-radius:50%;margin:48px 0 0 48px;}
.userinfo-v1 {background:#FFFFFF url('img/../../image/ico-v1-32.png') no-repeat center center;background-size:16px 16px;}
.userinfo-v2 {background:#FFFFFF url('img/../../image/ico-v2-32.png') no-repeat center center;background-size:16px 16px;}

.userinfo {padding:16px;border-bottom:#F6F6F6 1px solid;}
.userinfo img {width:56px;height:56px;border-radius:50%;float:left;margin-right:16px;}
.userinfo b {font-size:14px;}
.userinfo s {color:#999999;text-decoration:none;font-size:12px;}
.userinfo li {height:28px;line-height:28px;overflow:hidden;}
.userinfo .userinfo-v0,.userinfo .userinfo-v1,.userinfo .userinfo-v2 {margin:40px 0 0 40px;}

.follow0 {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 32px;font-size:12px;text-align:center;border:#EEEEEE 1px solid;background:#FFFFFF url('img/../../image/ico-follow-32.png') no-repeat 10px center;background-size:16px 16px;border-radius:6px;cursor:pointer;float:right;}
.follow1 {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 32px;font-size:12px;text-align:center;border:#EEEEEE 1px solid;background:#EEEEEE url('img/../../image/ico-followed-32.png') no-repeat 10px center;background-size:16px 16px;color:#999999;border-radius:6px;cursor:pointer;float:right;}
.follow0 b,.follow1 b {font-weight:normal;}
.follow0 i,.follow1 i {font-weight:normal;font-style:normal;padding-left:6px;}

.contact {padding:0 16px;font-size:16px;line-height:200%;}
.contact h3 {font-size:16px;}
.contact-fw {margin:0 0 16px 0;padding:0;height:26px;line-height:26px;overflow:hidden;}
.contact-fw span {font-size:16px;}
.contact-vip {padding:8px 16px;background:url('img/contact-vip.png') no-repeat 0 center;background-size:100% auto;color:#DBB78B;border-radius:6px 0 6px 0;margin:0 0 16px 0;}
.contact-vip b {font-size:16px;}
.contact-vip span {float:right;font-size:14px;}
.contact-com {padding:8px 16px;background:#F6F6F6;border-radius:6px 0 6px 0;margin:0 0 16px 0;}
.contact-com b {font-size:14px;color:#666666;}
.contact-com span {float:right;font-size:14px;color:#999999;}
.contact-vd {width:100%;height:64px;overflow:hidden;margin:0 auto;text-align:center;box-sizing:border-box;font-size:12px;}
.contact-v1 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;background:#2BA245 url('img/contact-v1.png') no-repeat 30px center;background-size:16px 16px;border:#2BA245 1px solid;border-radius:6px 0 0 6px;color:#FFFFFF;}
.contact-v1 b {display:block;font-size:14px;line-height:24px;height:24px;overflow:hidden;}
.contact-v0 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;background:#EEEEEE;border:#EEEEEE 1px solid;border-radius:6px 0 0 6px;color:#666666;}
.contact-v0 b {display:block;font-size:14px;line-height:24px;height:24px;overflow:hidden;}
.contact-d1 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;border:#2BA245 1px solid;border-radius:0 6px 6px 0;color:#2BA245;}
.contact-d1 b {display:block;font-size:14px;line-height:24px;line-height:24px;height:24px;overflow:hidden;}
.contact-d0 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;border:#EEEEEE 1px solid;border-radius:0 6px 6px 0;color:#666666;}
.contact-d0 b {display:block;font-size:14px;line-height:24px;line-height:24px;height:24px;overflow:hidden;}

.album-list {overflow:hidden;border-bottom:#F6F6F6 1px solid;}
.album-list p {margin:0;border-bottom:#F6F6F6 1px solid;line-height:36px;padding:0 16px;}
.album-list p b {font-size:16px;}
.album-list p span {float:right;font-size:12px;color:#999999;}
.album-list div {max-height:324px;overflow-y:auto;}
.album-list li {height:36px;line-height:36px;overflow:hidden;padding:0 16px;font-size:14px;}
.album-list li i {float:right;font-size:12px;color:#999999;font-style:normal;}
.album-list li s {float:right;display:inline-block;width:8px;height:36px;background:#F6F6F6 url('img/../../image/ico-play.gif') no-repeat center center;background-size:8px 16px;}
.album-list .on {background:#F6F6F6;}

.ui-head {height:44px;line-height:44px;font-size:14px;padding:0 0 0 20px;background:#F6F6F6;}
.ui-head span {float:right;display:inline-block;font-size:12px;color:#666666;background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;padding-right:28px;}
.ui-head i {display:inline-block;height:4px;width:30px;background:#FF6600;border-radius:2px;position:absolute;z-index:8;margin:40px 0 0 0;}

.ui-load {height:48px;line-height:48px;background:#FFFFFF;font-size:12px;text-align:center;display:none;}
.ui-load i {font-style:normal;display:inline-block;height:16px;line-height:16px;background:url('img/spinner.gif') no-repeat 0 center;background-size:16px 16px;padding:0 0 0 24px;color:#999999;}
.ui-load b {color:#D3D3D3;}

.ui-viewer {position:fixed;z-index:200;top:0;width:100%;height:10000px;background:#000000;color:#FFFFFF;display:none;}
.ui-viewer i {position:fixed;z-index:211;top:16px;left:16px;display:block;width:24px;height:24px;background:#333333 url('img/icon-cancel-wh.png') no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;}
.ui-viewer b {position:fixed;z-index:211;top:16px;right:16px;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#FFFFFF;text-align:center;}
.ui-viewer p {position:fixed;z-index:211;bottom:0;left:0;padding:16px 24px;margin:0;background:#333333;font-size:12px;color:#FFFFFF;width:100%;display:none;}
.ui-viewer em {position:fixed;z-index:211;top:16px;left:50%;margin-left:-30px;font-size:12px;color:#F6F6F6;width:60px;height:22px;line-height:22px;background:#333333;border-radius:4px;font-style:normal;text-align:center;display:none;}
.ui-viewer li {float:left;}

.ui-album {background:#000000;color:#FFFFFF;}
.ui-album span,.ui-album pre {display:none;}
.ui-album strong {display:block;line-height:20px;padding:20px;font-size:12px;font-weight:normal;}
.ui-album li {float:left;}
.ui-album em {position:absolute;z-index:5;right:0;margin:48px 10px 0 0;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#FFFFFF;text-align:center;opacity:0.5;}
.ui-album b {position:absolute;z-index:6;display:block;width:48px;height:48px;background:#FFFFFF url('img/../../image/video-play.png') no-repeat center center;background-size:48px 48px;left:50%;margin:80px 0 0 -28px;border-radius:50%;opacity:0.8;}
.ui-album p {position:absolute;z-index:7;width:100%;background:#000000;text-align:center;margin:0;padding:0;display:none;}
.ui-album i {position:absolute;z-index:8;display:block;width:24px;height:24px;background:#000000 url('img/icon-cancel-wh.png') no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;right:0;margin:10px 10px 0 0;opacity:0.8;display:none;}

.ui-ico-none,.ui-ico-home,.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-link,.ui-ico-price,.ui-ico-like,.ui-ico-liked,.ui-ico-hate,.ui-ico-hated,.ui-ico-sort,.ui-ico-delete,.ui-ico-quote,.ui-ico-report {font-style:normal;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 18px;}
.ui-ico-time {background:url('img/ico-time.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-home {background:url('img/ico-home.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hits {background:url('img/ico-hits.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-comm {background:url('img/ico-comm.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-info {background:url('img/ico-info.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-play {background:url('img/ico-play.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-pics {background:url('img/ico-pics.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-down {background:url('img/ico-down.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-area {background:url('img/ico-area.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-user {background:url('img/ico-user.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-link {background:url('img/ico-link.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-price {color:#FF0000;padding:0;font-size:14px;}
.ui-ico-like {background:url('img/ico-like.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-liked {background:url('img/ico-like-on.png') no-repeat 0 center;background-size:14px 14px;color:#FF6600;}
.ui-ico-hate {background:url('img/ico-hate.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hated {background:url('img/ico-hate-on.png') no-repeat 0 center;background-size:14px 14px;color:#FF6600;}
.ui-ico-sort {background:url('img/ico-sort.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-delete {background:url('img/ico-delete.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-quote {background:url('img/ico-quote.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-report {background:url('img/ico-report.png') no-repeat 0 center;background-size:14px 14px;}

.ui-tool {padding:16px 6px;text-align:right;border-bottom:#F6F6F6 10px solid;}
.ui-main {background:#F6F6F6;padding:0 10px 0 0;overflow:hidden;clear:both;}

.ui-filter {padding:0 0 0 16px;height:48px;line-height:48px;background:#F6F6F6;}
.ui-filter b {display:inline-block;font-weight:normal;margin-right:16px;}
.ui-filter .on {color:#FF6600;}
.ui-filter i {display:inline-block;font-style:normal;padding:0 16px;}
.ui-filter-ord {background:url('img/filter-ord.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-dsc {background:url('img/filter-dsc.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-asc {background:url('img/filter-asc.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-box {background:url('img/filter-box.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-ckd {background:url('img/filter-ckd.png') no-repeat 0 center;background-size:12px 12px;color:#FF6600;}
.ui-filter-key {padding:0 16px 16px 16px;background:#F6F6F6;}
.ui-filter-key i {display:inline-block;font-style:normal;padding-right:16px;margin-right:16px;background:url('img/filter-del.png') no-repeat right center;background-size:12px 12px;}

.ui-list-img {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;float:left;}
.ui-list-img div {background:#FFFFFF;margin:0 0 10px 10px;border-radius:6px;overflow:hidden;}
.ui-list-img img {width:100%;border-radius:6px 6px 0 0;}
.ui-list-img strong {display:block;line-height:20px;height:40px;margin:10px;font-size:14px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img b {display:block;line-height:20px;height:20px;margin:10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-img p {margin:0;padding:6px 0 0 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}

.ui-list-txt {background:#FFFFFF;margin:0 0 10px 0;padding:10px;}
.ui-list-txt strong {display:block;line-height:20px;margin:10px;font-size:16px;font-weight:normal;}
.ui-list-txt p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-txt div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-list-mix {background:#FFFFFF;margin:0 0 10px 0;padding:10px;overflow:hidden;clear:both;}
.ui-list-mix img {float:left;margin-right:6px;width:30%;}
.ui-list-mix strong {display:block;line-height:20px;margin:2px 10px 10px 10px;font-size:16px;font-weight:normal;}
.ui-list-mix b {display:block;line-height:20px;height:20px;margin:0 10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-mix .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-mix p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-mix ul {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding:0;}
.ui-list-mix div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-fr {float:right;}
.ui-ip {height:32px;line-height:32px;color:#999999;font-size:12px;padding:0 16px;}
.ui-ok {background:#FFFFFF url('img/icon-ok.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ko {background:#FFFFFF url('img/icon-ko.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-tm {background:#FFFFFF url('img/icon-tm.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ok p,.ui-ko p,.ui-tm p {margin:0;font-size:20px;padding-bottom:44px;}
.ui-ok div,.ui-ko div,.ui-tm div {font-size:16px;color:#999999;padding-bottom:44px;}
.ui-ok input,.ui-ko input,.ui-tm input {margin-bottom:16px;}

.ui-form-search {background:#F6F6F6;padding:10px 16px;}
.ui-form-search input[type="search"] {box-sizing:border-box;width:100%;height:32px;line-height:24px;border:none;border-radius:16px;font-size:14px;-webkit-appearance:none;background:#FFFFFF url('img/ico-search.png') no-repeat 10px center;background-size:16px 16px;padding:0 28px;}

.ui-form {background:#FFFFFF;padding:0 24px;overflow:hidden;}
.ui-form p {padding:10px 0;margin:10px 0 0 0;font-size:14px;clear:both;color:#666666;}
.ui-form div {line-height:24px;}
.ui-form i,.ui-form em {padding-left:6px;font-size:12px;color:#FF0000;font-style:normal;}
.ui-form b {float:right;font-size:12px;color:#FF0000;font-weight:normal;}
.ui-form s {line-height:20px;font-size:12px;color:#999999;text-decoration:none;display:block;padding:6px 0 0 0;clear:both;}
.ui-form label {display:inline;margin:0 0 0 6px;font-size:14px;}
.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:24px;border:#F0F0F0 1px solid;padding:10px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('img/ico-search.png') no-repeat 6px center;background-size:16px 16px;padding:0 28px;}
.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#F0F0F0 1px solid;background:#FFFFFF;color:#333333;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#F0F0F0 1px solid;background:#FFFFFF;color:#333333;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#F0F0F0 1px solid !important;}
.ui-form input[type="checkbox"] {border:#F0F0F0 1px solid !important;}
.ui-form select {padding:0 10px 0 24px;color:#333333;font-size:14px;height:44px;line-height:44px;border-radius:4px;border:#F0F0F0 1px solid;background:url('img/ico-fold.png') no-repeat 6px center;background-size:16px 16px;-webkit-appearance:none;}
.ui-form textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:72px;line-height:24px;padding:3px;font-size:14px;border:#F0F0F0 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:100px;}
.ui-form #answer {width:80%;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:100%;height:100%;min-width:80px;min-height:80px;}
.webuploader-pick-hover {}
.webuploader-pick-disable {opacity:0.6;pointer-events:none;}

.ui-form-thumb-show {width:80px;height:60px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-thumb-show img {width:80px;height:60px;border:none;}
.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-album-show {width:80px;height:80px;border:#EDEEF1 1px solid;margin:0 16px 16px 0;float:left;display:none;}
.ui-form-album-show img {width:80px;height:80px;border:none;}
.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('img/icon-upload.png') no-repeat center center;background-size:24px 24px;margin:-38px 6px 0 0;}
.ui-form-file-upload2 {position:relative;width:47px;height:37.333px;overflow:hidden;float:right;background:#FFFFFF url('img/icon-upload.png') no-repeat center center;background-size:24px 24px;}
.ui-form-scan {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('img/icon-scan.png') no-repeat center center;background-size:24px 24px;margin:-38px 6px 0 0;}
.ui-form-video {width:100%;height:148px;background:#DDDDDD url('img/../../image/play.png') no-repeat center center;background-size:48px 48px;margin:10px 0 0 0;}

.ui-editor-toolbar {background:#F8F8F8;height:36px;line-height:36px;padding-left:10px;border-top:#F0F0F0 1px solid;}
.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7F8393;font-size:20px;cursor:pointer;font-family:Verdana;}
.ui-editor-toolbar input {width:36px;height:36px;line-height:36px;cursor:pointer;border:none;background:url('img/../../image/spacer.png');position:absolute;opacity:0;}
.ui-editor-img {background:url('img/editor-img.png') no-repeat center center;background-size:20px 20px;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#F0F0F0 1px solid;background:#FFFFFF;height:180px;padding:10px;font-size:16px;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#024893;}

.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;opacity:0.8;display:none;}
.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:3px 16px;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:128px;font-size:14px;display:none;}
.ui-sheet {position:fixed;z-index:99;left:0;right:0;bottom:0;display:none;background:#F6F6F6;}
.ui-sheet div {background:#FFFFFF;border-top:#F0F0F0 1px solid;}
.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;border-top:#F0F0F0 1px solid;}
.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;font-weight:bold;margin:8px 0;background:#FFFFFF;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {display:block;width:100%;}
.ui-pop {position:fixed;z-index:99;top:36px;right:10px;width:128px;display:none;}
.ui-pop i {display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #333333;margin-left:108px;}
.ui-pop div {text-align:center;background:#333333;border-radius:4px;padding:10px;}
.ui-pop a {display:block;width:100%;height:44px;line-height:44px;color:#FFFFFF;font-size:16px;}
.ui-pop b {font-weight:normal;font-size:10px;color:#FFFFFF;display:inline-block;min-width:16px;height:16px;line-height:16px;margin:0 0 0 6px;background:#FF0000;border-radius:50%;text-align:center;}
.ui-widget {position:fixed;z-index:99;left:0;right:0;bottom:0;display:none;}
.ui-widget p {height:48px;line-height:48px;font-size:18px;font-weight:normal;padding:0 6px 0 16px;margin:0;background:#F7F7F7;border-radius:16px 16px 0 0;}
.ui-widget p i {width:48px;height:48px;float:right;background:url('img/icon-cancel.png') no-repeat center center;background-size:24px 24px;}
.ui-widget p s {display:block;width:64px;height:32px;line-height:32px;float:right;margin:8px 4px 0 0;background:#007AFF;color:#FFFFFF;border:none;border-radius:6px;font-size:14px;text-align:center;text-decoration:none;-webkit-appearance:none;}
.ui-widget p s:hover {background:#0569D5;}
.ui-widget div {background:#FFFFFF;}
.ui-frame {position:fixed;z-index:99;bottom:0;left:0;width:100%;background:#F6F6F6;display:none;}
.ui-frame p {height:48px;line-height:48px;margin:0;padding:0 16px;text-align:right;font-size:16px;}
.ui-side {position:fixed;z-index:99;top:0;right:0;width:256px;height:100%;background:#000000;display:none;}
.ui-icon-loading {background:url('img/../../image/spacer.png') no-repeat center center;background-size:40px 40px;border-radius:50%;display:none;}
:root {--sab: env(safe-area-inset-bottom);}
/*===================== Header CSS start==========================*/
.main-header{position:sticky;top:0;padding-top:15px;background-color:rgba(var(--white),1);z-index:99;padding-bottom:15px !important;box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, 0.1);}
.main-header.sticky{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:600px}
.main-header .header-panel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;z-index:99}
.main-header .header-panel.contact-panel{border-bottom:1px solid rgba(var(--content-color),0.15);padding-bottom:20px}
@media (max-width:600px){.main-header .header-panel.contact-panel{padding-bottom:calc(15px + 5 * (100vw - 320px) / 448)}
}.main-header .header-panel a{z-index:1}
.main-header .header-panel a .icon-btn{--Iconsax-Color:rgba(var(--dark-text),1);--Iconsax-Size:20px;line-height:1;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid rgba(var(--content-color),0.15);-webkit-box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);background-color:rgba(var(--white),1);border-radius:8px}
@media (max-width:600px){.main-header .header-panel a .icon-btn{--Iconsax-Size:calc(18px + (20 - 18) * ((100vw - 320px) / (768 - 320)));width:calc(35px + 5 * (100vw - 320px) / 448);height:calc(35px + 5 * (100vw - 320px) / 448)}
}
.main-header .header-panel .logo{height:30px; -o-object-fit:contain;object-fit:contain}
.main-header .header-panel .profile-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}
.main-header .header-panel .profile-head .profile-img{width:40px;height:40px}
.main-header .header-panel .profile-head .profile-img .img{width:100%;height:100%;border-radius:100%}
.main-header .header-panel .profile-head .profile-img .icon{padding:6px;background-color:rgb(255,255,255);border:1px solid rgba(var(--theme-color),1);border-radius:100%}
.main-header .header-panel .icons{--Iconsax-Color:rgba(var(--dark-text),1);--Iconsax-Size:16px;background-color:rgba(var(--white),0.1);-webkit-box-shadow:0px 2px 8px rgba(var(--dark-text),0.1);box-shadow:0px 2px 8px rgba(var(--dark-text),0.1);padding:10px;border:1px solid rgba(var(--dark-text),0.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px}
@media (max-width:600px){.main-header .header-panel .icons{width:calc(35px + 5 * (100vw - 320px) / 448);height:calc(35px + 5 * (100vw - 320px) / 448)}
}.main-header .header-panel h3{position:absolute;font-weight:600;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:rgba(var(--dark-text),1);white-space:nowrap}
.main-header .header-panel h2{position:absolute;font-weight:600;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:rgba(var(--dark-text),1);white-space:nowrap}
.main-header .header-panel .notification{width:40px;height:40px;background-color:rgba(var(--white),1);padding:10px;border:1px solid rgba(var(--theme-color),0.1);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;-webkit-box-shadow:0px 2px 12px rgba(var(--theme-color),0.05);box-shadow:0px 2px 12px rgba(var(--theme-color),0.05)}
.main-header .header-panel .notification .notification-icon{position:relative;--Iconsax-Color:rgba(var(--theme-color),1)}
.main-header .header-panel .notification .notification-icon::after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;background-color:rgba(var(--error-color),1);border-radius:100%}
.main-header .header-panel .like-btn{position:relative;line-height:1;z-index:1;border-radius:100%;background-color:rgba(var(--white),0.1);-webkit-box-shadow:0px 2px 8px rgba(var(--theme-color),0.1);box-shadow:0px 2px 8px rgba(var(--theme-color),0.1);padding:6px;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.main-header .header-panel .like-btn i{padding:5px;color:rgba(var(--error-color),1);background-color:rgba(var(--white),1);border-radius:100%;width:26px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.main-header .header-panel .like-btn .fill-icon{display:none}
.main-header .header-panel .like-btn .outline-icon{width:24px}
.main-header .header-panel .like-btn.active .outline-icon{display:none}
.main-header .header-panel .like-btn.active .fill-icon{display:-webkit-box;display:-ms-flexbox;display:flex;color:rgba(var(--error-color),1);width:24px}
.main-header .header-panel .like-btn.active .effect:before{-webkit-animation:fireworkLine 0.5s linear 0.1s;animation:fireworkLine 0.5s linear 0.1s}
.main-header .header-panel .like-btn.active .effect:after{-webkit-animation:fireworkPoint 0.5s linear 0.1s;animation:fireworkPoint 0.5s linear 0.1s}
.main-header .header-panel .more-options .dropdown-toggle::after{content:none}
.main-header .header-panel .more-options .dropdown-toggle.show:first-child:active{border-color:transparent;color:unset;background-color:unset}
.main-header .header-panel .more-options .dropdown-menu{padding:20px}
@media (max-width:600px){.main-header .header-panel .more-options .dropdown-menu{padding:calc(15px + 5 * (100vw - 320px) / 448)}
}.main-header .header-panel .more-options .dropdown-menu.show{min-width:100%;color:rgba(var(--dark-text),1);background-color:rgba(var(--white),1)}
.main-header .header-panel .more-options .dropdown-menu li{width:100%;padding-block:10px;border-bottom:1px solid rgba(var(--content-color),0.15)}
.main-header .header-panel .more-options .dropdown-menu li:first-child{padding-top:0}
.main-header .header-panel .more-options .dropdown-menu li:last-child{padding-bottom:0;border-bottom:none}
.main-header .header-panel .more-options .dropdown-menu li:hover{background-color:transparent}
.main-header .header-panel .more-options .dropdown-menu li .dropdown-item{padding:0 !important;font-size:13px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:rgba(var(--dark-text),1)}
.main-header .header-panel .more-options .dropdown-menu li .dropdown-item .icon{--Iconsax-Color:rgba(var(--dark-text),1);--Iconsax-Size:16px}
.main-header .header-panel .more-options .dropdown-menu li .dropdown-item .icon.error-icon{--Iconsax-Color:rgba(var(--error-color),1) !important}
.main-header .header-panel .more-options .dropdown-menu li .dropdown-item:active{background-color:transparent}
.main-header .header-panel .more-options .dropdown-menu li .dropdown-item:hover{background-color:transparent}
.main-header .header-panel .call-timing{padding:5px 15px;font-weight:600;color:rgb(255,255,255);background-color:rgba(var(--theme-color),1);border-radius:15px}
.main-header .header-panel.video-header{position:absolute;top:20px;left:20px;width:90%}
[dir=rtl] .main-header .header-panel.video-header{left:unset;right:20px}
.main-header .header-panel.video-header h3{position:absolute;left:115px}
[dir=rtl] .main-header .header-panel.video-header h3{left:unset;right:0}
.main-header .header-panel.video-header h5{position:absolute;right:0}
[dir=rtl] .main-header .header-panel.video-header h5{left:0;right:unset}
.main-header .header-panel.video-header .icon-btn{position:relative;--Iconsax-Color:rgba(255,255,255,1);background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.main-header .header-panel.video-header .icon-btn::after{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(128.66deg,rgb(255,255,255) -1.63%,rgba(255,255,255,0.4) 92.16%);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(255,255,255))) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(255,255,255)));-webkit-mask:linear-gradient(rgb(255,255,255) 0 0) content-box,linear-gradient(rgb(255,255,255) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}
.main-header.inner-page-header{background-color:rgba(var(--theme-color),1)}
.main-header.inner-page-header .header-panel a .icon-btn{--Iconsax-Color:rgba(var(--white),1);background-color:rgba(255,255,255,0.25)}
.main-header.inner-page-header .header-panel h4{color:rgba(var(--white),1)}
.main-header.inner-page-header .header-panel h6{margin-top:4px;color:rgba(var(--white),1)}
.image-header-panel{position:relative;height:240px;padding:0 20px 20px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:0 0 6px 6px;background-color:rgba(var(--content-color),0.1);border-bottom:1px solid rgba(var(--content-color),0.15)}
.image-header-panel .broadcast-logo{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.image-header-panel .header-panel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:50px;line-height:1;z-index:1;width:100%}
@media (max-width:600px){.image-header-panel .header-panel{padding-top:calc(30px + 20 * (100vw - 320px) / 448)}
}.image-header-panel .header-panel a{z-index:1}
.image-header-panel .header-panel a .icon-btn{--Iconsax-Color:rgba(255,255,255,1);line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--Iconsax-Size:20px;width:40px;height:40px}
@media (max-width:600px){.image-header-panel .header-panel a .icon-btn{--Iconsax-Size:calc(18px + (20 - 18) * ((100vw - 320px) / (768 - 320)));width:calc(35px + 5 * (100vw - 320px) / 448);height:calc(35px + 5 * (100vw - 320px) / 448)}
}.image-header-panel .header-panel a .icon-btn::after{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,0.5) -1.63%,rgba(255,255,255,0) 95%);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(255,255,255))) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(255,255,255)));-webkit-mask:linear-gradient(rgb(255,255,255) 0 0) content-box,linear-gradient(rgb(255,255,255) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}
.image-header-panel .header-panel a .icon-btn.info-head-btn{--Iconsax-Color:rgba(var(--dark-text),1)}
.image-header-panel .name-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:60%}
@media (max-width:425px){.image-header-panel .name-panel{height:70%}
}.image-header-panel .name-panel h5{margin-top:4px;font-weight:400;color:rgba(255,255,255,0.8)}
.image-header-panel .name-panel a .icon{--Iconsax-Color:rgba(255,255,255,1);--Iconsax-Size:20px;line-height:1}
.image-header-panel .name-panel a .icon.info-btn{--Iconsax-Color:rgba(var(--dark-text),1)}
.group-profile{position:relative;width:100px;height:100px;margin:0 auto;z-index:0}
.group-profile .img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}
.group-profile::after{content:"";position:absolute;width:100px;height:100px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;border:1px rgba(var(--white),1);border-radius:100%}
.group-profile::before{content:"";position:absolute;width:100px;height:100px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;border:5px solid rgba(var(--white),0.7);border-radius:100%}
.copy-link-box{margin-top:20px;padding:15px;background-color:rgba(var(--content-color),0.1);border:1px solid rgba(var(--content-color),0.15);border-radius:8px}
.copy-link-box h5{font-weight:400;color:rgba(var(--content-color),1)}


/*=====================offcanvas CSS start==========================*/
.offcanvas.addtohome-popup{height:auto}
.offcanvas.addtohome-popup .btn-close{position:absolute;right:20px;top:20px;-webkit-box-shadow:none;box-shadow:none}
.offcanvas.addtohome-popup .offcanvas-body{text-align:right;background-color:rgba(var(--white),1);padding:15px}
.offcanvas.addtohome-popup .offcanvas-body .app-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;text-align:left}
.offcanvas.addtohome-popup .offcanvas-body .app-info .content{padding-left:15px}
.offcanvas.addtohome-popup .offcanvas-body .app-info .content h3{font-weight:600;color:rgba(var(--dark-text),1)}
.offcanvas.addtohome-popup .offcanvas-body .app-info .content h4{font-weight:600;color:rgba(var(--theme-color),1)}
.offcanvas.addtohome-popup .offcanvas-body .app-info .content a{color:rgba(var(--content-color),1)}
.offcanvas.addtohome-popup .offcanvas-body .home-screen-btn{display:inline-block}
.sidebar-offcanvas{width:280px !important;background-color:rgba(var(--white),1)}
.sidebar-offcanvas.show{background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh;height:100%;visibility:visible;border-radius:0 20px 20px 0}
.sidebar-offcanvas .offcanvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;padding:40px 20px 20px}
.sidebar-offcanvas .offcanvas-header .logo{max-width:100%;}
.sidebar-offcanvas .offcanvas-header .btn-close{background-color:rgba(var(--white),0.4);margin-left:auto;margin-right:0px;font-size:10px;-webkit-box-shadow:none;box-shadow:none}
.sidebar-offcanvas .offcanvas-body{border-top:1px solid rgba(var(--content-color),0.15);padding:0}
.sidebar-offcanvas .offcanvas-body .link-section{padding:15px 20px 60px 20px}
.sidebar-offcanvas .offcanvas-body .link-section li{display:block}
.sidebar-offcanvas .offcanvas-body .link-section li:last-child(){display:none}
.sidebar-offcanvas .offcanvas-body .link-section li .child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
.sidebar-offcanvas .offcanvas-body .link-section li .child .sidebar-icon{--Iconsax-Color:rgba(var(--content-color),1);--Iconsax-Size:25px}
.sidebar-offcanvas .offcanvas-body .link-section li .child .sidebar-icon.icon{width:25px;height:25px;-webkit-filter:contrast(0);filter:contrast(0)}
.sidebar-offcanvas .offcanvas-body .link-section li .child h3{color:rgba(var(--content-color),1)}
.sidebar-offcanvas .offcanvas-body .link-section li.active{background-color:rgba(var(--theme-color),0.1);border-radius:8px}
.sidebar-offcanvas .offcanvas-body .link-section li.active .child .sidebar-icon{--Iconsax-Color:rgba(var(--theme-color),1)}
.sidebar-offcanvas .offcanvas-body .link-section li.active .child h3{font-weight:600;color:rgba(var(--theme-color),1)}
.sidebar-offcanvas .offcanvas-body .link-section.switch-section li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px}
.sidebar-offcanvas .offcanvas-body .link-section.switch-section li h5{font-weight:400;color:rgba(var(--content-color),1);margin-bottom:0;}
.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]{position:relative;width:37px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--content-color),0.1);outline:none;border-radius:50px;cursor:pointer}
.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]:checked{background:rgba(var(--theme-color),0.1)}
.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]:checked::before{-webkit-transform:translateX(80%) translateY(-50%);transform:translateX(80%) translateY(-50%);background:rgba(var(--theme-color),1)}
.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]:before{content:"";width:15px;height:15px;border-radius:50%;background:rgba(var(--content-color),0.5);position:absolute;top:50%;left:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:0.5s;transition:0.5s}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar{position:fixed;bottom:0;border-top:1px solid rgba(var(--content-color),0.15);background-color:rgba(var(--white),1)}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li{border-left:1px solid rgba(var(--content-color),0.15);padding:15px 20px}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li:first-child{border:none}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li .child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li .child .sidebar-icon{--Iconsax-Color:rgba(var(--content-color),1);--Iconsax-Size:25px}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li .child .sidebar-icon.icon{width:25px;height:25px;-webkit-filter:contrast(0);filter:contrast(0)}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li .child h3{color:rgba(var(--content-color),1)}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li.active{background-color:rgba(var(--theme-color),0.1);border-radius:8px}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li.active .child .sidebar-icon{--Iconsax-Color:rgba(var(--theme-color),1)}
.sidebar-offcanvas .offcanvas-body .bottom-sidebar .link-section li.active .child h3{font-weight:600;color:rgba(var(--theme-color),1)}
.search-offcanvas{height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:rgba(var(--white),1)}
.search-offcanvas .offcanvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;padding-bottom:0}
.search-offcanvas .offcanvas-header a{z-index:1}
.search-offcanvas .offcanvas-header a .icon-btn{--Iconsax-Color:rgba(var(--dark-text),1);--Iconsax-Size:20px;line-height:1;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid rgba(var(--content-color),0.15);-webkit-box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);background-color:rgba(var(--white),1);border-radius:8px}
@media (max-width:600px){.search-offcanvas .offcanvas-header a .icon-btn{--Iconsax-Size:calc(18px + (20 - 18) * ((100vw - 320px) / (768 - 320)));width:calc(35px + 5 * (100vw - 320px) / 448);height:calc(35px + 5 * (100vw - 320px) / 448)}
}.search-offcanvas .offcanvas-header .form-input{width:100%;position:relative}
.search-offcanvas .offcanvas-header .form-input .form-control{position:relative;padding:calc(10px + 5 * (100vw - 320px) / 448);border-radius:8px;border-color:rgba(var(--content-color),0.15);color:rgba(var(--content-color),1);background-color:rgba(var(--content-color),0.05)}
.search-offcanvas .offcanvas-header .form-input .form-control.search{padding:10px 10px 10px 55px;background-color:rgba(var(--white),1);-webkit-box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08)}
@media (max-width:600px){.search-offcanvas .offcanvas-header .form-input .form-control.search{padding:calc(5px + 5 * (100vw - 320px) / 448) calc(5px + 5 * (100vw - 320px) / 448) calc(5px + 5 * (100vw - 320px) / 448) calc(45px + 10 * (100vw - 320px) / 448)}
}
.search-offcanvas .offcanvas-header .form-input .form-control:focus{-webkit-box-shadow:none;box-shadow:none;border-color:none}
.search-offcanvas .offcanvas-header .form-input .form-control::-webkit-input-placeholder{color:rgba(var(--content-color),1)}
.search-offcanvas .offcanvas-header .form-input .form-control::-moz-placeholder{color:rgba(var(--content-color),1)}
.search-offcanvas .offcanvas-header .form-input .form-control:-ms-input-placeholder{color:rgba(var(--content-color),1)}
.search-offcanvas .offcanvas-header .form-input .form-control::-ms-input-placeholder{color:rgba(var(--content-color),1)}
.search-offcanvas .offcanvas-header .form-input .form-control::placeholder{color:rgba(var(--content-color),1)}
.search-offcanvas .offcanvas-header .form-input i{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;padding-left:5px;--Iconsax-Color:rgba(var(--content-color),1);--Iconsax-Size:16px}

.search-offcanvas .offcanvas-body{padding-top:20px}
.search-offcanvas .offcanvas-body .search-categories-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}
@media (max-width:600px){.search-offcanvas .offcanvas-body .search-categories-list{gap:calc(10px + 2 * (100vw - 320px) / 448)}
}.search-offcanvas .offcanvas-body .search-categories-list li .search-categories-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:8px 10px;color:rgba(var(--content-color),1);background-color:rgba(var(--content-color),0.15);border-radius:8px}
.calling-offcanvas{position:fixed;border-radius:8px;margin:0 20px 20px;background-color:rgba(var(--white),1);border:1px solid rgba(var(--content-color),0.15);-webkit-box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);--bs-offcanvas-height:unset}
.calling-offcanvas .offcanvas-body .offcanvas-content{padding:20px}
.calling-offcanvas .offcanvas-body .offcanvas-content .attend-person-list{padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;overflow:auto}
.calling-offcanvas .offcanvas-body .offcanvas-content .attend-person-list li .person-img{position:relative;width:50px;height:50px}
.calling-offcanvas .offcanvas-body .offcanvas-content .attend-person-list li .person-img .person-pic{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%;-webkit-filter:brightness(0.6);filter:brightness(0.6);position:relative}
.calling-offcanvas .offcanvas-body .offcanvas-content .attend-person-list li .person-img .icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);--Iconsax-Color:rgba(255,255,255,1);--Iconsax-Size:20px}
.calling-offcanvas .offcanvas-body .offcanvas-content .attend-person-list li h6{text-align:center;margin-top:5px;font-weight:500;color:rgba(var(--dark-text),1)}
.calling-offcanvas .offcanvas-body .offcanvas-content .add-person-btn{font-size:14px;font-weight:600;color:rgba(var(--theme-color),1);background-color:rgba(var(--theme-color),0.1)}
.calling-offcanvas .offcanvas-body .calling-option-button{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid rgba(var(--content-color),0.15)}
.calling-offcanvas .offcanvas-body .calling-option-button li .main-button .icon{width:45px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:100%;padding:10px}
.calling-offcanvas .offcanvas-body .calling-option-button li .main-button .icon.icon-original{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.calling-offcanvas .offcanvas-body .calling-option-button li .main-button .option-icon{--Iconsax-Color:rgba(var(--content-color),1);--Iconsax-Size:19px;width:45px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(var(--content-color),0.1);border-radius:100%}
.calling-offcanvas .offcanvas-body .calling-option-button li .main-button .option-icon.theme-option-icon{--Iconsax-Color:rgba(var(--theme-color),1);background-color:rgba(var(--theme-color),0.14)}
.calling-offcanvas.video-calling-offcanvas{margin-bottom:20px;border-radius:15px;border:1px solid rgb(255,255,255);background:rgba(255,255,255,0.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.calling-offcanvas.video-calling-offcanvas .offcanvas-body .offcanvas-content .add-person-btn{color:rgb(255,255,255);background-color:rgba(255,255,255,0.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.calling-offcanvas.video-calling-offcanvas .offcanvas-body .offcanvas-content .attend-person-list li h6{color:rgb(255,255,255)}
.calling-offcanvas.video-calling-offcanvas .offcanvas-body .calling-option-button{border-top:1px solid rgba(var(--white),0.15)}
.calling-offcanvas.video-calling-offcanvas .offcanvas-body .calling-option-button li .main-button .option-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--Iconsax-Color:rgba(var(--white),1)}
.calling-offcanvas.video-calling-offcanvas .offcanvas-body .calling-option-button li .main-button .option-icon::after{content:"";position:absolute;inset:0;border-radius:100%;padding:1px;background-color:transparent;background:linear-gradient(134deg,rgba(var(--white),1) 1.37%,rgba(var(--white),0.4) -60.84%);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(var(--white),1))) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(var(--white),0.9)));-webkit-mask:linear-gradient(rgba(var(--white),1) 0 0) content-box,linear-gradient(rgba(var(--white),0.9) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}
.add-people-offcanvas{position:fixed;background-color:rgba(var(--white),1);border:1px solid rgba(var(--content-color),0.15);border-radius:8px;-webkit-box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);box-shadow:0px 2px 15px 0px rgba(var(--dark-text),0.08);--bs-offcanvas-height:50vh}
.add-people-offcanvas .offcanvas-body .btn-close{-webkit-box-shadow:none;box-shadow:none}
.add-people-offcanvas.video-offcanvas{background:rgba(var(--white),0.4);border:1px solid rgba(var(--white),0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto;margin-right:auto}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .member-title{border-bottom:1px solid rgba(var(--white),0.15)}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .member-title h5{color:rgba(var(--white),1)}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .member-title .btn-close{-webkit-filter:invert(1);filter:invert(1)}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .members-list li{border-bottom:1px solid rgba(var(--white),0.15)}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .members-list li:last-child{border-bottom:none}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .members-list li .member-box .member-details h5{color:rgba(var(--white),1)}
.add-people-offcanvas.video-offcanvas .offcanvas-body .members-part .members-list li .member-box a .icon-btn{--Iconsax-Color:rgba(var(--white),1);background-color:rgba(var(--white),0.15)}
.file-offcanvas{margin:0 auto;background-color:rgba(var(--white),1);border-top:transparent !important;height:-webkit-max-content !important;height:-moz-max-content !important;height:max-content !important}
.file-offcanvas .offcanvas-header .btn-close{-webkit-box-shadow:none;box-shadow:none}
.file-offcanvas .offcanvas-body .media-list{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:40px}
@media (max-width:600px){.file-offcanvas .offcanvas-body .media-list{row-gap:calc(20px + 20 * (100vw - 320px) / 448)}
}.file-offcanvas .offcanvas-body .media-list li{margin-bottom:0}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image{width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100%}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color1{background-color:rgba(var(--theme-color),1)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color2{background:radial-gradient(48.38% 48.38% at 35% 31%,#9694fd 0%,#6663e5 100%)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color3{background:radial-gradient(39.96% 39.96% at 34% 22%,#c855f0 3.13%,#a92fd4 100%)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color4{background:radial-gradient(135.15% 135.15% at 13% -11%,#fe54c4 0%,#e51fa2 52.6%,#f37843 100%)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color5{background:radial-gradient(50.7% 50.7% at 31% 23%,#7ed1ff 0%,#39b1f4 100%)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color6{background:radial-gradient(48.37% 48.37% at 37% 35%,#5bfe75 0%,#2acc3b 100%)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color7{background:radial-gradient(37.12% 37.12% at 38% 29%,#fb9c58 0%,#f97415 100%)}
.file-offcanvas .offcanvas-body .media-list li .media-box .media-image .icon{--Iconsax-Color:rgba(var(--white),1);--Iconsax-Size:24px;width:25px;height:25px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.file-offcanvas .offcanvas-body .media-list li .media-box h5{text-align:center;margin-top:6%;font-weight:400;color:rgba(var(--dark-text),1)}
/*===================== Nav CSS start==========================*/


.navbar-menu{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-1px;width:100%;max-width:600px;z-index:2;background-color:rgba(var(--bs-white-rgb),1);padding:10px 19px 19px;border-radius:10px 10px 0 0;-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.07);box-shadow:0px 0px 12px rgba(0,0,0,0.07);z-index:999;}
@media (max-width:600px){.navbar-menu{padding:10px calc(8px + (19 - 8) * ((100vw - 320px) / (600 - 320))) calc(13px + (19 - 13) * ((100vw - 320px) / (600 - 320)))}
}
.navbar-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.navbar-menu ul li .mobile-box{text-align:center;color:rgba(var(--bs-black-rgb),1)}
.navbar-menu ul li .mobile-box .mobile-icon{font-size:21px;line-height:1;margin-bottom:2px;width:45px;height:25px;margin:0 auto}
.navbar-menu ul li .mobile-box .mobile-icon i{font-size:20px}
.navbar-menu ul li .mobile-box .mobile-name{font-size:15px;margin-top:5px}
.navbar-menu ul li .mobile-box .mobile-name h5{font-size:15px;font-weight:700}
.navbar-menu ul li.active .mobile-icon{width:50px;height:50px;margin-top:-30px;position:relative;z-index:0}
.navbar-menu ul li.active .mobile-icon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120%;height:120%;background:-webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(var(--bs-black-rgb),0)),color-stop(50%,#fff));background:linear-gradient(0deg,rgba(var(--bs-black-rgb),0) 50%,#fff 50%);z-index:-1;border-radius:100%;-webkit-box-shadow:0px -1px 4px rgba(var(--bs-black-rgb),0.08);box-shadow:0px -1px 4px rgba(var(--bs-black-rgb),0.08)}
.navbar-menu ul li.active .mobile-icon i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bs-primary);width:50px;height:50px;color:rgba(var(--bs-white-rgb),1);border-radius:100%}

.navbar-menu ul li.active .mobile-name{margin-top:10px}
.navbar-menu ul li.active .mobile-name h5{font-weight:700;color:rgba(var(--theme-color),1);font-size:15px}
.navbar-menu ul li.active .mobile-box{color:rgba(var(--theme-color),1)}

/*zw-study*/
.study-list{position:relative;}
.study-image{position:relative;overflow:hidden}
.study-image img{width:100%}
.study-badge{width:30px;background-color:rgba(var(--theme-color),1);border:3px solid rgba(var(--theme-color),1);display:flex;justify-content:center;text-align:center;align-items:center;font-size:12px;color:var(--bs-white);padding:0 0px;line-height:1.2em;position:absolute;top:5px;left:5px;z-index:2;text-transform:uppercase;font-weight:600;flex-direction:column}
.study-badge span{font-size:16px;background-color:rgba(var(--theme-color),1);display:block;width:100%;color:var(--bs-white);padding:5px 0;}
.study-content{margin:0 10px;background-color:var(--bs-white);padding:15px;margin-top:-10px;position:relative;z-index:1;transition:all 500ms ease;box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);}
.study-title{margin:0;color:var(--qzhw-black);font-size:20px;line-height:1.2em;font-weight:600}
.study-title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease}
.study-title a:hover{background-size:100% 1px}

.study-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.study-meta span{color:#747474;font-size:16px;font-weight:400}
.study-meta i{color:var(--bs-green);font-size:17px;margin-right:5px}

.study-title{border-bottom:1px solid #E9E9E9;margin-bottom:15px;padding-bottom:10px;}
.study-title h3 a{color:inherit;background:linear-gradient(to right,currentColor 0%,currentColor 100%) 0 95% /0 1px no-repeat;transition:all 500ms ease;}
.study-title h3 a:hover{background-size:100% 1px;color: var(--bs-primary);}
.study-bottom{display:flex;align-items:center;justify-content:space-between}
.study-price span{color:var(--bs-orange);font-family:Jost;font-size:24px;font-style:normal;font-weight:500;line-height:normal}
.study-cart a{display:inline-block;text-decoration:none;color:#747474;font-family:Jost;font-size:16px;font-style:normal;font-weight:500;line-height:normal}
.study-cart a i{color:var(--bs-green);font-size:18px;margin-right:5px}
.study-list .link{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:500;color:var(--bs-text);transition:all 500ms ease;line-height:1em;position:relative;background-color:#f0f6fd;padding:15px 30px;margin-top:20px}
.study-list .link:hover{color:var(--bs-white);background-color:var(--bs-primary)}
.study-list .link i{font-size:22px}
/*footer*/
.footer{background-color:#f5f5f5;padding:20px 10px 40px 10px;color:#999;font-size:12px;text-align: center;}
.footer p{margin-bottom:5px;}