:root {
    --color-primary: #ff7318;
    --color-success: #0a803b;
    --color-green: #0abb40;
    --color-red: #e4393c;
    --color-orange: #ff7318;
    --color-danger: #e4393c;
    --color-blue: #2c6ecb;
    --color-purple: #595bd4;
    --color-white: #fff;
    --color-333: #333;
    --color-666: #666;
    --color-999: #999;
    --color-aaa: #aaa;
    --color-ccc: #ccc;
    --color-e5e5e5: #e5e5e5;
    --color-dark: #333;
  }
body{font-weight: 400;padding: 0;color: #333;text-align:inherit;}
div, dl, dt, dd, ul, li,ol, h1, h2, h3, h4, h5, h6, form, fieldset, input,button, textarea{margin:0; padding:0;} 
ol,ul,dl,li{list-style:none;}
em,i{font-style:normal;}
img{border:none;vertical-align:middle;}

a{text-decoration:none;color:#666;outline:none; cursor:pointer;}
a:hover{color: #fd6802; cursor:pointer;}
a:focus{text-decoration: none;}
iframe{margin: 0;padding: 0;}
[dir=rtl] .css_flag{margin: 0 0 0 5px;}

.container-xxl{ width: 100%; padding-right:  0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; }
@media (min-width: 1400px) {
    .container-xxl{ max-width: 1320px; }
}

.bg-eef1f6{background-color: #eef1f6!important;}
.bg-e4ebf7{background-color: #e4ebf7!important;}
.bg-f4f5f8{background-color: #f4f5f8!important;}
.bg-f8f8f8{background-color: #f8f8f8!important;}
.bg-f2f2f2{background-color: #f2f2f2!important;}
.bg-f5fbff{background-color: #f5fbff!important;}
.bg-f5f7fa{background-color: #f5f7fa!important;}
.bg-fff1e7{background-color: #fff1e7!important;}
.bg-fafafa{background-color: #fafafa!important;}
.bg-transparent{background-color: transparent!important;}
.bg-linear-gradient-light-yellow{background: linear-gradient(to right, #faf6f5, #f9f1ef);}


.rounded-10{border-radius: 10px;}
.rounded-16{border-radius: 16px;}
.rounded-top-10{border-radius: 10px 10px 0 0;}
.fs-12{font-size: 12px!important;}
.fs-13{font-size: 13px!important;}
.fs-14{font-size: 14px!important;}
.fs-15{font-size: 15px!important;}
.fs-16{font-size: 16px!important;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px!important;}
.fs-22{font-size: 22px!important;}
.fs-24{font-size: 24px!important;}
.fs-30{font-size: 30px!important;}
.fs-36{font-size: 36px!important;}
.fs-40{font-size: 40px!important;}
.fs-50{font-size: 50px!important;}
.fs-80{font-size: 80px!important;}
.fs-100{font-size: 100px!important;}
.fs-200{font-size: 200px!important;}

.lh-1{line-height: 1;}

.w1200{width: 1200px;margin: 0 auto;}
.white-bg{background: #fff;}
.grey-bg{background: #eef1f6;display: flex;flex-direction: column;}


.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.px20{padding-left: 20px;padding-right: 20px;}
.px30{padding-left: 30px;padding-right: 30px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom: 100px;}


.text-grey{color: var(--color-999);}
.text-gray-300{color: #333!important;}
.text-gray-600{color: #666!important;}

.text-primary{color: var(--color-primary);}
.text-orange{color: var(--color-orange);}
.text-warning{color: var(--color-orange);}
.text-success{color: var(--color-success);}
.text-green{color: var(--color-green);}
.text-333{color: var(--color-333);}
.text-666{color: var(--color-666);}
.text-999{color: var(--color-999);}
.text-aaa{color: var(--color-aaa);}
.text-ccc{color: var(--color-ccc);}
.text-blue{color: var(--color-blue);}
.text-purple{color: var(--color-purple);}
.text-danger{color: var(--color-danger);}
.text-red{color: var(--color-red);}
.text-blue-link{color: #2c6ecb!important;text-decoration: underline;}

.text-truncate-2{overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-decoration-underline{text-decoration-style:solid;text-decoration-line: underline; text-underline-position:under;}

.d-grid { display: grid!important; }

.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }
.gap-10{gap: 10px;}
.gap-12{gap: 12px;}
.gap-20{gap: 20px;}
.gap-30{gap: 30px;}
.g-3 { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem;}
.g-10 { --bs-gutter-x: 10px; --bs-gutter-y: 10px;}
.g-20 { --bs-gutter-x: 20px; --bs-gutter-y: 20px;}
.g-30 { --bs-gutter-x: 30px; --bs-gutter-y: 30px;}
.gx-10 { --bs-gutter-x: 10px;}
.gx-20 { --bs-gutter-x: 20px;}
.gx-30 { --bs-gutter-x: 30px;}
.gy-10 { --bs-gutter-y: 10px;}
.gy-20 { --bs-gutter-y: 20px;}
.gy-30 { --bs-gutter-y: 30px;}

.btn-purple{background-color:rgba(89,91,212,1);color: #fff!important;}
.btn-purple:hover{background-color: rgba(80,82,191,1);color: #fff!important;}

.btn-outline-light {color: #666;background-color: transparent;background-image: none;border-color: #ccc;}
.btn-outline-light:hover {color: #333;background-color: #fff;border-color: #a7a7a7;}
.btn-outline-light:focus, .btn-outline-light.focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}
.btn-outline-light.disabled, 
.btn-outline-light:disabled {color: #ccc;background-color: transparent;}
.btn-outline-light:not(:disabled):not(.disabled):active, 
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {color: #666;background-color: #fff;border-color: #ccc;}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, 
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}

.btn-outline-grey {color: #666;background-color:#f2f2f2;background-image: none;border-color: #ccc;}
.btn-outline-grey:hover {color: #666;background-color: #e9e9e9;border-color: #a7a7a7;}
.btn-outline-grey:focus, .btn-outline-grey.focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}
.btn-outline-grey.disabled, 
.btn-outline-grey:disabled {color: #ccc;background-color:#f2f2f2;}
.btn-outline-grey:not(:disabled):not(.disabled):active, 
.btn-outline-grey:not(:disabled):not(.disabled).active,
.show > .btn-outline-grey.dropdown-toggle {color: #999;background-color: #f2f2f2;border-color: #ccc;}
.btn-outline-grey:not(:disabled):not(.disabled):active:focus, 
.btn-outline-grey:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-grey.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}

.btn-outline-orange{background-color: transparent;border:solid 1px #fd860e;color: #fd860e;}
.btn-outline-orange:hover{color: #fd6802;border-color: #fd6802;}
.btn-outline-orange:focus, .btn-outline-orange.focus {box-shadow:unset;}
.btn-outline-orange.disabled, 
.btn-outline-orange:disabled {opacity: .6;}
.btn-outline-orange:not(:disabled):not(.disabled):active, 
.btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {color: #fd860e;background-color: #fff;border-color: #fd860e;}

.btn-outline-primary:hover{background-color: #fff; color: #fd6802;border-color: #fd6802;}

.btn-primary {color: #fff;}
.btn-primary.disabled, .btn-primary:disabled {color: #fff;}
.btn-grey{background-color: #ccc;}
.btn-grey:hover{background-color: #fff;}

.tips-loading{display: none;}
.loading-mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);z-index: 1090;display: none;}
.tips-loading>.loading-mask{display: block;}
.loading{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center; text-align: center;background: rgba(0, 0, 0, 0.5);position:fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:1060;border-radius: 5px;color: #ccc;font-weight: 400;}
.loadmore{text-align: center;margin: 20px auto;font-size: 14px;color: #777;line-height: 1.5em;}
.loadmore-text{display: inline-block;vertical-align: middle;}
.icon-loading{
  font-size: 0;
  width:30px;
  height:30px;
  display:inline-block;vertical-align: middle;
  -webkit-animation:Loading 1s steps(12, end) infinite;
          animation:Loading 1s steps(12, end) infinite;
  background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
  background-size:100%;
}
.loading.loading_transparent .icon-loading,
.btn-loading .icon-loading{
  background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
}
@keyframes Loading{
  0%{
    -webkit-transform:rotate3d(0, 0, 1, 0deg);
            transform:rotate3d(0, 0, 1, 0deg);
  }
  100%{
    -webkit-transform:rotate3d(0, 0, 1, 360deg);
            transform:rotate3d(0, 0, 1, 360deg);
  }
}

.loading-page{background-color: #fff;width: 100%;height: 100vh;}
.loading-page__content{padding: 20px;border-radius: 5px; text-align: center;position:fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:1060;}
.loading-page__content .icon-loading{font-size: 0;width:40px;height:40px;}
.loading-page__content .text-muted{font-size: 13px;margin-top: 10px;}


.nomore{text-align: center;margin: 0px auto;font-size: 13px;color: #bbb;line-height: 1.5em;display: flex;justify-content: center;align-items: center;}
.nomore-line{width: 50px;background: #e5e5e5;height: 1px;font-size: 0;display: inline-block;position: relative;}
.nomore-line:before{width: 3px;height: 3px;display: block;background: #e5e5e5; content: '';position: absolute;top: -1px;right: 0;}
.nomore-line.left-line:before{right: 0;}
.nomore-line.right-line:before{left: 0;}
.nomore-text{display: inline-block;vertical-align: middle;margin: 0 10px;}

.top-extension{height: 35px;border-bottom: solid 1px #e5e5e5;background: #fafafa;text-align: center;font-size: 0;vertical-align: middle;}
.top-extension .browser-icon{height: 22px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.top-extension .ext-link{display: inline-block;font-size: 14px;color: #ff7318;line-height: 35px;vertical-align: middle;font-weight: 500;}
.top-extension .ext-link:hover{text-decoration: underline;}
[dir=rtl] .top-extension .browser-icon{margin-right: 0px;margin-left: 10px;}

.topnav{height: 35px;border-bottom: solid 1px #eee;background: #f2f2f2;}
.topnav-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;padding: 0 30px;}
.header-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;height:130px;padding: 0 30px;}
.footer-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;padding: 0 30px}
.section-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;padding: 0 30px;}

.topnav .time{color: #999;font-size: 13px;display: flex;align-items: center;}

.language{position: relative;}
.language .sub-title{position: relative;display:flex;align-items: center; padding: 0 25px 0 10px;color: #999;cursor: pointer;border-left:solid 1px transparent;border-right:solid 1px transparent;}
.language .sub-title:after{content: ""; display: inline-block;height: 5px;width: 8px;position: absolute;top: 50%;right: 10px;margin-top: -2px; background:url("../img/arrow-down.png") no-repeat right center;border: none;transition: all .2s ease-in-out;}
.language.show .sub-title,
.language:hover .sub-title{background: #fff;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5; border-bottom: 0;z-index: 201;}
.language.show .sub-title:after,
.language:hover .sub-title:after{transform:rotate(-180deg);}
.language .sub-title .icon-flag{width: 16px;margin-right: 8px;}
[dir=rtl] .language .sub-title .icon-flag{margin-left:8px;margin-right: 0px;}
.language-drop{padding:5px 15px 15px 15px;width:270px;background: #fff;border:solid 1px #e5e5e5;z-index:200;font-size: 13px;background-color:#fff;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);border-radius: 0 0 5px 5px;margin:-1px 0 0;top: 35px!important;right: 0!important;left: auto !important;; transform: translate3d(0px, 0px, 0px)!important;-webkit-animation: sweep .3s ease-in-out;animation: sweep .3s ease-in-out;}
[dir=rtl] .language-drop{left: auto;right: -1px;text-align: right!important;}
.language-drop .currency{margin-bottom: 10px;}
.language-drop .language-list{margin-bottom: 10px;}
.language-drop .language-list a{flex:0 0 50%;width: 50%;padding: 0 6px;border-radius: 5px; line-height:35px;display:flex;color: #777;text-decoration: none;align-items: center;gap: .5rem;}
.language-drop .language-list a:hover{background: #f2f2f2;color: #fd6802;}
.language-drop .language-list .icon-flag{width: 16px;}

.language-drop .drop{width:100%;}
.language-drop .drop .label{display:block;color: #999;line-height: 30px;vertical-align: middle;font-weight: bold;}

.custom-select {display:inline-block;width: 100%;height: calc(2rem + 2px);padding: 0px 30px 0px 10px;font-size: 12px; line-height: 1.5;color: #666;vertical-align: middle;background: #fff url("../img/arrow-down.png") no-repeat right 0.75rem center;border: 1px solid #ced4da; border-radius: 3px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.custom-select:focus {border-color: #7b8a9f;outline: 0;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}

[dir=rtl] .custom-select {padding: 0px 10px 0px 30px;background: #fff url("../img/arrow-down.png") no-repeat left 0.75rem center;}


#google_translate .goog-te-gadget-simple{ display:flex;align-items: center; border: 1px solid #ccc; height: 32px; line-height: 30px; border-radius: 5px; padding:2px 5px;}
#google_translate .goog-te-gadget-simple>span{width: 100%;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value{color: #666;display:flex;align-items: center;justify-content:space-between;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value:hover{text-decoration: none;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value>span{width: 100%;font-size: 14px;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value>span>img{display: none;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value span ~ img ~ span{border-left: none!important;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value span ~ img ~ span ~ img ~ span{color: #fff!important;text-align: right;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value span ~ img ~ span ~ img ~ span::after{display: inline-block; margin-left: .255rem; vertical-align: middle; content: ""; border-top: .35rem solid; border-right: .35rem solid transparent; border-bottom: 0; border-left: .35rem solid transparent;color: #ccc;}



.topnav .nav-item{position: relative;line-height: 35px;font-size: 13px;}
.topnav .nav-item:before{position: absolute;content:""; width:1px;height: 12px;display:block;background:#e5e5e5; top: 12px;left:0px;}
[dir=rtl] .topnav .nav-item:before{left:auto;right: 0px;}
.topnav .nav-item:first-child:before{display: none;}
.topnav .nav-link{padding: 0 15px;color: #999;cursor: pointer;font-size: 13px;display: flex;align-items: center;}
.topnav .nav-item:last-child .nav-link{padding: 0 0 0 15px;}
[dir=rtl] .topnav .nav-item:last-child .nav-link{padding: 0 15px 0 0px;}
.topnav .nav-link:hover{color: #fd6802;}
.topnav .nav-link .ap-icon{margin-right: 5px;}
[dir=rtl] .topnav .nav-link .ap-icon{margin-right: 0px;margin-left: 5px;}
.topnav .nav-link .icon-dollar-bag{color: #fd860e;font-size: 18px;}
.topnav .nav-link.text-primary{color: #fd860e!important;}
.topnav .nav-link.text-primary:hover{color: #fd6802!important;}




.header{margin: 0 auto;height: 130px;}
.fixed-hd{background: #fff;height:130px;width: 100%;display: block;border-bottom: solid 1px rgba(0, 0, 0, .1);z-index:199;}
.head-scroll-fixed{border-bottom: solid 1px rgba(0, 0, 0, 0);z-index: 999;box-shadow:0 5px 10px rgba(0, 0, 0, .1);position: fixed;top: 0;}



.header-logo-link{flex-shrink: 0;margin-top: 30px;display: flex;align-items:center;}
.logo{display: block;height: 30px;}


.form-search{width: 100%;}
.search{width: 100%;padding:30px 50px 30px 50px;position: relative;z-index:9;}
.search-tab-title{background-color: #ff7318;color:#fff;font-size: 13px;height: 28px;line-height: 26px;margin-bottom: -2px;border-radius: 5px 5px 0 0;display: inline-flex;align-items: center;padding: 0 1rem;font-weight: 400;position:absolute;top: 4px;z-index:10;}
.search .search-box{width: 100%;height:46px;border: solid 2px #ff7318;font-size: 0; background: #fff; border-radius:3px;position: relative;overflow: hidden;align-items:stretch;}
.search-input{width:100%;height:100%;line-height:100%;border:none;padding: 0 1.25rem; color: #777;font-size: 16px;overflow: hidden; text-overflow: ellipsis;}
.search-input:focus{border:none;box-shadow:none;outline: none;}
.search-input::placeholder{color: #ccc;}

.search-clean{background: #fff;display:none;width:30px;min-width: 30px;height: 100%;color: #ccc!important;transition: all .2s ease-in-out;align-items: center;justify-content: center;}
.search-input:valid ~ .search-clean{display: inline-flex!important;}
.search-clean .icon-times-circle{font-size:16px;}
.search-clean:hover{color:#ff7318!important;text-decoration: none;}
.search .camera{background: #fff;display: flex;align-items: center;justify-content: center;width: 40px;min-width: 40px;height: 100%;text-align: center;color: #999;transition: all .2s ease-in-out;}
.search .camera .icon-camera{font-size:26px;}
.search .camera:hover{color:#ff7318;text-decoration: none;}
.search .btn-search{width:65px;min-width: 65px; border:none;border-radius: 0;cursor: pointer;background:#ff7318;color: #fff;font-size: 20px;margin: 0;transition: all .2s ease-in-out;}
.search .btn-search:hover{background: #fd6802;}
.search .btn-search:focus{box-shadow: none;outline: none;}
.search .btn-search .icon-search{font-size: 26px;}

.search .sample-link{position: absolute;bottom: -5px;border: solid 1px #c2c2c2;padding: 5px 10px;border-radius:3px;z-index: 99;background: #fff;color: #777;font-size: 13px;text-wrap: nowrap;}
.search .sample-link span:before{content: ""; width:14px;height: 8px;display:inline-block;background:url(../img/arrow-top.png) no-repeat;position: absolute;top: -8px;left:20px;}
.search .sample-link a{color: #777;}
.search .sample-link a:hover{text-decoration: underline;color: #ff7318;}

.search-tips{position: absolute;right: 20px;top: 53px;z-index: 100;}
.search-tips-content{position: relative;width: 100%;background: #218aed;padding: 20px;border-radius: 6px;text-align: center;}
.search-tips-content::before{width: 0;height: 0;border:solid 10px;border-color: transparent transparent #218aed;display: block;position: absolute;top: -20px;right: 75px;content: '';}
.search-tips .tips-text{color: #fff;font-size: 16px;margin-bottom: 20px;}
.search-tips .btn-outline-light{background: #218aed;border:solid 1px #fff;padding: 8px 40px;font-size: 14px;line-height: 1;color: #fff;}
.search-tips .btn-outline-light:active,
.search-tips .btn-outline-light:focus,
.search-tips .btn-outline-light:hover{background: #fff!important;color:#218aed!important;border:solid 1px #fff!important;}

@-webkit-keyframes sweep { 0% { opacity: 0; transform: translateY(-10px) } to { opacity: 1; transform: translateY(0) } }
@keyframes sweep { 0% { opacity: 0; transform: translateY(-10px) } to { opacity: 1; transform: translateY(0) } }

.header-menu{flex-shrink: 0;margin-top: 30px;display:flex;align-items: center;}
.header-menu .menu-link{margin-right: 30px; display:flex;align-items:center;transition: all .2s ease-in-out;white-space: nowrap;}
.header-menu .menu-link:hover{text-decoration: none;color: #fd6802;}
.header-menu .icon-home-page-fill{font-size:16px;color: #a7a7a7;transition: all .2s ease-in-out;margin-right: 5px;}
[dir=rtl] .header-menu .menu-link{margin-left: 30px;margin-right: 0;}
[dir=rtl] .header-menu .icon-home-page-fill{margin-left: 5px;margin-right: 0;}
.header-menu .menu-link:hover .ap-icon,
.header-menu .menu-link:hover .menu-text{color: #fd6802;text-decoration: none;}
.header-menu .menu-link-btn{height: 46px;display: flex;align-items: center;padding: 0 1.25rem;margin-right: 10px;position: relative;border-width: 1px;border-style: solid;border-radius: 3px;}
.header-menu .menu-link-btn:last-child{margin-right:0;}
.header-menu .btn-outline-grey{border-color: #ddd;background-color: #fff;}
.header-menu .btn-outline-grey .menu-text{color: #666;}
.header-menu .btn-outline-orange{border-color: #fd860e;}
.header-menu .btn-outline-orange .menu-text{color: #fd860e;}
.header-menu .avatar{width: 20px;height: 20px;border-radius:20px;margin-right: 5px;}
.header-menu .username{font-size: 14px;max-width: 6rem;text-overflow: ellipsis;overflow: hidden;}
[dir=rtl] .header-menu .menu-link-btn{margin-left: 0px;margin-right: 10px;}
[dir=rtl] .header-menu .menu-link-btn:last-child{margin-right:10px;margin-left: 0px;}
[dir=rtl] .header-menu .avatar{margin-right: 0px;margin-left: 5px;}
.header-menu .menu-link-btn.user:hover .user-link__dropdown{display:block}
.header-menu .user-link__dropdown{display:none;background-color:#fff;border:1px #ccc solid;position:absolute;top: 46px;left: 0; padding:0; border-radius: 3px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);z-index: 99;-webkit-animation: sweep .3s ease-in-out;animation: sweep .3s ease-in-out;}
.header-menu .user-link__dropdown:before{content: ""; width:14px;height: 8px;display:inline-block;background:url(../img/arrow-top.png) no-repeat;position: absolute;top: -8px;left:20px;}
[dir=rtl] .header-menu .user-link__dropdown:before{left:unset;right: 20px;}
.header-menu .user-link__dropdown .user-link{padding:.125rem 1.25rem;display:flex;align-items:center;gap:.5rem;line-height: 35px;white-space: nowrap;font-size: 13px;}
.header-menu .user-link__dropdown .user-link:hover{background: #f8f8f8;}
.header-menu .dropdown-divider{margin:4px 0;}

/*首页banner  --Start*/
.new-index-banner{width: 100%;height: 600px;background-color: #f0e5da;position: relative;z-index: 9;}
.new-index-banner-container{max-width: 1660px;min-width:1260px;padding: 0 30px;height: 550px; display: flex; justify-content: space-between; align-items: center;margin: 0 auto;}

.new-banner-text{max-width: 600px;}
.new-banner-headline .h1-title{font-size: 40px;font-weight: 700;background: linear-gradient(90deg, #fd6802, #fd860e); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 20px;}
.new-banner-headline .feature-title{font-size: 24px;font-weight: 700;color: #333;line-height: 48px;}

.new-extension-stars{color: #d7a344;margin-top: 30px;line-height: 1;}
.new-extension-stars .ap-icon{font-size: 16px;}
.new-extension-stars .total-user{font-size: 16px;color: #666;font-weight: 600;}

.new-banner-btn-wrap{display: flex;align-items: stretch;gap: 16px;flex-wrap: wrap; margin-top: 30px;}
.new-banner-btn-wrap .btn-install{height:60px;min-width: 200px;padding: 0 30px; display:inline-flex;justify-content: center;align-items:center;gap: 10px; border-radius:100rem;background-color: var(--color-primary); text-decoration: none;box-shadow: 0 5px 10px rgba(255,115,24,.2);transition:all 0.15s ease-in-out;color: #fff;}
.new-banner-btn-wrap .btn-install span{font-size: 18px;font-weight:700;}
.new-banner-btn-wrap .btn-install-offline{height:60px;min-width: 200px;padding: 0 30px; display:inline-flex;justify-content: center;align-items:center;gap: 10px; border-radius:100rem;background: #fff;border: solid 1px var(--color-primary); text-decoration: none;box-shadow: 0 5px 10px rgba(255,115,24,.2);transition:all 0.15s ease-in-out;color: var(--color-primary);}
.new-banner-btn-wrap .btn-install-offline i{font-size: 24px;}
.new-banner-btn-wrap .btn-install-offline span{font-size: 18px;font-weight:700;}

.new-index-banner .new-carousel{max-width: 1060px;min-width:830px;display: flex; justify-content: center;width: 100%;}
.new-index-banner .new-carousel .new-carousel-indicators{bottom: -30px;}
.new-index-banner .new-carousel .new-carousel-indicators li{width: 12px;height: 12px;border: solid 1px var(--color-primary);background-color: #fff;border-radius: 50%;font-size: 0;}
.new-index-banner .new-carousel .new-carousel-indicators li.active{background-color: var(--color-primary);}

.new-index-banner .new-carousel-inner{text-align: center;height: 100%;width: 810px;}

/*首页banner  --END*/

/*支持的浏览器  --START*/
.suport-browser{background-color: #fff;margin-top: -50px;position: relative;z-index: 10;box-shadow: 0 -8px 16px rgba(0, 0, 0, .05);}
.new-browser-list{display: flex;justify-content:space-between;}
.new-browser-item{margin: 0;padding: 0;}
.new-browser-content{display:flex;justify-content: center;align-items: center;flex-flow: column;padding: 1rem 0;}
.new-browser-item .browser-icon{width: 50px;}
.new-browser-item .browser-name{font-size:16px;font-weight:400;margin-top: 15px;color: #666;text-decoration:none;white-space: nowrap;}
.new-browser-item .browser-btn{display: inline-flex;align-items: center;padding-left: 20px;padding-right: 20px;}
.new-browser-item .browser-btn .text{font-size: 14px;}
/*支持的浏览器  --END*/

/*图搜功能支持的平台  --START*/
.support-logo-list{display:grid;grid-template-columns:repeat(10,1fr);gap: 10px;}
.support-logo-item{width: 100%;height: 50px;display:flex;justify-content: center;align-items: center;;overflow: hidden;border: solid 1px #e5e5e5;border-radius: 5px;}
.support-logo-item .support-logo-img{display: block;}
/*图搜功能支持的平台  --END*/

/* slide */
.index-banner{ height:520px;position:relative;}
.index-banner .prev,
.index-banner .next{display:flex;align-items: center;justify-content:center; width:66px;height:66px;position:absolute;z-index:16;top:calc(50% - 50px);margin-top: -22px; cursor:pointer;opacity:1;background-color: transparent;border: none;}
.index-banner .prev{left:24px;}
.index-banner .next{right:24px;}
.index-banner .prev-icon,
.index-banner .next-icon{display:block;width: 46px;height: 46px;border-width:3px;border-style:solid;border-color:#fff #fff transparent transparent;transition:all .15s ease-in-out;}
.index-banner .prev-icon{transform:rotate(-135deg);}
.index-banner .next-icon{transform:rotate(45deg);}
.index-banner .prev:hover .prev-icon,
.index-banner .next:hover .next-icon{border-color:rgb(51 51 51 / 30%) rgb(51 51 51 / 30%) transparent transparent;}
.carousel-container{max-width: 1400px;min-width: 1260px;margin: 0 auto;padding: 0 30px;height:100%;}
.slide__indicators{width: 100%;position: absolute;height: 50px; bottom: 0px; left: 0;z-index: 8;background-color: rgba(0,0,0, .2);}
.slide__indicators-container{min-width: 1260px;max-width: 1400px;margin: 0 auto;padding: 0 30px;height:100%;}
.slide__indicators-content{display: flex;justify-content: center;align-items:center; height: 100%;}
.slide__carousel-indicators{position: unset; right:unset; top:unset; left:unset;display: flex;justify-content: center;align-items:center; margin: 0;}
.slide__carousel-indicators .indicators-item{display:flex;align-items: center;width: 100%;height:50px;text-indent: unset;box-sizing:border-box;-ms-flex:unset;flex:unset;padding:5px 16px;margin: 0; border-radius: 5px; background: none;border: none; transition: all .2s ease-in-out;opacity:.7;position: relative;}
.slide__carousel-indicators .indicators-item.active{opacity: 1;background-color:rgba(255, 155, 24, .0);}
.slide__carousel-indicators .indicators-item.active::before{content: "";display: block;position: absolute;top: 0;left: 16px;right: 16px; border-top:solid 2px #ff7318;}
.indicators-item .indicators-title{text-indent: -10000rem;font-size: 14px;color: #666;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.indicators-item.congratulations .indicators-title{text-indent: 0!important;font-size: 20px;color: #fff;font-weight: 600;}
.indicators-item.congratulations.active .indicators-title{color: #fbf5db;}
.indicators-item.oversea-purchase .indicators-title{text-indent: 0!important;font-size: 20px;color: #fff;font-weight: 600;}
.indicators-item.oversea-purchase.active .indicators-title{color: #ff7318;}
.indicators-item .indicators-logo{max-height: 100%;
    -webkit-filter: grayscale(100%) opacity(80%) brightness(400%);
    filter: grayscale(100%) opacity(80%) brightness(400%);
}
.indicators-item.active .indicators-logo{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.banner-bg1{background:#e4ebf7;}
.banner-bg2{background:#f2e2e0;}
.banner-bg3{background:#f1e8cc;}
.banner-bg4{background:#f0e5da;}
.banner-bg5{background:#e4eced;}
.banner-bg6{background:#e4eff7;}
.banner-bg7{background:#f0e8e4;}
.banner-bg-f0e5da{background:#f0e8e4;}


.index-banner .carousel-inner{height: 100%;}
.index-banner .carousel-item{width:100%;height:100%;overflow:hidden;z-index:unset!important;padding:20px 0;}
.index-banner .carousel-item.congratulations{padding: 0;}
.carousel-item__content{display:flex;align-items: center;margin:0 auto;height:calc(100% - 50px);flex-direction: row-reverse !important;}
.banner-img{width: 60%; height: 430px;display: flex;align-items: center;justify-content:center;position: relative;z-index: 9!important;}
.banner-img img{max-height: 430px;max-width: 100%; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);border-radius:10px;}
.banner-text{width: 40%;padding:0 20px;position: relative;z-index: 10;}
.banner-text .inner-box{display: flex;flex-direction: column;}
.banner-text__title{margin-bottom: 20px;}
.banner-text__title p:last-child{margin-bottom: 0;}
.banner-text__title-t1{font-size: 24px;line-height: 1.5;font-weight:700;display:block;color: #333;margin-bottom:1rem;}
.banner-text__title-t2{font-size: 18px;line-height: 1.5;font-weight:500;display:block;color: #333;}
.banner-text__desc{margin-bottom:1.5rem; display: flex;flex-direction: column;}
.banner-text__desc-item{margin-bottom:10px;display: flex;align-items: center;flex-wrap: nowrap;}
.banner-text__desc-item:last-child{margin-bottom: 0;}
.banner-text__desc-item .text{font-size: 18px;font-weight:500;color: #333;}
.banner-text__desc-item i{display: flex;font-size: 24px;color: #666;margin-right: 20px;font-weight: 600;}
[dir=rtl] .banner-text__desc-item i{margin-right: 0px;margin-left: 20px;}

.banner-text__browser{display: flex;align-items: center;margin-bottom:30px;}
.banner-text__browser-icon{width: 50px;height: 50px;}
.banner-text__browser-info{margin:0 1rem;}
.banner-text__browser-title{font-size: 16px;font-weight: 600;color: #333;}
.banner-text__browser-stars{color: #999;margin-top: 10px;line-height: 1;}
.banner-text__browser-stars .ap-icon{font-size: 14px;}
.banner-text__browser-stars .text-muted{margin: 0 1rem;}

.btn-download{height:60px;min-width: 360px; display:inline-flex;justify-content: center;align-items:center; border-radius:100rem;background: #ff7318; padding:0 20px;text-decoration: none;box-shadow: 0 10px 10px rgba(255,115,24,.2);transition:all 0.15s ease-in-out;}
.btn-download .content{height: 100%;}
.btn-download i{font-size: 30px;color: #fff;margin:0 6px;}
.btn-download .text{color: #fff;line-height:1;margin:0 6px;white-space: nowrap;}
.btn-download .text span{font-size: 18px;color: rgba(255,255,255,1);display: block;font-weight: 600;}
.btn-download:hover{background: #fd6802;text-decoration: none;box-shadow: 0 10px 10px rgba(255,115,24,.2);}

.banner-oversea-extension-info{width: 360px;}
.banner-oversea-extension-info .brand-icon{width: 40px;height: 40px;}

.round{border-radius: 10px;}


.index-module-header{display:flex;align-items: center;padding: 1.5rem 1.875rem;}
.index-module-header .title{font-size:16px;font-weight:600;color: #666;line-height: 1;}
.index-module-header .link-more{display: flex;align-items: center;text-transform: uppercase;}
.index-module-header .link-more .text{font-size: 14px;font-weight: 500;margin: 0 5px;}
.index-module-header .link-more .icon-chevron-right{font-size: 14px;font-weight: 500;}
[dir=rtl] .index-module-header .ml-auto{margin-right: auto!important;margin-left: unset!important;}
.index-module-body{padding:0 30px 30px 30px;}

.logo-list-group{display:grid;grid-template-columns:repeat(8,1fr);gap: 1px;}
.logo-link{box-shadow: 0px 0px 0px 1px #eee;width: 100%;height: 66px;display:flex;justify-content: center; align-items: center;text-decoration: none;position: relative;overflow: hidden;}
.logo-link .logo-img{max-width: 60%;max-height: 60%;}
.logo-link .action{background: rgba(0,0,0,.5);opacity: 0; position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition:opacity 0.15s ease-in-out;display: flex;align-items: center;justify-content: center;}
.logo-link:hover .action{opacity: 1;text-decoration: none;}
.logo-link .action .action-icon{width: 46px;height: 46px;background: #28a745;color: #fff;border-radius: 100rem;display:flex;align-items: center;justify-content: center; box-shadow: 0 0 10px rgba(4,196,70,.3);transition:all 0.15s ease-in-out;}
.logo-link .action .action-icon:hover{background: #28a745;text-decoration: none;}
.logo-link .action .action-icon .ap-icon{font-size: 24px;}
.logo-link .alert{background: rgba(0,0,0,.7);position: absolute;top: 0;left:0;right: 0;bottom: 0;text-align: center;display: flex;align-items: center;justify-content: center;margin: 0;border-radius: 4px;border: none;padding: 5px;visibility: hidden;}
.logo-link .alert-text{font-size: 14px;color: #fff;}
.logo-link:hover .alert{visibility: visible;}

.ai-main{display: flex;flex-direction: column;gap: 16px;padding: 30px 0;}
.ai-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;padding: 0 30px;display: flex;}
.ai-lift-menu{flex-shrink: 0;display: flex!important;opacity: 1!important; flex-direction: column;padding-right: 1rem;}
.ai-lift{display: flex;flex-direction: column;position: sticky;position: -webkit-sticky; top: 166px;}
.ai-lift li{display: inline-flex;}
.ai-lift li span{padding: 4px 12px;border-radius: 4px;cursor: pointer;font-size: 14px;}
.ai-lift li span:hover{background: #ff860e;color: #fff;}
.ai-lift li.current span{background: #ff860e;color: #fff;}
.ai-lift-list{display: flex;flex-direction: column;gap: 16px;}

.ai-section-container{margin: 0 auto;}
.ai-module-header{display:flex;align-items: center;padding: 1.5rem 1.875rem;}
.ai-module-header .title{font-size:16px;font-weight:600;color: #666;line-height: 1;}
.ai-module-body{padding: 0 14px 30px;}
.ai-list{display:grid;grid-template-columns:repeat(6,1fr);gap: 10px;}
.ai-item{border-radius: 5px;cursor: pointer;overflow: hidden;transition: all .1s ease-in-out;}
.ai-item:hover{background-color: #f1f7fc;}
.ai-item:hover .ai-item-info{color: #777;}
.ai-link{display: flex;gap: 16px;padding: 10px 16px;transition: all .2s ease-in-out;}
.ai-item-logo{width: 30px;height: 30px;flex-shrink: 0;}
.ai-item-logo-img{width: 30px;height: 30px;}
.ai-info{flex-grow: 1;max-width: 100%;overflow: hidden;display: flex;flex-direction: column;}
.ai-item-title{font-size: 16px;font-weight: bold;margin-bottom: 8px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ai-item-desc{font-size: 12px;color: #999;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ai-link:hover{text-decoration: none;}
.ai-link:hover .ai-item-title{text-decoration: none;}
.ai-link:hover .ai-item-desc{text-decoration: none;}

.ai-header-nav-tabs{border-bottom: none;background-color: #f2f2f2;padding: 4px;border-radius: 100rem;font-size: 14px;}
.ai-header-nav-tabs .nav-link{display: flex;border: none;margin-bottom: 0;padding: 4px 16px;}
.ai-header-nav-tabs .nav-link.active{border-radius: 100rem;}

.avatar-list{display:grid;grid-template-columns:repeat(6,1fr);gap: 16px;}
.avatar-item{overflow: hidden;transition: all .1s ease-in-out;}
.avatar-item-link{display: inline-flex;gap: 10px;padding: 10px 0px;transition: all .2s ease-in-out;cursor: pointer;}
.avatar-img{width: 30px;height: 30px;flex-shrink: 0;}
.avatar-img .img{width: 30px;height: 30px;border-radius: 5px;}

/*插件下载页*/
.extension-download__available-site .logo-list-group{display: flex;flex-wrap: wrap;margin: 0 -8px;gap: 0;}
.extension-download__available-site .logo-item{-webkit-box-flex: 0 0 16.66666%;-ms-flex: 0 0 16.66666%;flex:0 0 16.66666%;margin-bottom: 16px;padding: 0 8px;}
.extension-download__available-site .logo-link{border: solid 1px #e5e5e5;border-radius: 5px;width: 100%;display:flex;align-items: center;height: 80px;text-align: center;text-decoration: none;position: relative;overflow: hidden;box-shadow:none;}
.extension-download__available-site .logo-link .logo-img{max-width: 80%;max-height: 80%;display: inline-block;margin:0px auto;}
.extension-download__available-site .logo-link .action{background: rgba(0,0,0,.5);border-radius: 0px;opacity: 0; position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition:opacity 0.15s ease-in-out;display: flex;align-items: center;justify-content: center;}
.extension-download__available-site .logo-link:hover{border: solid 1px #9cadbd;}
.extension-download__available-site .logo-link:hover .action{opacity: 1;}
.extension-download__available-site .logo-link .action-icon{width: 46px;height: 46px;line-height: 46px; background: #28a745;color: #fff;border-radius: 100rem;position: absolute;display: inline-block;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-shadow: 0 0 10px rgba(4,196,70,.3);transition:all 0.15s ease-in-out;}
.extension-download__available-site .logo-link .action-icon:hover{background: #28a745;text-decoration: none;}
.extension-download__available-site .logo-link .action-icon .ap-icon{font-size: 24px;}
.extension-download__available-site .logo-link .alert{background: rgba(0,0,0,.7);position: absolute;top: 0;left:0;right: 0;bottom: 0;text-align: center;display: flex;align-items: center;justify-content: center;margin: 0;border-radius: 4px;border: none;padding: 5px;visibility: hidden;}
.extension-download__available-site .logo-link .alert-text{font-size: 14px;color: #fff;}
.extension-download__available-site .logo-link:hover .alert{visibility: visible;}
/*插件下载页--END*/


.modal-install{width: 860px;max-width: 860px;}
.modal-install .logo-list-group{padding: 30px;}
.modal-install .logo-item{-webkit-box-flex: 0 0 25%;-ms-flex: 0 0 25%;flex:0 0 25%;margin-bottom: 16px;padding: 0 8px;}
.modal-install .alert{font-size: 16px;}



.browser-list-group{display: flex;justify-content:space-between;}
.browser-item{margin: 0;padding: 0;}
.browser-item:hover{cursor: pointer;border-radius: 5px;}
.browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column;padding: 1rem 1.5rem;}
.browser-link:hover{background-color: #eef1f6;border-radius: 5px;}
.browser-link .browser-icon{width: 50px;}
.browser-link p{display: block;font-size:16px;font-weight:400;margin-top: 15px;color: #666;text-decoration:none;white-space: nowrap;}
.browser-link:hover p{color: #ff7318;text-decoration: none;}

@media screen and (min-width: 100em){
    .browser-link{padding: 1rem 2rem;}
}

.tools-list{display:grid;grid-template-columns:repeat(6,1fr);gap: 10px 0px;margin:0 -1rem ;}
.tools-item{width: 100%;overflow: hidden;}
.tools-link{display:block;overflow: hidden;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;padding:.75rem 1rem;line-height: 1;}
.tools-link:hover{background-color: #eef1f6;border-radius: 5px;}


.full-size-banner-content{width: 100%;height: 160px;display: flex;align-items: center;padding:1rem 2.5rem;}
.full-size-aliprice-app-banner-bg{background:url(../img/index-banner/aliprice-app-banner.jpg) no-repeat right center;}
.full-size-browser-app-banner-bg{background:url(../img/index-banner/browser-app-banner.jpg) no-repeat center center;}
.full-size-banner--info{display: flex;flex-direction: column;align-items:flex-start;}
.full-size-banner--info h2{font-size: 24px;font-weight: 600;color: #505050;margin-bottom: 1rem;text-shadow: 0 0px 2px 0px rgba(255, 255, 255, 1);}
.full-size-banner--info h3{font-size: 16px;font-weight: 600;color: #505050;}
.full-size-banner--btns{display:flex;align-items: center;gap: 10px; margin-left: auto;}
.full-size-banner--btns .btn{color: #fff;font-size: 12px;font-weight: 600;white-space: nowrap;display:flex;align-items:center; padding:.4rem .5rem;}
.full-size-banner--btns .btn-green{background-color:#0abb40;}
.full-size-banner--btns .brand-icon{max-width: 24px;max-height: 24px;width: 24px;margin: 0 4px;}
.full-size-banner--btns .text{margin: 0 4px;}
[dir=rtl] .full-size-browser-app-banner-bg{background:url(../img/index-banner/browser-app-banner.jpg) no-repeat right center;}
[dir=rtl] .full-size-banner--btns{margin-right: auto;margin-left: unset;}

.card-article-list{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1.5rem;}
.card-article{display:grid;grid-template-columns:130px auto;align-items: flex-start;grid-column-gap: 1.5rem;}
.card-article-img{width: 130px;height: 87px;flex-shrink: 0;}
.card-article-img-link{width: 100%;height: 100%;display: block;border-radius: 3px;overflow: hidden;}
.card-article-img-link img{width: 100%;height: 100%;object-fit: cover;transition: all .2s ease-in-out;}
.card-article-img-link:hover img{transform: scale(1.05);}}
.card-article-text{padding: 0;flex-grow: 1;}
.card-article-text .title h2{font-size: 1rem;font-weight: 600;}


.website-list{display:grid;grid-template-columns:repeat(6,1fr);row-gap: 10px;margin: 0 -1rem;}
.website-link{display: flex;align-items: center;padding:.5rem 1rem;line-height: 1;}
.website-link:hover{background-color: #eef1f6;border-radius: 5px;}
.website-link .website-icon{width: 36px;height: 36px;}
.website-link .title{font-size: 16px;font-weight: 600;margin: 0 1rem;}

.cooperative-list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap: 10px;}
.cooperative-item-link{display: flex;align-items: center;padding:.5rem 0;line-height: 1;font-size: 16px;font-weight: 400;}

.agent-list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap: 20px;width: 100%;}
.agent-item{display: inline-flex;margin: -.5rem;}
.agent-item-link{display: inline-block;line-height: 1;font-size: 16px;font-weight: 400;padding: .5rem;}

.service-support .text-grey{background-color: #eef1f6;padding: 1rem;border-radius: 5px;}

.footer{background: #3e4450;padding: 50px 0;color: #c5c7cb;font-size: 13px;}
.footer .ft-logo{width:190px;height: 43px;background:url(../img/footer-logo.png) no-repeat;margin-bottom: 15px;display: block;}
.footer .ft-title{font-size: 16px;margin-bottom: 15px;color: #fff;font-weight: 600;}
.footer .ft-list-item{color: #c5c7cb;line-height: 30px;}
.footer .ft-list-item p{margin-bottom: 0;}
.footer .ft-list-link{display:inline-flex;align-items: center; color: #c5c7cb;text-decoration: none;transition: all .2s ease-in-out;}
.footer .ft-list-link:hover{color: #fff;text-decoration: none;}
.footer .ft-list-link .ap-icon{font-size: 16px;margin-right: 8px;}
.footer .ft-download .ft-qrcode{width: 135px;height: 135px;margin-right: 15px;background: #fff;border-radius: 5px;padding: 6px;}
[dir=rtl] .footer .ft-download .ft-qrcode{margin-right: 0px;margin-left: 15px;}
.footer .ft-download .ft-qrcode img{width: 100%;height: 100%;}
.footer .ft-download .ft-btn-group{width: 200px;height: 135px;font-size: 0;}
.footer .ft-download .ft-btn-group a{width: 200px;height: 60px;display:inline-block;font-size: 0;}
.footer .ft-download .ft-btn-group a.ft-btn-android{background: url(../img/btn-android.png) no-repeat;margin-bottom: 15px;}
.footer .ft-download .ft-btn-group a.ft-btn-ios{background: url(../img/btn-apple.png) no-repeat;}
.footer .ft-download .ft-btn-group a:hover{opacity: .8;}
.footer-site{background: #3e4450;padding: 30px 0;color: #c5c7cb;font-size: 13px;border-top: solid 1px rgba(255,255,255,.1);line-height: 30px;}
.footer-site .label{white-space: nowrap;}
.footer-site-list{display: flex;flex-wrap: wrap;align-items: flex-start;}
.footer-site-link{color: #c5c7cb;padding: 0px 10px;transition: all .2s ease-in-out;}
.footer-site-link:hover{color: #fff;text-decoration: none;}
.footer-copyright{background: #313640;color: #c5c7cb;padding: 10px 0px;font-size: 13px;}
.footer-copyright p{margin-bottom: 0;}
.footer-copyright a{color: #c5c7cb;transition: all .2s ease-in-out;}
.footer-copyright a:hover{color: #fff;}
.footer-select-country{width: 180px;position: relative;}
.footer-select-country .flag{width: 20px;height: 20px;display: inline-block;}
.footer-select-country .text{margin:0 8px;color:#c5c7cb;}
.footer-country-dropdown{width: 260px; background: #313640;border: solid 1px #525762;}
.footer-country-item{width:100%;height: 40px;padding: 0px 10px;line-height: 38px; background-color:#313640;border: solid 1px #525762;border-radius: 4px;font-size: 13px;color:#c5c7cb;display: flex;align-items: center;position: relative;}
.footer-country-dropdown-item{width: 50%;height: 40px;padding: 0px 10px;line-height: 40px;display: flex;align-items: center;transition: all .2s ease-in-out;}
.footer-country-dropdown-item .text{margin:0 8px;color:#c5c7cb;line-height: 40px;font-size: 14px; }
.footer-country-dropdown-item:hover{background: #393f4a;}
.footer-select-country:after{content: " "; display: inline-block;height: 6px;width: 6px;border-width: 1px 1px 0 0;border-color: #c8c8cd; border-style: solid;position: absolute;top: 50%;margin-top: -4px;right: 10px;transform:rotate(135deg);}
[dir=rtl] .footer-select-country:after{right: auto;left: 10px;}

.ft-contact{width: 300px;}
.ft-contact-list{width: 200px; display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.ft-contact-item{width: 40px;height: 40px;position: relative;}
.ft-contact-item .ft-contact-icon{width: 40px;height: 40px;border-radius: 100rem; display: flex;align-items: center;justify-content: center;background-color: #f2f2f2;color: #fff;text-decoration: none;}
.ft-contact-item .ft-contact-icon.kakaotalk{background-color: #f9e81f;}
.ft-contact-item .ft-contact-icon.weixin{background-color: #0ead51;}
.ft-contact-item .ft-contact-icon.mail{background-color: #ff7318;}
.ft-contact-item .ft-contact-icon.vk{background-color: #0077ff;}
.ft-contact-item .ft-contact-icon.facebook{background-color: #1278f3;}
.ft-contact-item .ft-contact-icon.dingding{background-color: #1996e6;}
.ft-contact-item .ft-contact-icon.qq{background-color: #12b7f5;}
.ft-contact-item .ft-contact-icon.line{background-color: #06c755;}
.ft-contact-item .ft-contact-icon .ap-icon{font-size: 24px;}
.ft-contact-item .ft-contact-icon .icon-kakaotalk-fill{color: #3e3034;}
.ft-contact-item .ft-contact-icon .icon-weixin{color: #fff;}
.ft-contact-item .ft-contact-icon .icon-mail{color: #fff;}

.ft-contact-item:hover .ft-contact-tooltips{display: block;}
.ft-contact-item .ft-contact-tooltips{display: none;max-width: 180px; background-color: #fff;border-radius: 10px;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, .15);position: absolute;left: 50%;bottom: calc(100% + 10px);z-index: 10;transform: translateX(-50%);text-align: center;}
.ft-contact-item .ft-contact-tooltips::after{border-width:10px;border-style: solid;border-color: #fff transparent  transparent ;content: "";width:0;height:0;position: absolute;left: 50%;bottom:-20px;margin-left: -10px;}
.ft-contact-item .ft-contact-tooltips .ft-contact-name{font-size: 14px;font-weight: 700;color: #666;}
.ft-contact-item .ft-contact-tooltips .ft-contact-desc{font-size: 14px;color: #666;}
.ft-contact-item .ft-contact-tooltips .ft-contact-qrcode{width: 100%;}
.ft-contact-item .ft-contact-tooltips .ft-contact-qrcode .qrcode{width: 160px;}
.ft-contact-item .ft-contact-tooltips .ft-contact-qrcode .kakaotalk-qrcode{margin-top: 8px;}


.policy-tips{background: rgba(0,0,0,.85);position: fixed;bottom: 0;z-index: 999;width: 100%;display:block;}
.policy-tips .text{color:#fff;padding: 15px 0;line-height: 24px;font-size: 14px;width: 100%;}
.policy-tips .view-link{color: #ff7318;text-decoration: underline;}
.policy-tips .view-link:hover{color: #e56815;}
.policy-tips .option{text-align: right;margin-left: 1rem;}
.policy-tips .option .btn-agree{display: inline-block;background: #e9ecef;color: #3e4450;height: 36px;padding: 0 30px;line-height: 36px;font-size: 14px;border: 0;border-radius: 3px; text-decoration: none;white-space: nowrap;}
.policy-tips .option .btn-agree:hover{background: #c9ccce;}


/*modal*/
.modal.nobg{background: none;}
.modal-content{border-radius: 10px;border: none;}
.modal-title{font-size: 16px;font-weight: 600;color: #777;}
.modal-header .close{margin: 0;}
#common-tip .modal-header{border-bottom: none;}
.modal-content .close{display:flex;position:absolute;top:0px;right:0px;color: #777;padding: 1rem;z-index: 1050;line-height: 1;font-weight: 600;}
.modal-content .close:focus{outline: none;}
[dir=rtl] .modal-content .close{right:auto;left: 0px;}
.modal-content .close .icon-close{font-size: 18px;color: #777;line-height: 1;font-weight: 600;}
.modal-content .close:hover .icon-close{color: #fd6802;}
.modal.modal-nomask{background: none;}

.modal-form{width: 400px;}
.modal-form .close{right: 15px;top: 15px;}
.modal-form-body{padding:50px 25px;}
.modal-form-body .form-group{margin-bottom: 15px;}
.modal-form-body label{font-size: 14px;color: #777;margin-bottom: 10px;}
.modal-form-body .form-control{font-size: 14px;color: #777;padding:5px 10px;height: 40px;}
.modal-form-body .btn{height: 40px;padding: 0 25px;line-height: 40px;}
.modal-form-body .message{margin: 0 auto!important;}

.modal-uploadimg{width: 800px;max-width: 1200px;margin: 0 auto;}
.modal-uploadimg-body{padding: 0;}

.upimgModal{min-width: 500px;max-width: 600px;}
.upimgModal .modal-body{padding: 0px;}
.upimgModal .upimg-tip {width: 90%;font-size: 13px;padding:30px 0px 20px 0px;line-height: 1.5;margin: 0 auto;}
.upimgModal .upload-img{width:100%;height: 140;text-align:center;padding:0 0 20px 0;}
.upimgModal .upload-img .imgbox{width: 90%;height: 140px;border: dashed 1px #ddd;background: #f8f8f8;display:flex;justify-content: center;align-items: center;flex-direction: column; margin: 0 auto 20px auto;}
.upimgModal .upload-img .imgbox .text-gray{font-size: 16px;color: #999;display: block; text-align: center; padding: 10px 0;}
.upimgModal .upload-img .imgbox .fa-plus{width: 25px;height: 25px;font-size:24px;display: inline-block;color: #999;}
.upimgModal .upload-img .imgbox .img{width: 120px;min-width: 120px;height: 120px; border-radius: 3px;display:none;margin-top: 10px;}
.upimgModal .upload-img .btn-upload{background: #f8f8f8;border: solid 1px #ccc;border-radius: 3px;width: 168px;height: 40px;line-height: 40px;display: inline-block;font-size: 14px;color: #777;text-align: center;}
.upimgModal .upload-img .btn-upload:hover{border: solid 1px #aaa;color: #555;}




/*分享弹窗*/
.share-mask{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);}
.share-content {position: relative;width:420px; min-height: 200px;margin:0 auto;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.share-content .share-box{padding:30px;overflow: hidden;}
.share-ul{display: flex;flex-wrap: wrap;}
.share-ul li{width: 33.333333%;flex: 0 0 33.333333%; display: block;text-align: center;margin-bottom: 20px;}
.share-ul li .share-item{display: flex;align-items: center;flex-direction: column;justify-content: center;}
.share-ul li .share-btn{width: 50px;height: 50px;display:flex;justify-content: center;align-items: center;border-radius: 50rem;}
.share-ul li .share-btn-facebook{background: #3b5998;}
.share-ul li .share-btn-facebook:hover{background: #37528c;}
.share-ul li .share-btn-vk{background: #6383a8;}
.share-ul li .share-btn-vk:hover{background: #5a7899;}
.share-ul li .share-btn-x{background: #000;}
.share-ul li .share-btn-x:hover{background: #000;}
.share-ul li .share-btn-pinterest-p{background: #cd1f28;}
.share-ul li .share-btn-pinterest-p:hover{background: #bd1c24;}
.share-ul li .share-btn-odnoklassniki{background: #f68735;}
.share-ul li .share-btn-odnoklassniki:hover{background: #f68735;}
.share-ul li .share-btn .ap-icon{font-size:24px;color: #fff;}
.share-ul li a:hover{text-decoration: none;}
.share-ul li .share-btn:hover{opacity: .9;}
.share-ul li .web-text{font-size: 14px;line-height: 14px; color: #777;display: block;margin-top: 8px;}
.share-ul li .web-text:hover{color: #fd6802;}
.share-ul li .like-num{padding: 0 10px;display:flex;align-items: center;gap: 8px; margin-top: 10px; border: solid 1px #e5e5e5;border-radius: 3px;position: relative;background: #f8f8f8;font-size: 0; height: 20px;line-height: 20px;}
.share-ul li .like-num .arrow-up{width: 9px;height: 6px;background: url(../img/share-arrow-up.png) no-repeat;display: block;font-size: 0;position: absolute;top: -6px;left: 50%;margin-left: -5px;}
.share-ul li .like-num .ap-icon{background: none;font-size: 12px;color: #9ca1ad;}
.share-ul li .like-num .num{font-size: 13px;color: #9ca1ad;}





/*app-download*/
.app-banner-1{height: 933px;width: 100%;background: url(../img/app-download/bg-1.jpg) no-repeat;background-size: 100% 100%;}
.app-banner-1 .app-hd{width: 100%;display: block;padding-top: 35px;}
.app-banner-1 .app-hd .header-container{height: 60px;}
.app-icon{width: 60px;height: 60px;display: inline-block;margin-right: 20px;}
.app-icon img{width: 100%;height: 100%;}

.app-menu{height: 40px;}
.app-menu li{height: 40px;display: inline-block;margin:0 15px;overflow: hidden;}
.app-menu li a{display:block;color: #ccc;}
.app-menu li a .ap-icon{width: 20px;height: 20px;display: inline-block;margin:0px 5px;font-size: 18px;vertical-align: middle;}
.app-menu li a .menu-title{color: #ccc;font-size: 14px;display: inline-block;vertical-align: middle;margin: 0;line-height: 1.5;}
.app-menu li a:hover .menu-title{color: #fff;}
.app-menu li a:hover .ap-icon{color: #fff;}


.banner-1-box{width: 1200px;display: block;margin: 0 auto;position: relative;text-align: center;}

.banner-1-box .phone{width:554px;height: 566px;display: block;position: absolute;top: 100px;left:200px;}
.banner-1-box .banner-1-text{width: 100%;display: block;color: #fff;text-align: center;margin-top: 100px;}
.banner-1-box .banner-1-text h3{font-size: 48px;font-weight: lighter;line-height: 48px;margin-bottom: 20px;}
.banner-1-box .banner-1-text h4{font-size: 36px;font-weight: lighter;line-height:40px;}
.banner-1-box .qrcode{width: 130px;height: 130px;display: inline-block;margin: 60px auto 0 auto;}
.banner-1-box .qrcode img{width: 100%;}
.banner-1-box .qrcode:hover .qrcode-tip{display: block;}
.banner-1-box .qrcode .qrcode-tip{display: none;position: absolute;right:160px;bottom:-50px;width: 410px;height: 506px;}
.banner-1-box .app-btn{width: 100%;height: 60px;text-align: center;display:flex;justify-content: center;margin-top: 70px;}
.banner-1-box .app-btn .btn-download-app{height: 60px;width: 200px;margin: 0 8px;font-size: 24px;border-radius:5px;}
.banner-1-box .app-btn .btn-download-android{background: url(../img/btn-android.png) no-repeat;}
.banner-1-box .app-btn .btn-download-ios{background: url("../img/btn-apple.png") no-repeat;}
.banner-1-box .app-btn .download:hover{}
.app-form-controls{width: 300px;margin: 50px auto 0 auto;}
.app-form-controls .form-group{margin-bottom: 30px;}
.app-form-controls .form-control{height: 40px;line-height: 40px;padding: 0 10px;font-size: 14px;border-color:transparent;}
.app-form-controls .label{font-size: 18px;color: #fff;font-weight: 600;margin-bottom: 10px;text-align:center;}
.app-form-controls .form-text{text-align: left;}

[dir=rtl] .app-icon{margin-right: 0px;margin-left: 20px;}
[dir=rtl] .banner-1-box .phone{left: auto;right: 100px;}
[dir=rtl] .banner-1-box .banner-1-text{left: auto;right: 750px;}
[dir=rtl] .banner-1-box .qrcode{left: auto;right: 750px;}

.app-banner-2{height: 750px;width: 100%;background:#e7eff4 url(../img/app-download/bg-2.jpg) no-repeat center top;}
.banner-2-box{width: 1200px;height:750px;display: block;margin: 0 auto;position: relative;}
.banner-2-box .banner-2-text{width:600px;display: block;position: absolute;top: 280px;right: 0;color: #333;text-align: right;}
.banner-2-box .banner-2-text h3{font-size: 50px;line-height: 50px;margin-bottom: 20px;}
.banner-2-box .banner-2-text h4{font-size: 30px;font-weight: lighter;line-height:40px;}

.app-banner-3{height: 962px;width: 100%;background:#fff url(../img/app-download/bg-3.jpg) no-repeat center top;}
.banner-3-box{width: 1200px;height:962px;display: block;margin: 0 auto;position: relative;}
.banner-3-box .banner-3-text{width:700px;display: block;position: absolute;top: 300px;left: 0;color: #333;}
.banner-3-box .banner-3-text h3{font-size: 50px;line-height: 50px;margin-bottom: 20px;}
.banner-3-box .banner-3-text h4{font-size: 30px;font-weight: lighter;line-height:40px;}


.app-banner-4{height: 810px;width: 100%;background:#eee url(../img/app-download/bg-4.jpg) no-repeat center top;}
.banner-4-box{width: 1200px;height:810px;display: block;margin: 0 auto;position: relative;}
.banner-4-box .banner-4-text{width:530px;display: block;position: absolute;top:316px;right: 0;color: #333;text-align: right;}
.banner-4-box .banner-4-text h3{font-size: 50px;line-height: 50px;margin-bottom: 20px;}
.banner-4-box .banner-4-text h4{font-size: 48px;font-weight: lighter;line-height:48px;}

.ban-line{width: 130px;height: 1px;background: #999;font-size: 0;display: inline-block;margin:20px 0;}
/*app-download  end*/




.extension-banner{display:block;width:100%;height:900px;overflow:hidden;background:#e4ebf7;}
.extension-banner .ext-banner-box{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.extension-banner .ext-banner-pic{position: absolute;left:0px;top:190px;}
.extension-banner .banner-title{position:absolute;top: 80px;left: 0; width: 100%; text-align: center;}
.extension-banner .banner-title-t1{font-size: 50px;line-height: 50px; height: 50px; font-weight: lighter;display:block;color: #444;}
.extension-banner .ext-banner-btn{position:absolute;left:800px;top:248px;font-weight:lighter;}
.extension-banner .ext-banner-btn .e-tit{font-size:30px;margin-bottom: 30px;line-height: 1.5;color: #444;vertical-align: middle;}
.extension-banner .ext-banner-btn .e-tit p{margin-bottom: 15px;display: flex;align-items: center;}
.extension-banner .ext-banner-btn .e-tit .fa,
.extension-banner .ext-banner-btn .e-tit .ap-icon{font-size: 20px;color: #fd6802;margin-right: 10px;font-weight: 600;}
.extension-banner .ext-banner-btn .e-tit span{font-size: 22px;color: #444;font-weight: 300;}


[dir=rtl] .extension-banner .ext-banner-pic{left: auto;right:0px;}
[dir=rtl] .extension-banner .banner-title{left: auto;right: 0;}
[dir=rtl] .extension-banner .ext-banner-btn .e-tit .ap-icon{margin-left: 10px;margin-right: 0;}
[dir=rtl] .extension-banner .ext-banner-btn{left: auto;right: 765px;}



.extension-title{display: block;padding: 70px 0 0px 0; text-align: center;}
.extension-title h3{font-size:30px;line-height: 30px;display: inline-block;}


.featrue{background: #fff;}
.featrue .feature-p{font-size: 16px;margin: 30px auto 60px auto;display: block; text-align: center;font-weight: lighter;}
.featrue ul li{width:360px;float: left;margin-left: 160px;margin-bottom: 60px;}
.featrue ul li p{font-size:24px;display: block;font-weight: lighter;margin-bottom: 20px;}
.featrue ul li img{display: block;}



.share{display: block;width:100%;margin: 0 auto;padding: 30px 0;}
.share .share-tip{padding: 20px 0;text-align: center; font-size: 13px;}
.share .share-title{height: 18px; position: relative;display: block;text-align: center;margin:10px 0 15px 0;}
.share .share-title .line-bg{height:1px;width: 100%;font-size:0;background: #ddd;display: block;position:absolute;top: 9px;z-index: 10;}
.share .share-title h4{color: #666;font-size: 14px;height: 18px;line-height: 18px; display: inline-block;background: #fff;padding: 0 10px;z-index: 12;position:relative;}
.share dd{float: left;width: 33%;text-align: center;}
.share dd a{display: inline-block;color: #777;}
.share dd a:hover{color: #e4393c;}
.share dd a span{display: block;}
.share dd a .icon{width: 40px;height: 40px;display:inline-block;}
.share dd a .icon-facebook{background-position: 0 0;}
.share dd a .icon-vk{background-position:-40px 0;}
.share dd a .icon-twitter{background-position:-80px 0;}
.share dd a:hover .icon-facebook{background-position: 0 -40px;}
.share dd a:hover .icon-vk{background-position:-40px -40px;}
.share dd a:hover .icon-twitter{background-position:-80px -40px;}



.main{overflow: hidden;}
.main-content{padding: 30px 0;display:flex;margin-bottom: 50px;overflow: hidden;}
.left-content{max-width:100%;flex-grow: 1;}
.right-content{width: 315px;max-width:315px;padding-left: 15px;flex-shrink: 0;}
[dir=rtl] .right-content{padding-left: 0px;padding-right: 15px;}

.product-wrap{padding: 20px;position: relative;margin-bottom: 15px;display: flex;background-color: #fff;border-radius: 5px;}
.product-img{width: 318px;max-width: 318px;flex-shrink: 0;}
.product-img .md-img{width: 100%;position: relative;}
.product-img .md-img img{max-height: 318px;height: auto;width: 100%;}
.product-img .md-img .search-img{background-color: #fff;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12); border-radius: 100rem; font-weight:400;height: 32px;position: absolute;bottom: 15px;left: 15px;display: flex;align-items: center;white-space: nowrap;padding: 0 10px;}
.product-img .md-img .search-img .ap-icon{font-size: 16px;color: #fd860e;font-weight: 700;margin: 0 5px;}
.product-img .md-img .search-img .text{font-size: 13px;color: #666;margin: 0 5px;}
.product-img .md-img .search-img:hover{box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); }
.product-img .sm-img{width:100%;margin-top: 10px;}
.product-img .sm-img dl{display: flex;align-items: baseline;justify-content: space-between;}
.product-img .sm-img dd{width:72px;height: 72px;margin-right: 10px;border: solid 1px #e5e5e5;border-radius: 3px;text-align: center;}
.product-img .sm-img dd:last-child{margin-right: 0;}
.product-img .sm-img dd img{width: 100%;height: 100%;cursor: pointer;object-fit: cover;}
.product-info{width:100%;padding-left: 30px;display: flex;flex-flow: column;}
[dir=rtl] .product-info{padding-left: 0px;padding-right: 30px;}
.product-info .product-title{font-size: 18px;font-weight:500;line-height: 1.5;margin-bottom: 30px;}
.product-info .product-title .tag-1688{vertical-align: middle;}
.product-info .product-title a{color: #333;}
.product-info .product-title a:hover{color: #fd6802;text-decoration: underline;}
.product-info .product-price{margin-top: 30px;}
.product-info .product-price .value{font-size: 30px;font-weight: 600; line-height:1; color: #ff7318;}

.product-info .orders-rating{font-size: 14px;color: #999;margin-bottom: 1rem;line-height: 1;}
.product-info .orders-rating .rating{color: #999;}
.product-info .orders-rating .icon-star-fill{color: #ff7318;margin: 0 5px;font-size: 14px;}
.product-info .orders-rating .order{color: #999;}
.product-info .website-info{display: flex;align-items: center;}
.product-info .store{display: flex;align-items: center;}
.product-info .store .website{display: flex;align-items: center;color: #999;font-size: 13px;}
.product-info .store .icon-website-logo{width:20px;margin-right:6px;display: none;}
.product-info .store .website:hover{color: #fd6802;text-decoration:none;}
.product-info .store .store-name{color: #999;margin-left: 5px;margin-right: 5px;position: relative;padding-left: 15px;font-size: 13px;}
.product-info .store .store-name:before{content: "•";position: absolute;left: 0;top: 0px;color: #999;display: block;width: 10px;text-align: center;}
.product-info .store .store-name:hover{text-decoration:none;color: #fd6802;}
.product-info .btn-wrap{margin-top:30px;display: flex;align-items:center;}
.product-info .btn-wrap .btn{margin-right: 10px;display: flex;align-items:center;height: 40px;line-height: 40px;}
.product-info .btn-wrap .btn-primary{padding: 0 26px;border:none;}
.product-info .btn-wrap .btn .text{font-size: 16px;font-weight: 500;}
.product-info .btn-wrap .btn .icon-heart-linear{font-weight: 600;margin-left: 10px;}
.product-info .btn-wrap .btn-outline-primary:not(:disabled):not(.disabled):active,
.product-info .btn-wrap .btn-outline-primary:hover{background-color:rgba(253,134,14,0.05);color:#fd860e;}
.product-info .btn-wrap .btn-bell{width: 40px;height: 40px;padding: 0;justify-content: center;}
.product-info .expired{color: #999;margin-top: 20px; font-size: 16px;}
.badge-outline-white{background: #fff;border: solid 1px #c2c2c2;color: #777;font-weight: 400;}

[dir=rtl] .product-info .store .store-name{padding-left: 0px;padding-right: 15px;}
[dir=rtl] .product-info .store .store-name:before{left:auto;right: 0;}
[dir=rtl] .product-info .store .icon-website-logo{width:20px;margin-right:0px;margin-left: 6px;}

.product-main-content{background-color: #fff;border-radius: 5px;}
.product-main-content .tab-nav{background: #f9fbff;height: 50px;border-radius:5px 5px 0 0;}
.product-main-content .tab-nav .nav-tabs{padding:0;border-bottom: solid 1px #e4ebf7;width: 100%;height: 100%;}
.product-main-content .tab-nav .nav-tabs .nav-link {color: #777;background-color:transparent; border:none;border-radius:0;padding: 6px 0px;margin: 0 20px; font-size: 16px;height: 100%;display: flex;justify-content: center;align-items: center;}
.product-main-content .tab-nav .nav-tabs .nav-link:hover,
.product-main-content .tab-nav .nav-tabs .nav-link:focus{border-color:transparent;color: #fd860e;}
.product-main-content .tab-nav .nav-tabs .nav-link.active, 
.product-main-content .tab-nav .nav-tabs .nav-item.show .nav-link {color:#fd860e;border-bottom:solid 2px #fd860e;background-color: transparent;font-weight: 500;}



.price-history{padding: 20px;}
.price-history-content{width: 100%;}
.price-history-content .dropdown-months{display: inline-flex;}
.price-history__btn-group{display: flex;justify-content: center;align-items: center;padding:30px 0 20px 0;}
.price-history__btn-group .btn{height: 40px;line-height: 40px;display: flex;justify-content: center;align-items: center;transition: all .2s ease-in-out;margin:0 5px;padding: 0 20px;border-radius: 5px;font-size: 14px;}
.price-history__btn-group .btn-outline-grey{background-color: #fff;color: #666;border: solid 1px #ddd;}
.price-history__btn-group .btn-outline-grey::after{border-top-color: #ccc;}
[dir=rtl] .price-history__btn-group .btn-outline-grey::after{margin-right: 5px;margin-left: 0;}
.price-history__btn-group .btn-outline-grey:hover{background-color: #f5f8fc;color: #666;}
.price-history__btn-group .btn-outline-primary:focus{color: #fd860e;}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.price-history__btn-group .btn-outline-primary:active,
.price-history__btn-group .btn-outline-primary:hover{color: #fff;}
.price-history__btn-group .btn-bell{width: 40px;padding: 0;}
.price-history__btn-group .btn .ap-icon{font-size: 16px;font-weight: 500;}
.price-history__btn-group .btn .text{margin: 0 5px;}

.dropdown-track{background-color: #fff;border:solid 1px #ddd;font-size: 14px;color: #666;padding:0;margin: 0.125rem 0;overflow: hidden;}
.btn-track-price.dropdown-toggle::after{margin-left: 15px;}
.dropdown-track .dropdown-item{padding:7px 20px;color: #666;}
.dropdown-item{color: #666;}
.dropdown-track .dropdown-item.active, 
.dropdown-track .dropdown-item:active {color: #666;background-color: #f5f8fc;}
.dropdown-track .dropdown-item:hover, 
.dropdown-track .dropdown-item:focus {color: #666;background-color: #f5f8fc;}
.dropdown-track .dropdown-item-config{border-top: solid 1px rgba(0,0,0,0.1);display: flex;align-items:center;}
.dropdown-track .dropdown-item-config .ap-icon{margin-right: 8px;}
.dropdown-toggle-formonths{font-size: 14px;color: #999;height: 40px;line-height: 40px;display: inline-block;padding:0 20px;margin-left: -20px;}
.dropdown-toggle-formonths::after{margin-left: 10px;vertical-align:-3px;border-width:5px;border-style: solid;border-color: #ccc transparent transparent transparent;}
[dir=rtl] .dropdown-toggle-formonths{margin-left: 0px;margin-right: -20px;}
[dir=rtl] .btn-track-price.dropdown-toggle::after{margin-left: 0px;margin-right: 15px;}
[dir=rtl] .dropdown-toggle-formonths::after{margin-left: 0px;margin-right: 10px;}
[dir=rtl] .dropdown-menu.dropdown-track{text-align: right;right:10px!important;left: unset!important;}
[dir=rtl] .dropdown-track .dropdown-item-config .ap-icon{margin-right: 0px;margin-left: 8px;}

.dropdown-months .dropdown-menu{background-color: #fff;border:solid 1px #ddd;font-size: 14px;color: #666;padding:0;margin: 0.125rem 0;overflow: hidden;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);}
[dir=rtl] .dropdown-months .dropdown-menu{text-align: right; left: unset!important;right: -20px!important;}
.dropdown-months .dropdown-item{padding:7px 20px;color: #666;}
.dropdown-months .dropdown-item.active, 
.dropdown-months .dropdown-item:active {color: #666;background-color: #f5f8fc;}
.dropdown-months .dropdown-item:hover, 
.dropdown-months .dropdown-item:focus {color: #666;background-color: #f5f8fc;}

.share-bar{text-align: center;margin-top: 30px;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
.share-bar .label{margin: 0 5px;font-size: 14px;color: #777;}
.share-bar .btn-share{width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 100rem;margin: 0 3px;text-decoration: none;}
.share-bar .btn-share-facebook{background: #3b5998;}
.share-bar .btn-share-facebook:hover{background: #37528c;}
.share-bar .btn-share-vk{background: #6383a8;}
.share-bar .btn-share-vk:hover{background: #5a7899;}
.share-bar .btn-share-x{background: #000;}
.share-bar .btn-share-x:hover{background: #000;}
.share-bar .btn-share-pinterest-p{background: #cd1f28;}
.share-bar .btn-share-pinterest-p:hover{background: #bd1c24;}
.share-bar .btn-share-google-plus{background: #dd5044;}
.share-bar .btn-share-google-plus:hover{background: #cf4c40;}
.share-bar .btn-share-odnoklassniki{background: #f68735;}
.share-bar .btn-share-odnoklassniki:hover{background: #e57d32;}
.share-bar .btn-share i{font-size: 15px;color: #fff;}



/*过滤排序*/

.sort{padding-bottom: 20px;padding-top: 20px; border-bottom:solid 1px #e5e5e5;width:100%;font-size: 13px; color: #999;display:flex;align-items: center;}
.sort .sort-label{font-size: 13px; color: #777;display: inline-block;margin-right: 15px;}
.sort .sort-list{display:flex;height: 30px;line-height: 28px;border-radius: 3px;background: #fff;margin-right: 20px;}
.sort .sort-item{font-size: 0; color: #777;border:solid 1px #ccc;padding: 0 17px;margin-right: -1px; text-decoration: none;letter-spacing:0px;}
.sort .sort-item:first-child{border-radius:3px 0px 0px 3px;}
.sort .sort-item:last-child{border-radius:0px 3px 3px 0px;}
.sort .sort-item:hover{color: #fd6802;border:solid 1px #fd6802;position: relative;z-index: 9;}
.sort .sort-item.active{font-weight: 600;color: #fd6802;}
.sort .sort-item span{font-size: 13px;display: inline-block;vertical-align: middle;margin:0 3px;}
.sort .sort-item .icon{height: 12px;background: url("../img/sort-arrow.png") no-repeat;display: inline-block;margin:0 3px;font-size: 0;vertical-align: middle;}
.sort .sort-item .icon-sort-default,
.sort .sort-price .icon-sort-default{width: 11px;background-position: 0px 0px;}
.sort .sort-order .icon-sort-default,
.sort .sort-scores .icon-sort-default{width: 9px;background-position: -33px 0px;}
.sort .sort-item.active .icon-sort-down,
.sort .sort-price.active .icon-sort-down{width: 11px;background-position: -22px 0px;}
.sort .sort-item.active .icon-sort-up,
.sort .sort-price.active .icon-sort-up{width: 11px;background-position: -11px 0px;}
.sort .sort-scores.active .icon-sort-down,
.sort .sort-order.active .icon-sort-down{width: 9px;background-position: -42px 0px;}

.sort .input-price{height: 30px;width: 120px;color: #666;font-size: 14px;}
.sort .input-price::placeholder{color: #999;}
.sort .input-price.is-invalid{border-color: #e96163;}
.sort .invalid-feedback{display: block;width: auto;margin: 0 10px;font-size: 13px;}
.sort .btn{padding: 0.25rem 0.75rem;height: 30px; display: flex;align-items: center;}
.sort .btn-outline-orange{background-color: #fff;}

.sort-single-item{font-size: 0; color: #777;border:solid 1px #ccc;padding: 0 17px;height: 30px; display: flex;align-items: center; margin-right: -1px; text-decoration: none;letter-spacing:0px;border-radius:3px;position: relative;}
.sort-single-item span{font-size: 13px;display: inline-block;vertical-align: middle;margin:0 3px;}
.sort-single-item.active{color: #fd6802;border: solid 1px #fd6802;font-weight: 600;}
.sort-single-item .icon-select-triangle{width: 16px;height: 14px;background: url("../img/icon-select-triangle.png") no-repeat;display: none;font-size: 0;position: absolute;right: 0;bottom: 0;}
.sort-single-item.active .icon-select-triangle{display: block;}

[dir=rtl] .sort .sort-label{margin-left: 15px;margin-right: 0;}
[dir=rtl] .sort .sort-list{margin-right: 0px;margin-left: 20px;}
[dir=rtl] .sort .sort-item:first-child{border-radius:0px 3px 3px 0px;}
[dir=rtl] .sort .sort-item:last-child{border-radius:3px 0px 0px 3px;margin-right:-1px;}
[dir=rtl] .select-mall .mall-title{background: #fff url(../img/arrow-down.png) no-repeat left 0.75rem center;padding: 0px 10px 0px 30px;}


.sort .cat-select{position: relative;height: 30px;margin-left: auto;}
.sort .cat-select .cat-select-box{display:block;color: #777;font-size: 13px; border: solid 1px #ccc;border-radius: 3px;line-height: 28px;background: #fff url(../img/arrow-down.png) no-repeat right 0.75rem center;padding: 0px 30px 0px 10px;cursor: pointer;}
.sort .cat-select .dropdown-category{display: none; position: absolute;right: 0;top:29px;width: 300px;border: solid 1px #ccc;background: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,.2);border-radius:3px;line-height:1.5;overflow: hidden;z-index: 99;}
.sort .cat-select:hover .dropdown-category{display: block;border-radius:0 3px 3px 3px;}
.sort .cat-select:hover .cat-select-box{border-bottom:solid 1px #fff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;z-index: 100;position: relative;}
.sort .cat-select .dropdown-category .category-ul{padding: 15px;}
.sort .cat-select .dropdown-category .category-ul li{flex:0 0 100%;line-height: 1;}
.sort .cat-select .dropdown-category .category-ul li a{padding: 6px 10px;}

[dir=rtl] .sort .cat-select{margin-right: auto;margin-left: 0;}


.filter-itemlist .custom-checkbox{margin-top: 3px;}
.filter-itemlist .custom-control-label{height: 24px; display: flex;align-items: center;}
.filter-itemlist .dropdown-item{padding: 0.375rem 0.75rem;}
.filter-itemlist .btn{padding: 0.25rem 0.75rem;height: 30px; display: flex;align-items: center;}

/*同款产品*/

.same-product{padding:0 20px 20px;}
.same-product .item-list{font-size: 13px;color: #666;}
.same-product .item-li{padding: 15px 0;border-bottom: solid 1px #e5e5e5;width: 100%;display:flex;}
.same-product .item-li .same-img{width: 130px;flex-shrink: 0;}
.same-product .item-li .same-img img{width: 100%;height: 100%; border-radius: 3px;}
.same-product .item-li .info{padding: 0 15px;flex-grow: 1;}
.same-product .item-li .product-title{font-size: 14px;font-weight:400;line-height: 1.5;color: #333;}
.same-product .item-li .product-title:hover{color: #fd6802;text-decoration: underline;}
.same-product .item-li .website-info{display: flex;align-items: center;margin-top: 10px;}
.same-product .item-li .store{display: flex;align-items: center;}
.same-product .item-li .store .website{display: flex;align-items: center;color: #999;font-size: 13px;}
.same-product .item-li .store .icon-website-logo{width:20px;margin-right:6px;}
.same-product .item-li .store .website:hover{color: #fd6802;text-decoration:none;}
.same-product .item-li .store-name{color: #999;margin-left: 5px;margin-right: 5px;position: relative;padding-left: 15px;font-size: 13px;}
.same-product .item-li .store-name:before{content: "•";position: absolute;left: 0;top: 0px;color: #999;display: block;width: 10px;text-align: center;}
.same-product .item-li .store-name:hover{text-decoration:none;color: #fd6802;}
.same-product .item-li .orders-rating{font-size: 13px;color: #999;margin-top: 10px;}
.same-product .item-li .orders-rating .rating{color: #999;}
.same-product .item-li .orders-rating .icon-star-fill{color: #ff7318;margin: 0 5px;font-size: 14px;}
.same-product .item-li .orders-rating .order{color: #999;}
.same-product .item-li .info-price{padding: 0 0 0 10px;flex-shrink:0; width: 280px;max-width: 280px;}
.same-product .item-li .price{display: flex;align-items:flex-start;font-weight: normal;}
.same-product .item-li .value{color: #ff7318;font-size: 16px;font-weight: bold;flex-grow: 1;}
.item-li .a-icon-price-correction{display: inline-block;padding:3px 6px;line-height: 1;background: #e9ecef;color: #7b8a9f;border-radius: 3px;opacity: 0;transition: all .2s ease-in-out;margin-left: auto;flex-shrink: 0;}
.item-li:hover .a-icon-price-correction{opacity: .7;}
.item-li .a-icon-price-correction:hover{opacity: 1;}
.item-li .a-icon-price-correction .fa-lightbulb-o{font-size: 15px;}
.same-product .item-li .btn-goshopping{height: 30px;padding: 0 15px;line-height: 28px;margin-top: 10px;}
.same-product .item-li .btn-goshopping:hover{color: #fff;}

.btn-wrap .btn-more{padding:.375rem 1.5rem;}

[dir=rtl] .same-product .item-li .store .icon-website-logo{margin-left: 6px; margin-right:0px;}
[dir=rtl] .same-product .item-li .store .store-name{padding-left: 0px;padding-right: 15px;}
[dir=rtl] .same-product .item-li .store .store-name:before{left: auto;right: 0; }
[dir=rtl] .same-product .item-li .info-price{padding: 0 10px 0 0;}

.modal-price-correction{width: 530px;box-shadow: none;border: none;}
.modal-price-correction .modal-body{padding: 30px;}
.modal-price-correction .Price-correction-ul{color: #666;font-size: 14px;}
.modal-price-correction li{display: block;}
.modal-price-correction li label{display: block;font-size: 14px;padding-bottom: 15px; font-weight: bold;}
.modal-price-correction dl{display:flex;flex-wrap: wrap; overflow: hidden;margin:0 -8px 10px -8px;}
.modal-price-correction dd{display: inline-block;padding: 0 8px;margin-bottom: 15px;}
.modal-price-correction .select-type{display: block;border: solid 1px #ccc;height: 40px;line-height: 38px;padding: 0 15px;border-radius: 3px;position: relative;overflow: hidden;}
.modal-price-correction .select-type:hover{text-decoration: none;color: #fd6802;border: solid 1px #fd6802;}
.modal-price-correction .select-type.active{color: #fd6802;border: solid 2px #fd6802;line-height: 38px;}
.modal-price-correction .icon-select-triangle{width: 16px;height: 14px;background: url("../img/icon-select-triangle.png") no-repeat;display: block;font-size: 0;position: absolute;right: 0;bottom: 0;}
.modal-price-correction .textarea{height: 100px;width: 100%;border-radius: 3px;}
.modal-price-correction .btn-group{text-align: center;margin-top: 20px;}
.modal-price-correction .btn-group .btn-submit{min-width: 160px;height: 40px; line-height: 40px;border-radius: 4px;color: #fff; padding:0px 20px; font-size: 15px;font-weight: bold;background-color: #fd860e;border: none;}
.modal-price-correction .btn-group .btn-submit:hover{background-color: #fd6802;}

.modal-tips{width: 530px;box-shadow: none;border: none;}
.modal-tips .modal-body{padding:30px;}
.modal-tips .modal-header{background: none;border-bottom: unset;height: 0;min-height: 0;}


.message{text-align: center;margin: 0 auto;padding: 50px 0;}
.message-icon{margin: 0px auto 20px auto;display: inline-block;}
.message-icon.icon-info{color: #999;}
.message .ap-icon{font-size: 60px;line-height: 1;display: inline-block;vertical-align: middle;}
.message .icon-right-fill{color: #0abb40;}
.message .icon-sad{color: #fd860e;}
.message .icon-smile-o{color: #0abb40;}
.message .icon-info-fill{color: #cccccc;}
.message .icon-exclamation-fill{color: #ff7318;}
.message .icon-times-circle{color: #e96163;}
.message-title{font-size: 18px;font-weight: 600;margin-bottom: 1rem;color: #777;}
.message-title.text-green{color: #0abb40;}
.message-logo{margin-bottom: 1.5rem;}
.message-desc{color: #888;font-size: 14px; margin-bottom: 20px;}
.message-desc a{font-weight: bold;}
.message-button{display: block;}
.message-button .btn{margin: 0 5px;display: inline-block;font-size: 14px;border-radius: 3px;text-align: center;}
.message-button .btn-close{min-width: 80px;}
.message-button .btn-close:hover{background: #f8f8f8;border: solid 1px #c2c2c2;color: #777;}
.message-btn{padding-top: 20px;}
.message-btn .btn-outline-grey{background: #fff;border: solid 1px #c2c2c2;color: #999;font-weight: 500;}
.message-btn .btn-outline-grey:hover{background: #f5f8fc;border-color: #a7a7a7;color: #777;}
.message-btn .btn-outline-red{background: #fff;border: solid 1px #e96163;color: #e96163;font-weight: 500;}
.message-btn .btn-outline-red:disabled{opacity: .65;cursor: default;}

.message-search-by-image{margin: 50px auto;display: flex;justify-content:center;flex-direction: column;}
.message-search-by-image .message-icon{width: 120px;height: 120px;border-radius: 120px;border: solid 1px #ddd;text-align: center;background: #fff;line-height:1;display: flex;align-items: center;justify-content:center;}
.message-search-by-image .message-icon .ap-icon{font-size: 60px;color: #ccc;}
.message-search-by-image .message-title{font-size: 16px;font-weight: 400; color: #777;text-align: center;display: flex;align-items: center;justify-content:center;flex-direction: column;}

.modal-message{box-shadow: none;width: 400px;margin: 0 auto;border: none;}
.modal-message__body{padding: 30px;}
.modal-message__btn-group{border-top:none;text-align: center;}
.modal-message__btn-group .btn{padding: 8px 30px;display: inline-block;font-size: 14px;margin: 0 3px;}

.bootbox .modal-dialog{box-shadow: none;width: 400px;max-width: 400px;margin: 0 auto;border: none;}
.bootbox .modal-header {background-color: transparent;height: 50px;border-radius: 6px 6px 0 0;border-bottom: 0px solid #e5e5e5;}
.bootbox .bootbox-body{text-align: center;font-size: 16px;color: #777;}
.bootbox .modal-footer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top: 0px solid #e9ecef;padding-bottom: 50px;}
.bootbox .modal-footer>:not(:first-child) {margin-left: 10px;}
.bootbox .modal-footer .btn {padding: 8px 30px;display: inline-block;font-size: 14px;margin: 0 3px;}
.bootbox .modal-footer .bootbox-cancel{background: #f8f8f8;border: solid 1px #c2c2c2;color: #777;}
.bootbox .modal-footer .bootbox-accept{color: #fff;background-color: #fd6802;border-color: #fd6802;}
.bootbox .modal-footer .bootbox-cancel:not(:disabled):not(.disabled):active{background: #f0f0f0;border: solid 1px #b2b2b2;color: #666;box-shadow: none;}

.reviews{padding: 20px;}
.filter{margin-bottom: 20px;display:flex;align-items:center;}
.filter-item{font-size: 14px;color: #666;margin-right: 30px;}
.filter-item:last-child{margin-right: 0;}
.filter-item.active{color: #fd6802;font-weight: bold;}
.plugin-compare.active{display: none;}
.plugin-compare{display: block;}
.reviews-filter{position:fixed;top: 101px;background: #fff;z-index: 999;width: 930px;padding-top:15px;padding-bottom: 15px;border-bottom: 1px #ccc solid;}

[dir=rtl] .filter-item{margin-right: 0px;margin-left: 30px;}


.grid{display: flex;flex-wrap: wrap;margin: 0 -8px;}
.grid .grid-item{width:20%;overflow: hidden;flex: 0 0 20%;padding:0px 8px 16px 8px;}
.grid .grid-item .item-box{border: solid 1px #e5e5e5;width: 100%;border-radius: 5px;position: relative;overflow: hidden;}
.grid .grid-item .item-box .grid-item-pic{width: 100%;display: block;position: relative;}
.grid .grid-item .item-box .grid-item-pic img{width:100%;height: auto;}

.grid .grid-item .item-box .grid-item-pic .from-photo{width:33px;height: 18px;background: #fff;border-radius: 100rem;display:flex;align-items: center;justify-content: center; position: absolute;left: 8px;bottom: 8px;}
.grid .grid-item .item-box .grid-item-pic .from-photo .icon-camera{font-size: 14px;color: #333;line-height:1;}


.grid-list{display: flex;flex-wrap: wrap;margin: 0 -8px;}
.grid-list-item{width:50%;overflow: hidden;flex: 0 0 50%;padding:0px 8px 16px 8px;}
.grid-list-item .item-box{border: solid 1px #e5e5e5;width: 100%;border-radius: 5px;padding: 10px; position: relative;overflow: hidden;display: flex;}
.grid-list-item .item-box .grid-item-pic{width: 120px;height: 120px;overflow: hidden;flex-shrink: 0; display: block;position: relative;}
.grid-list-item .item-box .grid-item-pic img{width:100%;height:100%;object-fit: cover;border-radius: 5px;}
.grid-list-item .item-box .grid-item-title{width:100%;height:100%;padding-left:10px;font-size: 13px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.grid-list-item .item-box .grid-item-pic .from-itao{width:33px;height: 18px;background: #fff;border-radius: 100rem;display:flex;align-items:center;justify-content: center; padding: 3px 0;position: absolute;left: 8px;bottom: 8px;}
.grid-list-item .item-box .grid-item-pic .from-itao .itao-logo{width: 21px;height: 12px;vertical-align: top;}

[dir=rtl] .grid-list-item .item-box .grid-item-title{padding-left: 0;padding-right: 10px;}

.feedback-tb{color: #666;}
.feedback-dsr{background: #f5f5f5;margin: 20px;padding: 20px;font-size: 14px;color: #999;border-radius: 10px;}
.feedback-dsr table th {font-family: Tahoma;font-weight: 400;padding:5px;}
.feedback-dsr table td {padding: 5px;}
.feedback-dsr .dsr-text {display: block;float: left;height: 25px;line-height: 25px;color: #0ead51;}
.feedback-dsr .dsr-text.font-green{color: #0ead51;}
.feedback-dsr .dsr-text.font-red{color: #e96163;}
.feedback-dsr .dsr-text.font-gray{color: #666;}
.feedback-dsr .dsr-text em {color: #fd6802;font-weight: 700;padding: 0 3px;}
.feedback-dsr .dsr-text span {font-size: 13px;color: #999;}
.feedback-dsr .compare-info {font-size: 13px;display: flex;align-items: center;}
.feedback-dsr .compare-equal, 
.feedback-dsr .compare-high, 
.feedback-dsr .compare-low {line-height: 22px;font-size: 13px;color: #fff;height: 22px;min-width: 140px;padding: 0 15px;}
.feedback-dsr .compare-low{background:#e96163;}
.feedback-dsr .compare-equal{background:#666;}
.feedback-dsr .compare-high{background:#0ead51;}
.feedback-dsr .compare-info span {border: 1px solid #c2c2c2;border-left:none;color: #999;background: #fff;line-height: 20px;height: 22px;padding: 0 20px;min-width: 140px;}

[dir=rtl] .feedback-dsr .compare-info span{border-left: 1px solid #c2c2c2;border-right: 0px solid #c2c2c2;}

.analysis-content{padding: 20px;font-size: 14px;}
.analysis-content ul{padding-left: 10px;margin-bottom: 30px;}
.analysis-content ul li {padding-left: 22px;line-height:1.5; overflow: hidden;font-size:14px;color: #777;position: relative;padding-bottom: 15px;}
.analysis-content ul li:last-child{padding-bottom: 0px;}
.analysis-content ul li:last-child:after{border-bottom:0;margin-top: 0;}
.analysis-content ul li em {display:inline-block;width:14px;height:14px;border-radius:7px;font-size: 0;margin-right: 6px;position: absolute;left: 0;top: 4px;}
.analysis-content ul li em.circle-green{background-color: #0ead51;}
.analysis-content ul li em.circle-red{background-color: #e96163;}
.analysis-content ul li em.circle-yellow{background-color: #f90;}

[dir=rtl] .analysis-content ul li{padding-left: 0;padding-right: 22px;}
[dir=rtl] .analysis-content ul li em{left: auto;right: 0;margin-left: 6px;margin-right: 0;}


/*图片搜索同款*/
.search-by-img-list{padding-top: 20px;display: block;}
.items{padding-top: 20px;}
.items-ul{display: flex;margin:0 -10px;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;}
.items li{position: relative;width:20%;max-width: 20%;flex: 0 0 20%;padding:0 10px;margin-bottom: 20px;}
.items li .item{position:relative;width:100%;height:100%;background: #fff; overflow:hidden;transition: all .2s ease-in-out;border-radius: 5px;}

.items .item-pic{width:100%;height: 224px;overflow: hidden;background: #fff;}
.items .img-link{display: block;height: 100%; position:relative;z-index: 99;}

.items .img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 5px 5px 0 0;}
.items .item-num{min-width: 24px;height: 24px;line-height: 24px; padding: 0 3px;text-align: center; position: absolute;top: 5px;left: 5px;background: rgba(255,255,255,.97);box-shadow:0px 0px 5px rgba(0, 0, 0, .1); color: #666;font-size: 13px;display: block;border-radius:24px;z-index: 99;}
.items .item-info{padding: 10px;border-radius: 0 0 6px 6px;position: relative;z-index: 99;}
.items .item-price{margin-bottom: 10px;font-size: 16px;height: 18px; line-height: 18px;color: #ff7318;font-weight: bold;}
.items .item-title{color: #666;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; min-height: 18px;line-height: 18px; margin-bottom:10px;transition: all .2s ease-in-out;font-size: 13px;}
.items .item-title:hover{color: #fd6802;}
.items .rating-orders{display: flex!important;display: -ms-flexbox!important;-ms-flex-pack: justify!important;justify-content: space-between!important;align-items: center;line-height: 1;margin-bottom: 10px;height: 20px;line-height: 20px;overflow: hidden;}
.items .rating{display: flex;align-items: center;color: #999;font-size: 13px;}
.items .icon-star-fill{color: #ff7318;margin: 0 5px;font-size: 13px;}
.items .orders{color: #999;font-size: 13px;white-space: nowrap;flex-shrink: 0;}
.items .website-info{display: flex;align-items: center;margin-top: 10px;gap: 5px;}
.items .store{overflow: hidden;display: flex;align-items: center;gap: 5px;}
.items .website{color: #999;font-size: 13px;transition: all .2s ease-in-out;display: inline-flex;align-items: center;gap: 5px;}
.items .website-info>.store>.website{flex-shrink: 0;}
.items .icon-website-logo{width: 20px;height: 20px;display: inline-block;}
.items .website span{display: inline-block;white-space: nowrap;}
.items .website:hover{color: #fd6802;text-decoration:none;}
.items .store-name{color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .2s ease-in-out;font-size: 13px;display: inline-block;}
.items .store-name:hover{text-decoration:none;color: #ff7318;}
.items .sold{font-size: 13px;color: #999;}
.items .city{font-size: 13px;color: #999;}
.items .btn-adds{position: absolute;top: 8px;right: 8px;opacity: 0;z-index: 99;}
.items .btn-adds.active,
.items li:hover .btn-adds{opacity: 1;}
.items .btn-adds.active .icon-search{display: none;}
.items li:hover .btn-adds.active .icon-search{display: block;}
.items .btn-adds .ap-icon{width: 32px;height: 32px;text-align: center; line-height: 32px;border-radius:32px; display: block;float: left;margin-left: 5px;background: rgba(0,0,0,.4);font-size:18px;color: #fff;transition: all .2s ease-in-out;}
.items .btn-adds .ap-icon.active{background:#fd860e;}
.items .btn-adds .ap-icon:hover{background: rgba(0,0,0,.55);}
.items .btn-adds .ap-icon.active:hover{background:#fd860e;}
.items .item-same{position: absolute;top: 184px;right: 8px;z-index: 99; width: 32px;height: 32px;text-align: center; line-height: 32px;border-radius:32px; display: block;background: rgba(255,255,255,.9);font-size:18px;color: #777;transition: all .2s ease-in-out;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);}
.items .item-same.active{background:#04c446;}
.items .item-same.active .icon-same{color: #fff;}
.items .item-same.active:hover{background:#0ead51;}
.items .item-same.active:hover .icon-same{color: #fff;}
.items .item-same .icon-same{font-size:18px;color: #777;}
.items .item-same:hover{background: rgba(255,255,255,1);}
.items .item-same:hover .icon-same{color: #ff7138;}

[dir=rtl] .items .icon-website-logo{margin-right:0px;margin-left: 5px;}


/*图片搜索列表广告图*/
.card-extension-pic{width:100%;overflow: hidden;background: #fff;}
.card-extension-img-link{display: block;height: 100%; position:relative;z-index: 99;}
.card-extension-img-link img{width:100%; height: 100%;border-radius: 5px;}
.card-extension-info{}
.card-extension-title{font-size: 14px;color: #666;font-weight: 600;line-height: 18px;text-align: center;padding: 15px 15px 10px 15px;}
.card-extension-btn-wrap{padding: 5px 15px 15px 15px;}
.card-extension-btn-wrap .btn{font-size: 14px;display: flex;align-items: center;justify-content: center;height: 34px;}
.card-extension-btn-wrap .btn-green{background-color: #04c446;color: #fff;}
.card-extension-btn-wrap .btn i{font-size: 18px;margin: 0 5px;}
.card-extension-btn-wrap .btn .text{font-size: 14px;max-width: 0 5px;}


.custom-control-label__website-icon{width: 20px;height: 20px;margin-right:8px;}
[dir=rtl] .custom-control-label__website-icon{width: 20px;height: 20px;margin-right:0px;margin-left: 8px;}

.recently-list{display: block;}
.recently-list .items-ul{margin: 0 -10px;}
.recently-list li{flex:0 0 20%;width: 20%;max-width: 20%; height: 339px;padding: 0 10px;margin-bottom: 20px;}
.recently-list li .item{min-height:339px;background-color:#fff;}
.recently-list li:hover .item{min-height:339px;}
.recently-list.image-search li{height: 224px;}
.recently-list.image-search li .item{height: 224px;min-height: 224px;}
.recently-list.image-search li:hover .item{min-height: 224px;}
.recently-list.image-search .items .img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 5px;opacity:1;}
.recently-list.image-search .items .img-link:before{border-width: 1px;border-style: solid;border-color: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';border-bottom:solid 1px rgba(0,0,0,.1);border-radius: 5px;}
.recently-list .items .item:hover .img-link:before{border-color: #fd6802;}
.recently-list .items .item-info{min-height: 115px;}

.recently-list .items .btn-adds{left: 1px;}
.recently-list .items .btn-adds .ap-icon:last-child {border-radius:100rem;}
.recently-list .items .btn-delete{position: absolute;top: 1px;right: 1px;opacity: 0;width: 20px;height: 20px;background: rgba(0,0,0,.3);text-align: center;line-height: 20px; display: block;border-radius: 0px 5px 0 3px;}
.recently-list .items li:hover .btn-delete{opacity: 1;}
.recently-list .items .btn-delete .ap-icon{font-size: 10px;color: #fff;}
.recently-list .items .btn-delete:hover{background: rgba(253,104,2,1);color: #fff;}





[dir=rtl] .recently-list .items .btn-delete{right: auto;left: 1px;border-radius: 5px 0px 0 0px;}
[dir=rtl] .recently-list .items .btn-adds{left: auto;right: 0px;}
[dir=rtl] .recently-list .items .btn-adds .ap-icon:last-child {border-radius: 0px 5px 0px 5px;}
[dir=rtl] .recently-list .website-info .store-name{padding-left: 0px;padding-right: 15px;}
[dir=rtl] .recently-list .website-info .store-name:before{left: auto;right: 0;}

.recently-list li.recently-time{width:100%!important;max-width: 100%;flex: 0 0 100%!important;height: 23px;display: block;margin: 20px 0 40px 0; position: relative;}
.recently-list li.recently-time:after{content: '';width: 100%; height: 1px;background: #c9ccce;position: absolute;top: 18px;right: 0;display: block;font-size: 0;z-index: 9;}
.recently-list li.recently-time .recently-time-content{background:#eef1f6;display:flex;align-items: baseline; padding:0 20px 0 8px;position: absolute;left:0;z-index: 10;}
.recently-list li.recently-time .icon-clock{background: url(../img/clock.png) no-repeat;width: 24px;height: 23px;display: inline-block;}
.recently-list li.recently-time .timer{font-size: 18px;height: 18px; font-weight: bold;color:#777;line-height: 18px;margin:7px 15px 0 15px;}
.recently-list li.recently-time .option-delete{font-size: 14px;height: 14px; color: #999;line-height: 14px;text-decoration: none;margin-top:11px;}

[dir=rtl] .recently-list li.recently-time .recently-time-content{padding:0 8px 0 20px;left:auto;right: 0;}


/*.popup-guide-mask{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);z-index:9999;}
.popup-guide-content {position: relative;width:620px; min-height: 200px;margin:120px auto 0 auto;background: #fff;border-radius: 3px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}*/
.modal-guide-dialog{width:620px;max-width: 620px;}
.modal-guide-dialog .index-guide{padding: 30px;}
.modal-guide-dialog .index-guide .guide-step-wrap{display: block;overflow: hidden;}
.modal-guide-dialog .index-guide .guide-step-wrap .step:first-child{width:100%;margin-bottom: 30px;}
.modal-guide-dialog .index-guide .guide-step-wrap .step-t{margin-bottom: 10px;font-size: 14px;line-height: 22px;color: #666;}
.modal-guide-dialog .index-guide .guide-step-wrap .step-t i{width: 22px;height: 22px;background: #fd6802;display: inline-block;text-align: center;line-height: 22px; border-radius: 11px;color: #fff;}
.modal-guide-dialog .index-guide .guide-step-wrap .step-t span{font-size: 14px;margin:0 10px;}




/*分页*/
.page-bar {display: block;text-align: center;}
.page-bar .e-page {border:#ddd 1px solid;height: 32px;font-size: 12px; padding:0px 10px;display: inline-flex;align-items: center; margin:2px;background: #fff;border-radius: 3px;}
.page-bar .e-page:hover {border:#ddd 1px solid; color: #666; background:#f2f2f2;text-decoration: none;}
.page-bar .e-page.next-page{}
.page-bar .page-current{background:#f2f2f2; color:#666;border:#ddd 1px solid;}
.page-bar .text-muted{height: 32px; padding:0px 12px;display: inline-flex;align-items: center; margin:0 2px;}
.page-bar .form-select{height: 32px;}
.page-bar .form-control{width: auto;height: 32px;border-color: #ddd;margin:2px;border-radius: 3px;}
.page-bar .btn{height: 32px;border-color: #ddd;color:#666;display: inline-flex;align-items: center;}
/*分页 --END*/

[dir=rtl] .page-bar i{transform: rotate(180deg);}


.imgsearch-banner-bg{padding-top: 20px;}
.imgsearch-banner-box{min-height: 100px;display: flex;align-items: flex-start;background-color: #fff;border-radius: 5px;}
.imgsearch-left{width: 160px;height: 100%;flex-shrink: 0;padding:20px 0 20px 20px;}
.imgsearch-left img{max-width: 140px;width: 100%;border-radius: 3px;}
.imgsearch-cat{width:100%;padding: 20px 15px 10px 15px;}
.imgsearch-cat-ul{display: flex;flex-wrap: wrap;}
.imgsearch-cat-ul li{display: inline-flex; display: -moz-inline-box;display: -ms-inline-flexbox;margin: 0 5px 10px 5px;}
.imgsearch-cat-ul li a{display:inline-flex; display: -moz-inline-box;display: -ms-inline-flexbox; height: 33px;line-height: 31px; padding: 0 18px;background:#eef1f6;border: solid 1px rgba(255,255,255,0);color: #666;font-size: 13px;border-radius: 3px;}
.imgsearch-cat-ul li a.disabled{background:#eef1f6;border: solid 1px rgba(255,255,255,0);color: #666;cursor:not-allowed;opacity: .7;}
.imgsearch-cat-ul li a.disabled:hover{background:#eef1f6;border: solid 1px rgba(255,255,255,0);color: #666;cursor:not-allowed;opacity: .7;}
.imgsearch-cat-ul li.current a.disabled,
.imgsearch-cat-ul li.current a.disabled:hover{background:rgba(255,255,255,1);color: #ff7318;border: solid 1px #ff7318;cursor:default;opacity: 1;}
.imgsearch-cat-ul li a:hover,
.imgsearch-cat-ul li.current a{background:rgba(255,255,255,1);color: #ff7318;border: solid 1px #ff7318;}
.imgsearch-cat-ul li a span{vertical-align: middle;display:inline-block;}

[dir=rtl] .imgsearch-left{padding:20px 20px 20px 0px;}




.modify-wrap{padding:50px 0;}
.modify-container{width: 400px;margin: 0 auto;}
.modify-pw{background: #fff;width: 100%;min-height:360px;padding: 30px 50px;border-radius: 10px;}
.modify-pw .m-title{padding:10px 0 40px 0;text-align: center;}
.modify-pw .m-title h5{font-size: 18px; color: #666;}
.modify-pw .pw-form{margin: 0 auto;width:100%;}
.modify-pw .pw-form li{display: block;margin-bottom:1rem;position: relative;}
.modify-pw .pw-form .pw-input{width: 100%;height: 48px;font-size: 14px;}
.modify-pw .pw-form .int-tip{display: inline-block;position: absolute;right: -30px;top: 10px;}
.modify-pw .pw-form .btn-primary{width:100%;height: 50px;line-height: 50px; padding: 0;font-size: 16px;font-weight: 600;}
.modify-pw .message .button{margin-top: 30px;}
.modify-pw .btn-relogin{min-width: 200px;height: 40px;padding: 0 20px;line-height: 38px;}


/* .alert-danger {color: #fd6802;background-color: #fceee8;border-color: #f6c8b5;}
.alert-danger .ap-icon{font-size: 14px;}
.alert-danger hr {border-top-color: #f6c8b5;}
.alert-danger .alert-link {color: #f26202;} */




[dir=rtl] .form-control.is-valid, 
[dir=rtl] .was-validated .form-control:valid{padding-left: calc(1.5em + .75rem);padding-right: .75rem;background-position: left calc(.375em + .1875rem) center;}
[dir=rtl] .modify-pw .pw-form .imgcode .form-control.is-invalid, 
[dir=rtl] .modify-pw .pw-form .imgcode .was-validated .form-control:invalid {padding-left: 125px;padding-right: .75rem;background-position: left calc(100px + .1875rem) center;}


.about-box{display: -webkit-box;display:box;}
.about-left{background: #fff;width: 220px;}
.about-right{width:100%;padding-left: 10px; -webkit-box-flex: 1;box-flex: 1;}

[dir=rtl] .about-right{padding-left: 0;padding-right: 10px;}
[dir=rtl] .about-content-layout{border-left: solid 0px #e5e5e5;border-right: solid 1px #e5e5e5;}
[dir=rtl] .about-nav li{padding-left: 0px;padding-right: 20px;}
[dir=rtl] .about-nav li.current{border-left: solid 0px #fd6802;border-right: solid 2px #fd6802;}

.about-left-title{height: 80px; text-align: center;}
.about-left-title h5{font-size: 24px;line-height: 80px;color: #666;}

.about-nav li{line-height:1.3;padding-left: 20px;display: flex;flex-direction: column;}
.about-nav li a{display: block; font-size: 14px;color: #666;display: flex;padding: 1rem .25rem 1rem 0;}
.about-nav li.current{border-left: solid 2px #fd6802;background: #fff7f2;}
.about-nav li.current a{color: #fd6802;}
.about-nav li a:hover{color: #fd6802;}

.about-content-layout{background: #fff;border-left: solid 1px #e5e5e5;min-height: 500px;padding: 60px;}
.about-content-layout .about-title{font-size: 18px;font-weight: bold;color: #fd6802;margin-bottom: 35px;}
.about-content-layout .content{font-size: 14px;color: #666;}
.about-content-layout .content h3{font-size: 18px;font-weight: 600;margin-bottom: 15px;color: #333;}
.about-content-layout .content h5{font-size: 16px;line-height: 1.5;margin-bottom:5px;color: #666;font-weight: 600;}
.about-content-layout .content p{font-size: 14px;line-height: 1.8;margin-bottom:20px;color: #666;}
.about-content-layout .content p a{color: #fd6802;}
.about-content-layout .content p a:hover{text-decoration: underline;}
.about-content-layout .content .toolh4 a{color: #fd6802;}
.about-content-layout .content .toolh4 a:hover{text-decoration: underline;}
.about-content-layout .content ol{margin:10px 0px 10px 30px;}
.about-content-layout .content .mail-input{font-size: 14px;width: 280px; height: 40px;border-radius: 3px;padding:0 10px;}
.about-content-layout .content .btn-submit{min-width: 160px; color: #fff;text-decoration: none;font-weight: bold;}
.about-content-layout .content .btn-submit:hover{color: #fff;text-decoration: none;}
.about-content-layout .content .thk-icon{font-size: 70px;}
.about-content-layout .content .thk-title{font-size: 40px;font-weight: lighter;line-height: 1em;}
.about-content-layout .content .thk-desc{font-size: 16px;font-weight: lighter;}

/*帮助视频列表*/
.video-wrap-title{font-size: 18px;font-weight: bold;color: #fd6802;margin-bottom: 24px;}
.videos li{padding: 0 12px;}
.video-item{margin-bottom: 20px;}
.video-img{position: relative;display: block;width: 212px; height: 120px;overflow: hidden;}
.video-img img{width: 100%; height: 100%;object-fit: cover;transition-duration: .2s;transition: all .2s ease-in-out;}
.video-img:hover img{transform: scale(1.1);}
.video-img .icon-youtube-play{position: absolute; bottom: 0px;line-height: 1;right: 6px;font-size: 30px;color: #e4393c;text-shadow: 0 0 5px rgb(255 255 255 / 50%);}
.video-title h6{font-size: 14px;color: #666; margin-top: 10px;}
.video-title:hover h6{color: #0066bf;}

.form-group__contact-upload-picture{margin-bottom: 30px;}
.contact-upload-picture{display: flex;align-items:center;}
.contact-upload-picture-item{width: 80px;height: 80px;border: solid 1px #ced4da;margin-right: 10px; border-radius: 5px;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
.contact-upload-picture-item img{width: 100%;height: 100%;object-fit: cover;}
.contact-upload-picture-item .delete{background-color: rgba(0, 0, 0, .5);color: #fff;font-size: 12px;padding: 3px;position: absolute;top: 0;right: 0;line-height: 1;cursor: pointer;}
.contact-upload-picture-item .delete:hover{background-color:rgba(0, 0, 0, .8) ;}
.contact-upload-picture-item .delete .icon-close{font-size: 12px;}
.contact-upload-picture-item .form-control-file{width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.contact-upload-picture-item.upload-picture{position: relative;cursor: pointer;}
.contact-upload-picture-item.upload-picture::before{position: absolute;width: 3px;height: 30px;background-color: #ccc;font-size: 0;content: "";display:block;left:calc(50% - 1.5px);top:calc(50% - 15px);}
.contact-upload-picture-item.upload-picture::after{position: absolute;width: 30px;height: 3px;background-color: #ccc;font-size: 0;content: "";display:block;left:calc(50% - 15px);top:calc(50% - 1.5px);}
.upload-tip{font-size: 13px;}

ul.about-list-item-circle{display:block;list-style-type: disc;padding-left: 30px;}
ul.about-list-item-circle li{display: list-item;line-height: 1.75;}


.ucenter-box{background:#fff;display: -webkit-box;display:box;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.ucenter-left{width: 220px;background:#edf3fc;border-right: solid 1px #e5e5e5;}
.ucenter-right{width:100%;min-height: 500px; background: #fff;-webkit-box-flex: 1;box-flex: 1;}


.user-info{text-align: center;padding: 40px 0 30px 0;}
.user-info .user-head{margin-bottom: 20px;}
.user-info .user-avatar{margin:0 auto 20px;width: 90px;height: 90px;border: solid 5px #fff;box-shadow: 0 1px 5px rgba(0,0,0,.15);overflow: hidden;border-radius: 50px;}
.user-info .user-avatar img{width: 100%;height:100%;object-fit: cover;}
.user-info .user-name{font-size: 16px;color: #666;margin-bottom: 20px;}

.ucenter-nav{width: 100%;margin-right: -1px;margin-bottom: 30px;}
.ucenter-nav li{width:100%;height: 50px; line-height: 50px;padding-left: 20px;}
.ucenter-nav li a{display: block; font-size: 14px;color: #666;position: relative;}
.ucenter-nav li.current{border-left: solid 2px #fd860e;height:48px; line-height:48px;background: #fff;width:calc(100% + 1px); margin-right: -1px;border-top:solid 1px #dce6f2;border-bottom:solid 1px #dce6f2;position: relative;z-index: 99;}
.ucenter-nav li.current a{color: #ff7318;}
.ucenter-nav li a:hover{color: #ff7318;}
.ucenter-nav li a i{position:absolute;right: 20px;top:18px;}


[dir=rtl] .ucenter-left{border-left: solid 1px #e5e5e5;border-right: none;}
[dir=rtl] .ucenter-nav{width: 100%;margin-right: 0px;margin-left: -1px;}
[dir=rtl] .ucenter-nav li{padding-left: 0px;padding-right: 20px;}
[dir=rtl] .ucenter-nav li.current{border-left:none;border-right: solid 2px #ff860e;margin-right: 0px;margin-left: -1px;}

.ucenter-con{padding: 30px;color: #666;font-size: 14px;}
.ucenter-title{border-bottom: solid 1px #e5e5e5;padding-bottom: 12px;white-space: nowrap;display: flex;justify-content: space-between;align-items: center;}
.ucenter-title h5{font-size: 20px;line-height: 50px;}


.ucenter-form{padding-top: 30px;overflow: hidden;}
.ucenter-form li{margin-bottom: 20px; width: 100%; display:flex;align-items: stretch;}
.ucenter-form .form-l{width: 210px; display:block;flex-shrink: 0; text-align: right;color: #666;}
.ucenter-form .form-r{width: 100%; display:block; padding:0px 20px;}
.ucenter-form input.w360{width: 360px;}
.ucenter-form .form-control{font-size: 14px;padding: 0px 10px; display: inline-block;}
.ucenter-form .select-country{width:360px;height: 35px!important;font-size: 14px; display: inline-block;padding:0 30px 0 5px;color: #777;background: url(../img/arrow-down.png) no-repeat 340px center;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.form-error-tips{padding-top: 10px;}


.ucenter-form .avatar img{width: 100px;height: 100px;border: solid 1px #ddd;border-radius: 3px;}
.ucenter-form p{color: #999;font-size: 12px;display: inline-block;padding: 5px 15px;}
.ucenter-form .btn-select-img{font-size: 14px;background: #fafafa;}
.ucenter-form .btn-confirm{padding: 10px 30px;color: #fff!important;}

/*充值*/
.add-money .row>*{margin-top: var(--bs-gutter-y);}
.add-money .btn-outline-light{color: #666;}
.add-money .btn-outline-light.active{border:solid 2px #ff7318!important;color: #666!important;}
.form-check-label-brand{height: 40px;}
.form-check-label-brand .brand-img{max-height:100%; max-width: 100%;height: 100%;width: auto;}
.payment-method .list-group-item{padding: 1rem 1.25rem;}

.form-check .form-check-input { float: left;}
.form-check-input[type=radio] { border-radius: 50%; }
.form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 2px solid rgba(0,0,0,.2); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; }
.form-check-input:active { filter: brightness(90%); }
.form-check-input:focus { border-color: #ff8f46; outline: 0; }
.form-check-input:checked { background-color: #ff7318; border-color: #ff7318; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.form-check-input[type=checkbox]:indeterminate { background-color: #ff7318; border-color: #ff7318; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; }
.add-money .price{font-weight: 600;height: 32px;line-height: 32px;}
.add-money .coin-value{display: flex;align-items:center;gap: 8px;color: #999;font-size: 14px;}
.add-money .custom-form-control{font-size: 14px;font-weight: 600;border: none;background-color: #f5f5f5;text-align: center;padding: 0 16px;height: 32px;}
/*充值 --END*/


.feedback-img-row .feedback-img{width:70px;height:70px;text-align: center;display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;}
.feedback-img-row .feedback-img .s-img{width: 66px;height: 66px;padding: 1px;border: solid 1px #e5e5e5;display: block;}
.feedback-img-row .feedback-img .s-img img{max-width: 66px;max-height: 66px;}
.feedback-img-row .feedback-img .b-img{display:none;padding:3px;border: solid 1px #e5e5e5;background: #fff;border-radius: 3px;}
.feedback-img-row .feedback-img:hover .b-img{display: block;position: absolute;top:69px;left:-460px;}
.feedback-img-row .btn-upload{border-radius: 3px;background: #f4f4f4;border: solid 1px #ddd;color: #777;display:inline-block;padding:8px 25px;font-size: 14px;line-height: 18px;text-align: center;}
.feedback-img-row .btn-upload:hover{background: #f2f2f2;border: solid 1px #ccc;color: #666;}


.collect-sort{padding: 20px 0;display: flex;border-bottom: solid 1px #e5e5e5;align-items: center;}
.collect-sort .tab{margin-right: 25px;display: inline-block;vertical-align: middle;cursor: pointer;color: #777;position: relative;}
.collect-sort .tab.active{color: #fd6802;font-weight: bold;}
.collect-sort .tab:last-child{margin-right: 0;}
.collect-sort .tab:hover{text-decoration: none;}
.collect-sort .green-dot{width: 6px;height: 6px;border-radius: 50%; display: block;font-size: 0;position: absolute;right: -8px;top: 0px;background: #0ead51;}
.collect-sort .red-dot{width: 6px;height: 6px;border-radius: 50%; display: block;font-size: 0;position: absolute;right: -8px;top: 0px;background: #e4393c;}

[dir=rtl] .collect-sort .green-dot{left: -8px;right:auto;top: 0px;}
[dir=rtl] .collect-sort .red-dot{left: -8px;right:auto;top: 0px;}

.collection-ul{overflow:visible;font-size: 13px;}
.collection-li{padding: 15px 0; width: 100%; display:flex;border-bottom: solid 1px #e5e5e5;}
.collection-item{width: 100%; display:flex;align-items: stretch;position: relative;}
.collection-item .green-dot{width: 6px;height: 6px;border-radius: 50%; display: block;font-size: 0;position: absolute;left: -14px;top: 47px;background: #0ead51;}
.collection-item .red-dot{width: 6px;height: 6px;border-radius: 50%; display: block;font-size: 0;position: absolute;left: -14px;top: 47px;background: #e4393c;}
.collection-img{width: 100px;height: 100px;flex-shrink: 0;overflow: hidden;border-radius: 3px;position: relative;}
.collection-img a{display: block;}
.collection-img img{width: 100%;height: 100%;object-fit: cover;}
.collection-info{padding:0 20px;width: 400px;overflow: hidden;}
.collection-info .product-title{margin-bottom: 10px;display: inline-block;}
.collection-info .website-info{display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;}
.collection-info .store{display: flex;align-items: center;text-overflow: ellipsis;}
.collection-info .store .website{display: flex;align-items: center;color: #999;font-size: 13px;}
.collection-info .store .icon-website-logo{width:20px;margin-right:6px;}
.collection-info .store .website:hover{color: #fd6802;text-decoration:none;}
.collection-info .store .store-name{color: #999;margin-left: 5px;margin-right: 5px;position: relative;padding-left: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.collection-info .store .store-name:before{content: "•";position: absolute;left: 0;top: 0px;color: #999;display: block;width: 10px;text-align: center;}
.collection-info .store .store-name:hover{text-decoration:none;color: #fd6802;}
.collection-info .add-time{display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.collection-info .add-time .text{font-size: 13px;color: #999;}

.collection-price{padding: 0 10px;width: 320px;flex-shrink: 0;}
.collection-price .price{margin-bottom: 10px;line-height: 18px;font-size: 14px;font-weight: 600;display: flex;align-items: center;}
.collection-price .price .current-price{display: flex;align-items: center;}
.collection-price .price .value{font-size: 14px;font-weight: 600;color: #333;}
.collection-price .price .icon-bell,
.collection-price .price .icon-bell-fill,
.collection-price .price .icon-bell-off-fill{font-size: 14px;margin: 0 8px;}
.collection-price .price .icon-bell-off-fill{color: #999;}
.collection-price .price-drop{color: #0abb40;}
.collection-price .price-drop .arrow-down{width: 18px;height: 18px;text-align: center;background: rgba(10,187,64,.1);display: inline-block;margin-right: 5px;border-radius: 3px;}
.collection-price .price-drop .icon-arrow-down{color: inherit;font-size: 12px;transform:scale(0.8);display: block;font-weight: 400;}
.collection-price .price-drop .value{font-size: 14px;color:inherit;}
.collection-price .price.text-orange{color: #fd6802;}
.collection-price .price.text-orange .value{font-size: 14px;font-weight: 600;color: #fd6802;}
.collection-price .price-up{color: #fd6802;}
.collection-price .price-up .arrow-up{width: 18px;height: 18px;text-align: center;background: rgba(253,104,2,.1);display: inline-block;margin-right: 5px;border-radius: 3px;}
.collection-price .price-up .icon-arrow-up{color: inherit;font-size: 12px;transform:scale(0.8);display: block;font-weight: 400;}
.collection-price .price-up .value{font-size:14px;color:inherit;}
.collection-price .original-price{font-size: 13px; color: #999;margin-bottom: 10px;line-height: 1.3;display: flex;align-items:baseline;}
.collection-price .original-price .value{font-size: inherit;color:inherit;font-weight: 600}
.collection-price .app-price{height: 20px;line-height: 20px;color: #7b8a9f;padding: 0 2px;background: #eef1f6;border-radius: 3px;display: inline-block;margin-bottom: 10px;}
.collection-price .app-price .icon-phone{font-size: 16px;}
.collection-price .app-price .value{font-size: 13px;margin:0 3px;color:inherit;font-weight: 400;}

.collection-price .orders-rating{line-height: 1;}
.collection-price .rating{font-size: 13px;font-weight: normal;margin: 0 5px 0 0;}
.collection-price .rating .value{color: #999;font-weight: normal;font-size: 13px;}
.collection-price .rating .icon-star-fill{color: #fd6802;margin: 0 0px 0 5px;font-size: 12px;}
.collection-price .orders{color: #999;font-size: 12px;}
.collection-price .update-time{display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.collection-price .update-time .text{font-size: 13px;color: #999;}

.tooltip p{margin-bottom: 0;}

[dir=rtl] .collection-item .green-dot{right: -14px;top: 47px;left: auto;}
[dir=rtl] .collection-price .price-drop .arrow-down{margin-right: 0px;margin-left: 5px;}
[dir=rtl] .collection-price .price-up .arrow-up{margin-right: 0px;margin-left: 5px;}
[dir=rtl] .collection-price .rating{margin: 0 0 0 10px;}
[dir=rtl] .collection-price .rating .icon-star-fill{margin: 0 0 0 5px;}

.collection-li .item-option{text-align: right;width:auto;flex-grow: 1;display: flex;flex-direction: column;}
.collection-li .item-option .remove{color: #06c;}
.collection-li .item-option .update{justify-content: end;color: #06c;}
.collection-li .item-option .update:hover .ap-icon{text-decoration: none;}

.collection-img .expired-badge{position: absolute;top: 50%;left:50%;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #fff;background-color: rgba(0,0,0,.5);border-radius: 100rem;padding: 0 10px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 9;white-space: nowrap;}
.collection-item.expired .collection-img img,
.collection-item.expired .collection-info,
.collection-item.expired .collection-price{opacity: .5;}

[dir=rtl] .collect-sort a{margin-right: 0px;margin-left: 25px;}
[dir=rtl] .collection-li .collection-info .price-up .icon-price-up{margin-right: 0px;margin-left: 5px;}
[dir=rtl] .collection-li .collection-info .price .original-price{margin-left:0px;margin-right: 10px;}
[dir=rtl] .collection-li .collection-info .price .app-price{margin-left: 0px;margin-right: 10px;}
[dir=rtl] .collection-info .store .icon-website-logo{margin-right:0;margin-left: 6px;}
[dir=rtl] .collection-info .store .store-name{padding-left: 0;padding-right: 15px;}
[dir=rtl] .collection-info .store .store-name:before{left: auto;right: 0; top: 0px;}
[dir=rtl] .collection-li .item-option{text-align: left;}


.tip-grey{margin: 5px 0; display: block;line-height: 1.5;vertical-align: middle;}
.icon-note-i{width: 12px;height: 12px;display: inline-block;background: url(../img/icon-hp.png) no-repeat;line-height: 12px;margin: 0px 5px 0 0px;align-self: center;-wekit-align-self: center;-moz-align-self: center;}


.products-list{padding:60px 0px 50px 0px; display: block; clear: both; overflow: hidden;}
.products-list .item-pic img{max-width: 258px; max-height: 258px;height: 258px; vertical-align: middle;}

.list-main-wrap{background: #efefef;width: 1200px;padding: 15px; margin: 0 auto;border-radius: 5px;}

.products-list .sort{background: #fff;margin-bottom: 16px;font:500 14px/30px "Microsoft YaHei"; height: 50px;}
.products-list .sort dl{padding: 15px; line-height: 20px; height: 20px;float: left;}
.products-list .sort dd{ float: left; margin-right: 10px;}
.products-list .sort dd a{ padding:0px 20px 0px 10px; border-right: solid 1px #eee; display:inline-block; color: #333;}
.products-list .sort dd span{float: left;}
.products-list .sort dd .on{ color: #e4393c; font-weight: bold;}
.products-list .sort dd i{background: url(../img/arrow.png) no-repeat;width: 8px; height: 4px; font-size: 0px; display:inline-block;float:left;margin:10px 0px 0px 8px;}
.products-list .sort dd .arrow-down{background-position:0px 0px;}
.products-list .sort dd .arrow-up{background-position: 0px -56px;}
.products-list .sort dd .arrow-up-selected{background-position: 0px -156px;}
.products-list .sort dd .arrow-down-selected{background-position: 0px -106px;}
.products-list .sort .t-tabs{float: right;}
.products-list .sort .t-tabs a{font-size: 18px; color: #777;padding: 0 30px;height: 50px; line-height: 50px;display: inline-block;}
.products-list .sort .t-tabs a.current{color:#ff4f69;line-height: 50px;height: 48px; border-bottom: 2px solid #ff4f69;}


.products-list .products-box{background: #efefef; width: 1216px; clear: both; display: block;}
.products-list li{position: relative;width:288px;height: 474px; float: left; margin-right: 16px; margin-bottom: 16px;display: inline-block;}
.products-list .item{width: 258px; height: 444px; background: #fff;padding: 15px;  display:block; clear: both; overflow: hidden;}
.products-list li:hover .item{position:absolute;height:auto; z-index: 999; margin-left: -1px; margin-top: -1px; border: solid 1px #ddd; padding: 15px;box-shadow: 0px 0px 5px #ccc;}
.products-list .item-pic{width:258px; height: 258px; position: relative;background: #f2f2f2; text-align: center;}
.products-list .item-pic img{max-width: 258px; max-height: 258px; }
.products-list .item-pic .apply-people{ height: 46px; position: absolute; bottom: 0px; left: 0px; background-color: rgba(255 ,255 ,255 ,0.8); text-align: center;padding: 5px 10px 0px 10px;}
.products-list .item-pic .apply-people b{ color: #e4393c; font:700 18px/20px "Microsoft YaHei";}
.products-list .item-pic .timer{background-color: rgba(233 ,85 ,26 ,0.8); color: #fff; position: absolute; height: 20px;width: 90px; padding: 0px 10px; bottom: 0px; right: 0px;font:300 14px/20px "Microsoft YaHei";text-align: left;}
.products-list .item-title{ font-size: 14px; height: 38px; overflow: hidden; line-height: 18px; margin-top: 10px;}
.products-list .item-title a{color: #333;}
.products-list .item-title a:hover{color: #f30; text-decoration: none;}
.products-list .item-price{margin-top: 10px;font-size: 18px;}
.products-list .item-price i{font-weight:100; color: #666; font-style: normal;}
.products-list .item-price .red{color: #333;}
.products-list .item-price .black{color: #ff4f69;display:block;margin: 10px 0;}
.products-list .item-price em{font-size: 14px;line-height: 16px; background:#ff4f69;display: inline-block;color: #fff;padding: 1px 6px;border-radius: 3px;}
.products-list .item-pieces{ font-size: 14px; margin-top: 5px;}
.products-list .item-pieces .red{color: #ff4f69;}
.products-list .store{margin-top: 10px;margin-bottom: 5px; color: #0066bf; line-height: 14px;}
.products-list .store a{color: #0066bf; margin-right: 10px;}
.products-list .store a:hover{ color: #f30; text-decoration: none;}
.products-list li:hover .item-title{overflow:visible; height: auto;}




.upgrading{background: #fff;text-align: center;padding: 50px;border-radius: 6px;}
.upgrading .upgrade-img{margin:0 auto;}
.upgrading .upgrade-title{font-size: 40px;font-weight: 100;color: #a7a7a7;margin-top: 30px;}
.upgrading .upgrade-btn{margin-top: 30px;}
.upgrading .upgrade-btn .btn{min-width: 160px;margin: 0 5px;}




.advertise img{border-radius: 5px;}

/*右侧推荐产品*/
.recommend{background: #fff;margin-bottom: 20px;border-radius: 5px;overflow: hidden;}
.recommend .title{display: block;}
.recommend .title .title-h3{font-size: 14px;line-height: 50px; font-weight: bold;padding:0 20px; color: #666;display: block;}
.recommend-items{padding: 0 20px;display:flex;margin: 0 -10px;flex-wrap: wrap;}
.recommend-item{margin-bottom: 20px;flex: 0 0 50%;max-width: 50%;-ms-flex: 0 0 50%; height:100%;background: #fff; overflow:hidden;transition: all .2s ease-in-out;padding: 0 10px;}
.recommend-items .item-pic{width:100%;height: 120px;overflow: hidden;background: #fff;}
.recommend-items .img-link{display: block;}
.recommend-items .img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 3px;}
.recommend-items .item-info{transition: all 0.08s ease-in-out;overflow: hidden;padding-top: 10px;}
.recommend-items .item-title{color: #666;display:block;overflow: hidden;line-height: 1.1; margin-bottom:10px;transition: all .2s ease-in-out;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;}
.recommend-items .item-title:hover{color: #fd6802;}
.recommend-items .item-price{margin-bottom: 10px;font-size: 14px;line-height: 1.1;color: #666;font-weight: bold;}
.recommend-items .website-info{display: flex;align-items: center;margin-top: 10px;}
.recommend-items .website{color: #999;font-size: 12px;transition: all .2s ease-in-out;display: flex;align-items: center;}
.recommend-items .icon-website-logo{width: 20px;height: 20px;margin-right:5px;display: inline-block;}
.recommend-items .website span{display: inline-block;color: #999;}
.recommend-items .website:hover{color: #fd6802;text-decoration:none;}


/*最近浏览*/
.recently{background: #fff;border-radius: 5px;}
.recently .title{display: block;}
.recently .title .title-h3{font-size: 14px;line-height: 40px; font-weight: bold;padding:0 20px; color: #666;display: block;}
.recently ul{padding: 0 10px;overflow: hidden;display: flex;flex-wrap: wrap;}
.recently ul li{margin-bottom: 20px;width: 50%;flex: 0 0 50%;padding: 0 10px;}
.recently ul li .item-img{display: block;height: 120px; position: relative;z-index: 9; border-radius: 3px;overflow: hidden;}
.recently ul li .item-img img{width: 100%;height: 100%;object-fit: cover;}
.recently ul li .item-img .border{border: solid 1px rgba(0,0,0,.05)!important;border-radius: 3px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;transition: all .2s ease-in-out;}
.recently ul li .item-img .border:hover{border: solid 1px rgba(0,0,0,.15)!important;}


.recently-bar{width: 50px;height: 50px;bottom: 152px; right: 15px;display: block;position: fixed;z-index: 99;}
.recently-bar .btn-recntly{background: rgba(119,119,119,.5);width: 50px;height: 50px;opacity: 1;text-decoration: none;border-radius: 3px;position: relative;padding: 11px;color: #f2f2f2;transition: all .2s ease-in-out;}
.recently-bar .btn-recntly:hover{background: rgba(119,119,119,.6);cursor: pointer;color: #fff;}
.recently-bar .btn-recntly .ap-icon{font-size: 28px;line-height: 1;font-weight: lighter;}
.recently-bar .btn-recntly .fixed-recently{position: absolute;bottom: 0;right: 60px;width: 220px;visibility:hidden;z-index: 9999;box-shadow: 0 0 3px rgba(119,119,119,.3);transition: all .4s ease-in-out;}
.recently-bar .btn-recntly:hover .fixed-recently{visibility: visible;}
.recently-bar ul li .item-img{display: block;height: 80px;}



.recently-page-header{background: #3e4450;height: 100px;}
.recently-page-header .recently-container{height: 100%;}
.recently-page-header .title{font-size:24px;font-weight: bold;color: #fff;line-height: 1;}
.recently-page-header .option-bar{display: flex;align-items: center;height: 35px;line-height: 35px;}
.recently-page-header .option-bar .select-mall .mall-title{border: none;border-radius: 0;}
.recently-page-header .option-bar .select-mall .drop-mall{top: 34px;}
.recently-page-header .btn-cleanup{display: inline-block;padding: 0 30px;height:100%;border: none; background: #fff;text-decoration: none;margin-left: 10px;font-size: 14px;color:#666;border-radius: 3px;}
.recently-page-header .btn-cleanup:hover{color: #fd6802;text-decoration: none;}

[dir=rtl] .recently-page-header .btn-cleanup{margin-left: 0px;margin-right: 10px;}
[dir=rtl] .recently-page-header .option-bar .select-mall .drop-mall{left: 0;right: auto;border-radius: 0px 3px 3px 3px;}

.recently-tabswitch{display: block;text-align: center;padding: 30px 0 0px 0;}
.recently-tabswitch ul{overflow: hidden;background: #fff;height: 35px;border: solid 1px #fd860e;display: inline-block;border-radius: 3px;}
.recently-tabswitch li{display: inline-block;}
.recently-tabswitch li a{display: block;padding: 0 30px;height: 35px;line-height: 33px;color: #666;font-size: 14px;text-decoration: none;}
.recently-tabswitch li.active a{background: #fd860e;color: #fff;}





.recently-nodata{padding: 60px 0;}
.recently-nodata-content{text-align: center;}
.recently-nodata .icon-no-record{width:120px;height: 125px;background: url(../img/nodata.png) no-repeat;display: inline-block;margin-bottom: 30px;}
.recently-nodata .text-gray{font-size: 18px;color: #999;line-height: 26px;}




.Cookie-Policy ul{padding: 0;list-style: decimal;padding-left: 36px;}
.Cookie-Policy ul li{font-size: 14px;list-style: decimal;line-height: 24px; padding-bottom: 10px;}



/*新版插件卸载反馈 2019-03-07*/
.new-uninstall__header{width: 100%;height: 100px; background: #fff;}
.new-uninstall__fixed-top{width: 100%;height: 100px; background: #fff;border-bottom: solid 1px #ddd;}
.new-uninstall__fixed-top.head-scroll-fixed {border-bottom: solid 1px #ddd;z-index: 9999;}
.new-uninstall__header-content{height: 100%;padding: 0 30px;}
.new-uninstall__logo-link{display: block;}
.new-uninstall__logo{}

.new-uninstall__menu-item{display: inline-block;}
.new-uninstall__menu-link{display: block;padding: 10px 20px;font-size: 14px;color: #555;text-decoration: none;}
.new-uninstall__menu-link:hover{text-decoration: none;}
.new-uninstall__menu-link .menu-title{margin: 0;}
.new-uninstall__menu-link.btn-red{color: #fff;background: #fd860e;line-height: 1;}
.new-uninstall__menu-link.btn-red .menu-title{color: #fff;}
.new-uninstall__menu-link.btn-round{padding-left:30px;padding-right: 30px;}
.btn-round{border-radius: 100rem;}

.new-uninstall__feedback{background: #eef1f6;min-height: 300px;color: #666;padding: 50px 15px;margin: 0 auto;}
.new-uninstall__feedback-box{max-width:1410px;font-size: 18px;line-height: 1.5;overflow: hidden;margin: 0 auto;display: flex;justify-content: center;}
.new-uninstall__reason{width: 660px;min-width: 500px; margin: 0 15px;background: #fff;border: solid 0px #ddd;border-radius: 5px;padding: 50px;}
.new-uninstall__reason h1{color: #626674;font-size: 28px;font-weight:600;line-height: 1.5;margin: 0 0 20px;}
.new-uninstall__reason p{margin-bottom: 15px;line-height: 26px;font-weight:400;color: #626674;font-size: 17px;;}
.new-uninstall__reason p a{color: #fd860e;}
.new-uninstall__reason p a:hover{color: #fd6802;text-decoration: underline;}
.new-uninstall__reason .reason-list{padding-top: 30px;display: flex;flex-direction: column;}
.new-uninstall__reason .reason-list li {display: block;margin-bottom: 15px;}
.new-uninstall__reason .reason-list .tab-link{text-decoration: none;display:flex;display: -ms-flexbox;align-items:flex-start;}
.new-uninstall__reason .new-uninstall__label{display: inline-block;color: #626674;font-weight: 400;cursor: pointer;vertical-align: middle;font-size: 16px;}

.new-uninstall__reason .new-uninstall__check-box{display: block;margin:2px 10px 0 0;width: 20px;height: 20px;flex-shrink: 0; border-radius: 100rem;background-color: #fff;background: no-repeat 50% 50%/60% 60%;border: #c2c2c2 solid 2px;transition: all .1s ease-in-out;}
.new-uninstall__reason .active .new-uninstall__check-box {color: #fff;border-color: #626674;background-color: #626674;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
[dir=rtl] .new-uninstall__reason .new-uninstall__check-box{margin:2px 0px 0 10px;}

.new-uninstall__reason .tab-content{padding-top: 50px;}
.new-uninstall__title{font-weight: 600;margin-bottom: 20px;color: #626674;}
.new-uninstall__video-container{background: #333; border-radius: 5px;overflow: hidden;display: block;font-size: 0;}
.new-uninstall__btn-group{display: flex;display: -ms-flexbox;align-items: center;}
.new-uninstall__btn-group .btn{border-radius:5px;padding: 10px 30px;margin-right: 15px; font-weight: 600!important;font-size: 14px;line-height: 1.5;text-shadow: none;}
.new-uninstall__btn-group .btn:focus,
.new-uninstall__btn-group .btn:active,
.new-uninstall__btn-group .btn:hover{box-shadow: none;}
.new-uninstall__btn-group .btn-red{border:solid 1px #fd860e;background: #fd860e;color: #fff;}
.new-uninstall__btn-group .btn-red:hover{background: #fd6802;}
.new-uninstall__btn-group .btn-grey{color: #626674;background: #eef1f6;border: solid 1px #ddd;}
.new-uninstall__btn-group .btn-grey:hover{background: #e4e6eb;border: solid 1px #ccc;}

.new-uninstall__alert-header{padding: 20px;display: flex;align-items: stretch;margin-bottom: 0;}
.new-uninstall__alert-header .ap-icon{font-size: 50px;line-height: 1;margin-right: 20px;}
.new-uninstall__alert-header .icon-exclamation-fill{color: #fd860e;}
.new-uninstall__alert-header .alert-title{font-size: 28px;margin-bottom: 10px;line-height: 1.2;font-weight:400;color: #856404;}
.new-uninstall__alert-header .alert-desc{margin-bottom: 5px;font-size: 16px;color: #856404;font-weight:400;}

[dir=rtl] .new-uninstall__btn-group .btn{margin-left: 15px;margin-right: 0;}

.new-uninstall__feedback .tab-pane{width: 660px;margin: 0 15px;background: #fff;border: solid 0px #ddd;border-radius: 5px;padding: 30px;}
.new-uninstall__message{text-align: center;}
.new-uninstall__icon-feedback-message{width: 158px;height: 148px;display: inline-block;margin: 50px auto 50px auto;background-image: url(../img/icon-feedback-message.png);background-repeat: no-repeat;}
.new-uninstall__message-title{font-size: 20px;font-weight: 500;color: #cad1d9;margin-bottom: 50px;}

.new-uninstall__card {margin-bottom: 20px;background-color: #fff;border: 2px solid #ccc; border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, .05);overflow: hidden;}
.new-uninstall__card-heading {background-color: #fff;padding: 8px 15px 8px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #333;}
.new-uninstall__card-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: #333;text-decoration: none;}
.new-uninstall__card-title a{color: #626674;}
.new-uninstall__card-title a:hover{text-decoration: none;color: #333;}
.new-uninstall__card-body {padding:10px 30px 30px 30px;}

.new-uninstall__panel {overflow: hidden;}
.new-uninstall__panel-heading {background-color: #fff;padding: 8px 15px 8px 30px;border-bottom: 1px solid transparent;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #333;}
.new-uninstall__panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: #333;text-decoration: none;}
.new-uninstall__panel-title a:hover{text-decoration: none;color: #333;}
.new-uninstall__panel-heading .fa,
.new-uninstall__panel-heading .ap-icon{background: none;font-size: 24px;color: #999;}
.new-uninstall__panel-body {padding:10px 20px 20px 20px;}
.new-uninstall__form-label{font-size: 16px;font-weight: 400;color: #777;margin-bottom:10px;}
.new-uninstall__form-control {display: block;width: 100%;height:auto;padding:10px;font-size: 16px;line-height: 1.5; color: #666;vertical-align: middle; background-color: #fdfdfd;border: 1px solid #ccc;border-radius: 5px; box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-family: 'PT Sans Narrow',arial;
}
.new-uninstall__form-control:focus{border:solid 1px #7b8a9f;box-shadow: 0px 0px 5px rgba(123,138,159,.5);}
.new-uninstall__form-control.is-invalid{border-color: #fd6802;}
.new-uninstall__form-control.is-invalid:focus{border: 1px solid #fd6802;box-shadow: 0px 0px 5px rgba(253,104,2,.5);}
.new-uninstall__form-control::placeholder{color: #aaa;}
.new-uninstall__description-title{font-size: 18px;font-weight: bold;color: #626674;margin-bottom: 10px;}
.new-uninstall__description-text{font-size: 16px;line-height: 36px;color: #777;display: block;}
.new-uninstall__description-text p{font-size: 16px;line-height: 36px;color: #777;font-weight: 400;margin-bottom: 0;}
.new-uninstall__description-text a{text-decoration: none;display: flex;display: -ms-flexbox;align-items: center;}
.new-uninstall__description-text a:hover span{text-decoration:underline;color: #fd6802;}
.new-uninstall__description-text .fa,
.new-uninstall__description-text .ap-icon{width: 24px;text-align: center;display: inline-block;background: none;font-size: 20px;color: #ff7318;vertical-align: middle;margin-right: 5px;font-weight: 600;}
.new-uninstall__description-text span{vertical-align: middle;}
.new-uninstall__logo-images{padding-top: 10px;}
.new-uninstall__logo-images img{height: 20px;margin-right: 10px;}
.new-uninstall__browser{font-size: 16px;line-height: 46px;color: #777;display: block;}
.new-uninstall__browser-link{text-decoration: underline;color: #626674;}
.new-uninstall__browser-link:hover{text-decoration: underline;color: #fd6802;}
.new-uninstall__browser .icon-browser{vertical-align: middle;margin-right: 10px;width: 30px;height: 30px;background-size:30px auto;display: inline-block;font-size: 0;}
.new-uninstall__browser .icon-chrome{background-image: url("../img/browser-icon/chrome.png");}
.new-uninstall__browser .icon-firefox{background-image: url("../img/browser-icon/firefox.png");}
.new-uninstall__browser .icon-opera{background-image: url("../img/browser-icon/opera.png");}
.new-uninstall__browser .icon-yandex{background-image: url("../img/browser-icon/yandex.png");}
.new-uninstall__browser .icon-360safe{background-image: url("../img/browser-icon/360safebrowser.png");}

.new-uninstall__alert{font-size: 14px;padding: 10px;margin-bottom: 0;}
.new-uninstall__upload-picture{font-size: 0;padding: 15px 0;}
.new-uninstall__btn-upload-picture{font-size: 50px;font-family:"sans-serif"; font-weight:100;width: 90px;height: 90px;box-sizing: border-box;border: solid 1px #ccc;background: #eef1f6;border-radius: 5px; line-height: 88px;color: #999;text-decoration: none; text-align: center;display: inline-block;vertical-align: middle;margin-right: 15px;}
.new-uninstall__btn-upload-picture:hover{text-decoration: none;color: #777;border: 1px solid #7b8a9f;}
.new-uninstall__uploaded-picture{width: 90px;height: 90px;box-sizing: border-box;border: solid 1px #ccc;background: #eef1f6;border-radius: 5px;font-size: 0;display: inline-block;vertical-align: middle;margin-right: 15px;position: relative;}
.new-uninstall__uploaded-picture img{width: 100%;height: 100%;border-radius: 5px;}
.new-uninstall__uploaded-picture-delete{background:#999;width: 14px;height: 14px;display:flex;align-items: center;justify-content: center; opacity: 1;position: absolute;right: -5px;top: -5px;border-radius: 10rem;}
.new-uninstall__uploaded-picture-delete i{font-size: 11px;line-height: 14px;color:#fff;}
.new-uninstall__uploaded-picture-delete:hover{background:#fd860e;}
.new-uninstall__form-text{font-size: 75%;font-weight: 400;display: block;margin-top: .25rem;color: #999;}
.small, small {font-size: 80%;font-weight: 400;}
.new-uninstall__link{color: #fd6802;}
.new-uninstall__link .ap-icon{width: 24px;height: 24px;border-radius: 24px;background: #fff;border: solid 2px #fd6802;color: #fd6802;display: inline-block;vertical-align: middle;margin-right: 5px;font-size: 14px;text-align: center;line-height: 20px;}
.new-uninstall__progress{height: 10px;}
.new-uninstall__verify-tools{width: 300px;}

/*Loading-5秒倒计时*/
.ali_redirect-oversea-purchase{width: 1200px;}
.ali_redirect-oversea-img-content{background-color: #f2f2f2;width: 670px;height: 440px;padding: 5px;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,.05);}
.ali_redirect-oversea-img{border-radius: 10px;}
.fancy-container{width:100vw;height:100vh;margin:0;display: flex;justify-content: center;}
.fancy-box{width: 900px;background: #fff;}
.fancy-message{text-align: center;padding: 40px 0 40px 0;position: relative;}
.fancy-logo{height:auto;}
.fancy-logo img{height: auto;}
.fancy-desc{font-size: 20px;color: #777;margin-top: 20px;}
.fancy-btn{display: flex;align-items: center;justify-content: center;margin-top: 24px;}
.fancy-btn .btn-primary{height: 46px;line-height: 46px; padding: 0 30px;font-size: 15px;color: #fff;display:inline-block;border-radius: 3px;transition: all 0.15s ease-in-out;}

.fancy-plugin{background: #f5f8fc;border: solid 5px #d6d6d6;padding:1.5rem;border-radius: 10px;}
.fancy-plugin-flex{display: grid;grid-template-columns: auto auto; gap: 40px;}
.fancy-plugin-sample{width: 600px;flex-shrink: 0;position: relative;box-shadow: 0 0px 10px rgba(0,0,0,.1);border-radius: 10px;}
.fancy-plugin-sample .carousel-item{transition: -webkit-transform .4s ease-in-out; 
    transition: transform .4s ease-in-out; 
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}
.fancy-plugin-sample .carousel-indicators{bottom: 10px;}
.fancy-plugin-sample .carousel-indicators li{background-color:#999;width: 20px;height: 6px;border-radius: 100rem;border:none;}
.fancy-plugin-sample .carousel-indicators li.active{background-color:#e96163;}
.fancy-plugin-sample img{border-radius: 10px;}

.fancy-plugin-info{display: flex;flex-direction: column;height: 100%;align-items: flex-start;justify-content: center;}
.fancy-plugin-title{font-size:16px;font-weight: 700;line-height: 1.5; color: #666;margin-bottom: 1.25rem;}

.fancy-featrue-list{margin-bottom: 1.25rem;}
.fancy-featrue-item{display: flex;align-items: flex-start;margin-bottom: 10px;}
.fancy-featrue-item:last-child{margin-bottom: 0;}
.fancy-featrue-item .ap-icon{font-weight: bold;color: #999;font-size: 16px;line-height:1.3;}
.fancy-featrue-item .text{font-size: 14px;color: #666;padding-left:10px;line-height:1.5;}

.fancy-plugin-info .btn-download{height:40px;min-width: 100px;display:inline-flex;align-items: center;border-radius:100rem;background: #04c446;padding:0 20px;text-decoration: none;box-shadow: 0 10px 10px rgba(4,196,70,.2);transition:all 0.15s ease-in-out;margin-bottom: 1.25rem;}
.fancy-plugin-info .btn-download i{font-size: 24px;color: #fff;}
.fancy-plugin-info .btn-download .text{color: #fff;font-size: 14px;font-weight:600;line-height:1;margin-left: 10px;white-space: nowrap;}
[dir=rtl] .fancy-plugin-info .btn-download .text{margin-left: 0px;margin-right: 10px;}
.fancy-plugin-info .btn-download:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}

.fancy-provide{font-size: 12px;line-height: 1.5;color: #c9ccce;}
.fancy-provide a{color: #c9ccce;}

.ali_redirect-box{width: auto;background: #fff;max-width: 1200px;min-width: 900px;}
.ali_redirect-message{text-align: center;padding: 40px 0 40px 0;position: relative;}
.ali_redirect-logo{height:auto;}
.ali_redirect-logo img{height: auto;}
.ali_redirect-desc{font-size: 20px;color: #777;margin-top: 20px;}
.ali_redirect-plugin{background: #f5f8fc;border: solid 5px #d6d6d6;padding:1.5rem;border-radius: 10px;}
.ali_redirect-plugin-title{font-size:18px;font-weight: 700;line-height: 2; color: #666;margin-bottom: 1.25rem;}
.ali_redirect-plugin-title p{margin-bottom: 0;}
.ali_redirect-plugin-title .btn{margin-top: 20px;}
.ali_redirect-sku{overflow: hidden;text-wrap: nowrap;white-space: nowrap;display: flex;}
.ali_redirect-sku span{max-width: 600px;text-overflow: ellipsis;overflow: hidden;text-wrap: nowrap;white-space: nowrap;display:block;}
.ali_redirect-sample{cursor:url(../img/pause.png),auto;}

/*跳转倒计时页面---1688代购*/
.fancy-agent-info{top: 150px;left: 239px;color: #666;max-width: 340px;}
.fancy-agent-info .label{font-size: 12px;}
.fancy-agent-info .flag{border-radius: 3px;}
.fw-bold{font-weight: 700;}
.border-start{border-left: #e5e5e5 solid 1px;}
.bg-f5f5f5{background-color: #f5f5f5;}
.btn-bg-fee0be{background-color: #fee0be;}
.btn-bg-ffcbb2{background-color: #ffcbb2;}
.btn-bg-218aed{background-color: #218aed;}
.rectangle-white-opacity-50{background-color: rgba(255,255,255,.5);width: 50px;height: 8px;border-radius: 50px;display: block;}
.btn-layer{gap: 8px;}
.btn-layer .btn{gap: 5px;height: 30px;font-size: 13px;}
.fancy-plugin-info .btn-blue{height:40px;min-width: 100px;display:inline-flex;align-items: center;justify-content: center; border-radius:100rem;background: #218aed;padding:0 20px;text-decoration: none;box-shadow: 0 10px 10px rgba(33,138,237,.2);transition:all 0.15s ease-in-out;margin-bottom: 1rem;color: #fff;font-weight: 700;}
/*跳转倒计时页面---1688代购 --END--*/

.loader{width:100%;margin:24px auto 0 auto;display:flex;align-items:center;justify-content:center;font-size: 0;}
.loading-beat i{ display: inline-block; width:8px;height:8px;margin:0 3px;border-radius: 50%; background: #999; -webkit-animation: load 1.04s ease infinite;-moz-animation:load 1.04s ease infinite;animation:load 1.04s ease infinite;}
@-webkit-keyframes load{ 0%{opacity: 1;} 100%{opacity: 0;} }
@-moz-keyframes load{ 0%{opacity: 1;} 100%{opacity: 0;} }
@keyframes load{ 0%{opacity: 1;} 100%{opacity: 0;} }
.loading-beat.stop i{animation-play-state: paused;-webkit-animation-play-state: paused;-moz-animation-play-state: paused;}
.loading-beat i:nth-child(1){ -webkit-animation-delay:0.13s;-moz-animation-delay:0.13s;animation-delay:0.13s; }
.loading-beat i:nth-child(2){ -webkit-animation-delay:0.26s;-moz-animation-delay:0.26s;animation-delay:0.26s; }
.loading-beat i:nth-child(3){ -webkit-animation-delay:0.39s;-moz-animation-delay:0.39s;animation-delay:0.39s; }
.loading-beat i:nth-child(4){ -webkit-animation-delay:0.52s;-moz-animation-delay:0.52s;animation-delay:0.52s; }
.loading-beat i:nth-child(5){ -webkit-animation-delay:0.65s;-moz-animation-delay:0.52s;animation-delay:0.52s; }
/*屏蔽alitools*/
.at-theme-light,
.at-theme-light *,
.at-theme-dark,
.at-theme-dark *{display: none!important;}

/*屏蔽aliRadar*/
#gadsf21g,
#gadsf21g *,
.tooltip-gadsf21g,
.tooltip-gadsf21g *{display: none!important;}

.nc-container *{box-sizing: content-box;}
.nc_scale{border-radius: 3px;overflow: hidden;}
.nc-container .nc_scale .nc_bg{}
.nc-container .nc_scale span{border-radius: 3px;}

.nc-container #nc_1_wrapper,.nc-container.tb-login #nc_1_wrapper{width:100%!important;}
.nc-container .imgCaptcha,.nc-container .clickCaptcha{width:100%!important;}
.nc-container.tb-login .imgCaptcha,.nc-container.tb-login .clickCaptcha{width:100%!important;}
.nc-container.tb-login .imgCaptcha .captcha-error,.nc-container.tb-login .clickCaptcha .captcha-error{width:100%!important;}
.nc-container.tb-login .errloading, .nc-container .errloading {width:100%!important;}

.about-content-layout .content .nc-container #nc_1_wrapper{width:300px!important;}


.old-extension-tips{background: rgba(0,0,0,.85);position: fixed;top: 0;z-index: 1060;width: 100%;display:block;height: 136px;}
.old-extension-tips .close{position:absolute;right: 20px;top: 50%;margin-top: -20px;padding: 10px;}
.old-extension-tips .close .icon-close-circle{font-size: 20px;color: #c0c9d4;font-weight:300;}
.old-extension-container{height: 100%;width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: center; text-align: center;}
.old-extension-tips .icon-exclamation-fill{font-size: 50px;color: #fd6802;}
.old-extension-text{color:#fff;line-height: 24px;font-size: 18px;padding:0 10px;}
.old-extension-tips-btn{display: inline-block;height: 36px;padding: 0 30px;line-height: 36px;font-size: 14px;border: 0;border-radius: 3px; text-decoration: none;white-space: nowrap;background: #0ead51;border-color: #0ead51;}
.old-extension-tips-btn:hover{background: #0c9947;border-color: #0c9947;}



.post-feedback__container{width: 600px;margin: 0 auto;padding-top: 50px;}
.post-feedback__header{font-size: 28px;color: #626674;font-weight: bold;margin-bottom: 30px;padding: 0;margin-top: 0;}
.post-feedback__body{width: 100%;}
.post-feedback__box{width: 100%;background: #fff; padding:20px;margin-bottom: 30px; border-radius: 5px;line-height: 1.5;font-size: 14px;}
.post-feedback__reason{width: 100%; margin: 0 auto;}
.post-feedback__reason h1{color: #626674;font-size: 22px;font-weight:700;margin: 0 0 10px 0;}
.post-feedback__reason .desc-text{margin-bottom: 10px;font-size: 16px; line-height: 26px;font-weight:400;color: #555;}

.post-feedback__reason .reason-title{margin: 0 0 12px 0;font-size: 16px;font-weight: bold;color: #626674;}
.post-feedback__reason .reason-list{padding-top: 10px;display: flex;flex-direction: column;}
.post-feedback__reason .reason-list__item{display: block;margin-bottom: 10px;padding: 6px;}
.post-feedback__reason .reason-list__item:hover{background: #eef1f6;}
.post-feedback__reason .custom-control {position: relative;display: block;min-height: 1.5rem;padding-left: 2rem;}
.post-feedback__reason .custom-control-label{font-size: 16px;color: #5d5d5d;line-height: 24px;}
.post-feedback__reason .custom-control-label::before {position: absolute;top: 2px;left: -2rem;display: block;width: 20px;height: 20px;pointer-events: none;content: "";background-color: #fff;border: #c2c2c2 solid 1.5px;}
.post-feedback__reason .custom-control-label::after {position: absolute;top: 2px;left: -2rem;display: block; width: 20px;height: 20px;content: "";background: no-repeat 50%/50% 50%;}
.post-feedback__reason .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.post-feedback__reason .custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #626674;background-color: #626674;}
.post-feedback__reason .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(98, 102, 116, 0.5);}
.post-feedback__reason .custom-control-input:not(:disabled):active ~ .custom-control-label::before {color: #fff; background-color:#c2c2c2;border-color: #c2c2c2;}

.post-feedback__textarea{margin-top: 10px;}
.post-feedback__btn-group{display: flex;align-items: center;}
.post-feedback__body .btn{border-radius:5px;margin-right: 10px;font-size: 14px;line-height: 1.2;font-weight: 500;}
.post-feedback__btn-group span{font-size: 14px;margin-right: 15px;}
.post-feedback__links{margin-top: 30px;}
.post-feedback__text-link{color: #369;display: inline-block;margin-right: 20px;}
.post-feedback__text-link:hover{color:#369;text-decoration: underline;}



.config-notifications{padding: 40px 20px 0 20px;}
.config-notifications__item{display: flex;align-items:flex-start;margin-bottom: 40px;}
.config-notifications__item-title{width: 280px;max-width: 280px;flex-shrink: 0;padding: 0 10px;color: #777;}
.config-notifications__item-title .fa{margin-right: 5px;font-size: 14px;}
.config-notifications__item-title .title{font-size: 14px;}
.config-notifications__item-option{width: 66px;padding: 0 15px;flex-shrink: 0;}
.config-notifications__item-option .check{position: relative;-webkit-appearance: none;width:36px;height: 18px;line-height: 18px;background: #ddd;border-radius: 36px;outline: none;margin-top: 5px;}
.config-notifications__item-option .check:before{position: absolute;left: 2px;top: 2px;content: ''; width: 14px;height: 14px;border-radius: 50%;background: #fff;transition: all 0.2s linear; }
.config-notifications__item-option .check:checked{ background: #35c87a;}
.config-notifications__item-option .check:checked:before{background: #fff;left:20px; transition: all 0.2s linear;}
.config-notifications__item-desc{width: 100%;max-width: 100%;flex-flow: 2;font-size: 14px;padding-right: 15px;}
.config-notifications__item-desc .text{color: #777;margin-bottom: 6px;}
.config-notifications__item-desc .text-tips{margin:0 5px;}
.config-notifications__item-desc .small{color: #999;}
.config-notifications__item-btn{margin-left: auto;flex-flow: 1;white-space: nowrap;}
.config-notifications__item-btn .btn{padding: 5px 20px;font-size: 14px;background-color: #f5f8fc;border-color: #c9ccce;color: #777;font-size: 12px;}


[dir=rtl] .config-notifications__item-desc{padding-right: 0;padding-left: 15px;}

.config-account{padding: 40px 20px 0 20px;width: 700px;margin: 0 auto;}
.config-account__item{display: flex;align-items:flex-start;margin-bottom:1.75rem;padding-bottom: 1.75rem; border-bottom: dashed 1px #ddd;}
.config-account__item:last-child{border-bottom: none;}
.config-account__item-title{display: flex;align-items:center;color: #666;}
.config-account__item-title > .ap-icon{font-size: 18px;color: #777;}
.config-account__item-title .title{font-size: 14px;color: #666;margin: 0 10px;}
.config-account__item-title .title ~ .ap-icon{font-size: 16px;}
.config-account__item-title .icon-right-fill{color: #0abb40;}
.config-account__item-title .icon-exclamation-fill{color: #fd860e;}
.config-account__item-btn{margin-left: auto;flex-flow: 1;white-space: nowrap;}
.config-account__item-btn .text-link{color: #218aed;}

.config-account__alert{max-width: 880px;position: fixed;bottom: 50%;left: 50%;transform: translate(-50%,50%);border-radius: 10px;}
.config-account__alert.alert-danger{background-color: #e96163;color: #fff;border: none;}
.config-account__alert.alert-dismissible{padding-right:1.25rem;}
.config-account__alert .close{outline: none;line-height: 1;font-size: 1rem;padding: .75rem 1rem;}
.config-account__alert .alert-icon{display: flex;justify-content: center;margin-top: 20px;}
.config-account__alert .alert-icon .icon-exclamation{font-size: 50px;line-height: 1;}
.config-account__alert .alert-text{margin-top: 20px;font-size: 16px;text-align: center;}
.config-account__alert .alert-btn{display: flex;justify-content: center;margin-top: 20px;}
.config-account__alert .alert-btn .btn-light{padding: .375rem 1.25rem;}

.login__alert-danger{max-width: 400px;position: fixed;bottom: 60px;left: 50%;transform: translate(-50%);border-radius: 10px;color: #e96163;box-shadow: 0 0 15px rgba(0, 0, 0, .1);z-index: 10;}
.login__alert-danger.alert-dismissible{padding-right:1.25rem;}
.login__alert-danger .alert-icon{display: flex;justify-content:center;margin-top:1rem;}
.login__alert-danger .icon-exclamation{font-size: 50px;line-height: 1;}
.login__alert-danger .alert-text{margin-top: 20px;font-size: 16px;text-align:center;}
.login__alert-danger .alert-btn{display: flex;justify-content:center;margin-top: 20px;}
.login__alert-danger .alert-btn .btn-outline-danger{padding: .375rem 1.25rem;}

@media (max-width: 991.98px){
    .login__alert-danger{left: 5%;transform:unset;max-width:90%;right: 5%;}
}

/*问卷 2020-04-21*/
.qa__header{width: 100%;height: 100px; background: #fff;}
.qa__fixed-top{width: 100%;height: 100px; background: #fff;border-bottom: solid 1px #ddd;}
.qa__fixed-top.head-scroll-fixed {border-bottom: solid 1px #ddd;z-index: 9999;}
.qa__header-content{width:1200px;height: 100%;margin: 0 auto;}
.qa__header-left{display: flex;display: -ms-flexbox;align-items: center;}
.qa__header-textname{font-size: 16px;color: #999;border-left: solid 1px #e5e5e5;padding: 0 25px;margin: 0 25px;}
.qa__logo-link{display: block;}
.qa__logo{}

[dir=rtl] .qa__header-textname{border-left: solid 0px #e5e5e5;border-right: solid 1px #e5e5e5;padding: 0 25px;padding: 0 25px;}

.qa__menu-item{display: inline-block;}
.qa__menu-link{display: block;padding: 10px 20px;font-size: 14px;color: #626674;text-decoration: none;}
.qa__menu-link:hover{text-decoration: none;}
.qa__menu-link .menu-title{margin: 0;}
.qa__menu-link.btn-red{color: #fff;background: #fd6802;line-height: 1;}
.qa__menu-link.btn-red .menu-title{color: #fff;}
.qa__menu-link.btn-round{padding-left:30px;padding-right: 30px;}

.qa{background: #eef1f6;min-height: 300px;color: #666;padding: 50px 15px;margin: 0 auto;}
.qa__box{width:800px;background: #fff;font-size: 16px;line-height: 1.75;margin: 0 auto;padding: 30px;border-radius: 5px;}
.qa__header-title{color: #626674;font-size: 18px;font-weight:600;line-height: 1.5;margin: 0 0 20px;text-align: center;}
.qa__desc{border-bottom: solid 1px #e9e9e9;padding-bottom: 15px;margin-bottom: 15px;}
.qa__desc p{line-height:1.75;color: #626674;font-size: 16px;}



.qa__title{font-weight: 500;margin-bottom: 20px;color: #626674;}
.qa__small{color: #999;font-size: 14px;margin-bottom: 10px;}
.qa__form-group {margin-bottom: 30px;}


.qa__score-title{display: -ms-inline-flexbox;display: inline-flex;justify-content: space-between;width: 550px;}
.qa__score-label{font-size: 16px;color: #666;}

.qa__score-list{background-image: linear-gradient(to right,rgba(233,97,99,.5),rgba(255,153,0,.5), rgba(4,196,70,.5));border-radius: 5px;height: 50px;margin-top: 10px;margin-bottom: 20px; display:inline-flex;display: -ms-inline-flexbox;align-items: stretch;}
.qa__score-item{}

.qa__custom-radio {position: relative;display: block;width:50px; height:50px;}
.qa__custom-control-inline {display: -ms-inline-flexbox;display: inline-flex;margin-right:0;}
.qa__custom-radio-input {position: absolute;left: 0;z-index: -1;width:1rem; height:1.25rem;opacity: 0;}
.qa__custom-radio-input:checked ~ .qa__custom-radio-label::before {color: #fff;}
.qa__custom-radio-input:focus ~ .qa__custom-radio-label::before {box-shadow: none;}
.qa__custom-radio-input:checked ~ .qa__custom-radio-label{color: #fff;}
.qa__custom-radio-input:focus ~ .qa__custom-radio-label{color: #fff;}
.qa__custom-radio-input:focus:not(:checked) ~ .qa__custom-radio-label::before {border-color: #fff;}
.qa__custom-radio-input:not(:disabled):active ~ .qa__custom-radio-label::before {color: #fff;background-color:rgba(98, 102, 106, 0);border-color:rgba(98, 102, 106, 0);}

.qa__custom-radio-label {position: relative;z-index: 99;text-align: center;line-height: 50px;width:50px; height:50px;font-size: 18px;color: #666;cursor: pointer;}
.qa__custom-radio-label::before {position: absolute;top:0;left:0;z-index: -99; display: block;width:50px;height:50px;pointer-events: none;content: "";border-left: solid 1px rgba(255,255,255,.2);cursor: pointer;}
.qa__custom-radio-label::after {position: absolute;top: 0;left:0;z-index: -99; display: block;width:50px;height:50px;content: "";background: no-repeat 100% / 100% 100%;border-left: solid 1px rgba(255,255,255,.2);cursor: pointer;}
.qa__custom-radio .qa__custom-radio-label::before {border-radius:0px;}
.qa__custom-radio-label:hover::before{background-color: rgba(98, 102, 106, 0.1);border-radius:0px;cursor: pointer;}
.qa__custom-radio:first-child .qa__custom-radio-label::before {border-left-width:0;}
.qa__custom-radio .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-color: transparent;border-left: solid 1px rgba(255,255,255,.2);}
.qa__custom-radio-label::before{transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.qa__custom-radio:nth-child(1) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#e96163, #f06854);background-color:transparent;border-color:transparent;border:none;border-radius:5px 0 0 5px;}
.qa__custom-radio:nth-child(2) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#f06854, #fb7240);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(3) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#fb7240, #ff7d28);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(4) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#ff7d28, #ff8813);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(5) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#ff8813, #ff9304);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(6) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#ff9304, #f49d00);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(7) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#f49d00, #c9a708);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(8) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#c9a708, #93b018);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(9) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#93b018, #57b82b);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(10) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#57b82b, #28bf3b);background-color:transparent;border-color:transparent;border:none;}
.qa__custom-radio:nth-child(11) .qa__custom-radio-input:checked ~ .qa__custom-radio-label::after {background-image: linear-gradient(to right,#28bf3b, #04c446);background-color:transparent;border-color:transparent;border:none;border-radius:0 5px 5px 0;}


.qa__custom-control {position: relative;display: block;min-height: 1.5rem;padding-left: 34px;margin-bottom: 12px;}
.qa__custom-control-input {position: absolute;left: 0;z-index: -1;width:24px; height:24px;opacity: 0;}
.qa__custom-control-input:checked ~ .qa__custom-control-label::before {color: #fff;border-color: #626674;background-color: #626674;border-radius:3px;}
.qa__custom-control-input:focus ~ .qa__custom-control-label::before {box-shadow: none;}
.qa__custom-control-input:focus:not(:checked) ~ .qa__custom-control-label::before {border-color:#b0b2b9;}
.qa__custom-control-input:not(:disabled):active ~ .qa__custom-control-label::before {color: #fff;background-color:#b0b2b9;border-color:#b0b2b9;}
.qa__custom-control-input[disabled] ~ .qa__custom-control-label, 
.qa__custom-control-input:disabled ~ .qa__custom-control-label {color: #b0b2b9;}
.qa__custom-control-input[disabled] ~ .qa__custom-control-label::before, 
.qa__custom-control-input:disabled ~ .qa__custom-control-label::before {background-color: #e9ecef;}
.qa__custom-control-label {position: relative;font-size: 16px;color: #626674;cursor: pointer;}
.qa__custom-control-label::before {position: absolute;top:3px;left:-34px;display: block;width:24px;height:24px;pointer-events: none;content: "";border: solid 2px #aaa;cursor: pointer;}
.qa__custom-control-label::after {position: absolute;top: 3px;left:-34px;display: block;width:24px;height:24px;content: "";background: no-repeat 50% / 50% 50%;cursor: pointer;}
.qa__custom-checkbox .qa__custom-control-label::before {border-radius:3px;}
.qa__custom-checkbox .qa__custom-control-input:checked ~ .qa__custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.qa__custom-checkbox .qa__custom-control-input:disabled:checked ~ .qa__custom-control-label::before {background-color: rgba(98, 102, 106, 0.5);}
.qa__custom-control-label::before{transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

[dir=rtl] .qa__custom-control{padding-left: 0;padding-right: 34px;}
[dir=rtl] .qa__custom-control-input{left: auto;right: 0;}
[dir=rtl] .qa__custom-control-label::before{left:auto;right:-34px;}
[dir=rtl] .qa__custom-control-label::after{left:auto;right:-34px;}

.qa__btn-group{display: flex;display: -ms-flexbox;align-items: center;margin-bottom: 15px;}
.qa__btn-group .btn{border-radius:5px;padding: 10px 40px;margin-right: 15px; font-weight: 500!important;font-size: 14px;line-height: 1.5;text-shadow: none;}
.qa__btn-group .btn:focus,
.qa__btn-group .btn:active,
.qa__btn-group .btn:hover{box-shadow: none;}
.qa__btn-group .btn-grey{color: #626674;background: #eef1f6;border: solid 1px #ddd;}
.qa__btn-group .btn-grey:hover{background: #e4e6eb;border: solid 1px #ccc;}



[dir=rtl] .qa__btn-group .btn{margin-left: 15px;margin-right: 0;}

.qa__feedback .tab-pane{width: 660px;margin: 0 15px;background: #fff;border: solid 0px #ddd;border-radius: 5px;padding: 30px;}
.qa__message{text-align: center;}
.qa__icon-feedback-message{width: 158px;height: 148px;display: inline-block;margin: 50px auto 50px auto;background-image: url(../img/icon-feedback-message.png);background-repeat: no-repeat;}
.qa__message-title{font-size: 20px;font-weight: 600;color: #0ead51;margin-bottom: 50px;}



.qa__form-control {display: block;width: 100%;padding: 5px 10px; font-size: 16px;line-height: 1.5; color: #666;background-color: #fdfdfd;border: 1px solid #ccc;border-radius: 5px;outline: none;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    font-family: 'PT Sans Narrow',arial;
}
.qa__form-control:focus,.qa__form-control:active{border:solid 1px #999;}
.qa__form-control::placeholder{color: #aaa;}


.qa__alert{font-size: 14px;padding:6px 12px;margin-bottom: 15px;}


.skeleton-search-img{width: 140px;height: 140px;display: inline-block;border-radius: 3px;}
.skeleton-category{font-size:0;}
.skeleton-category-list{display:flex;align-items:baseline;flex-wrap: wrap;}
.skeleton-category-item{width: 86px;height: 30px;display: inline-block;margin: 0 10px 10px 0;border-radius: 3px;}
.skeleton-category-item:nth-child(1){width: 86px;}
.skeleton-category-item:nth-child(2){width: 250px;}
.skeleton-category-item:nth-child(3){width: 150px;}
.skeleton-category-item:nth-child(4){width: 170px;}
.skeleton-category-item:nth-child(5){width: 170px;}
.skeleton-category-item:nth-child(6){width: 140px;}
.skeleton-category-item:nth-child(7){width: 130px;}
.skeleton-category-item:nth-child(8){width: 80px;}
.skeleton-category-item:nth-child(9){width: 130px;}
.skeleton-category-item:nth-child(10){width: 190px;}
.skeleton-category-item:nth-child(11){width: 140px;}
.skeleton-category-item:nth-child(12){width: 90px;}
.skeleton-category-item:nth-child(13){width: 130px;}
.skeleton-category-item:nth-child(14){width: 160px;}
.skeleton-category-item:nth-child(15){width: 170px;}
.skeleton-category-item:nth-child(16){width: 210px;}
.skeleton-category-item:nth-child(17){width: 90px;}
.skeleton-category-item:nth-child(18){width: 250px;}
.skeleton-category-item:nth-child(19){width: 210px;}
.skeleton-category-item:nth-child(20){width: 160px;}
.skeleton-category-item:nth-child(21){width: 70px;}
.skeleton-category-item:nth-child(22){width: 170px;}
.skeleton-category-item:nth-child(23){width: 180px;}

.skeleton-filter{display:flex;padding-top: 24px;align-items: center;font-size:0;}
.skeleton-filter-checkbox{width: 16px;height: 16px;display: inline-block;margin-right: 10px;border-radius: 3px;}
.skeleton-filter-icon{width: 20px;height: 20px;display: inline-block;margin-right: 10px;border-radius: 3px;}
.skeleton-filter-title{width: 65px;height: 12px;display: inline-block;border-radius: 3px;}
.searchimg-loading__item.active .searchimg-loading__circle {
    border-color:#04c446;
    -webkit-animation: .7s searchimg-loading linear infinite;
    animation: .7s searchimg-loading linear infinite;
}
.searchimg-loading__item.active .searchimg-loading__circle:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: -4px;
    left: 50%;
    background-color: #fff;
    border-radius: 50%;
}
@keyframes searchimg-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading-skeleton {
    -webkit-animation: skeleton-animation 1.2s ease-in-out infinite;
    animation: skeleton-animation 1.2s ease-in-out infinite;
    background-color: #eee;
    background-image: -webkit-gradient(linear,left top,right top,from(#eee),color-stop(#f5f5f5),to(#eee));
    background-image: linear-gradient(90deg,#eee,#f5f5f5,#eee);
    background-repeat: no-repeat;
    background-size: 200px 100%;
    display: inline-block;
}
@keyframes skeleton-animation{
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}
.skeleton-item-list{padding: 24px 0;display: flex;align-items: baseline;margin:0 -10px;flex-wrap: wrap;}
.skeleton-item{width: 20%;max-width:20%:flex: 0 0 20%;padding: 0 10px;font-size:0;margin-bottom:20px;}
.skeleton-item-box{border: solid 1px #fff;border-radius: 5px;overflow: hidden;background-color: #fff;}
.skeleton-item-img{width: 100%;height: 222px;border-radius: 5px 5px 0 0;}
.skeleton-item-info{padding:15px 10px;}
.skeleton-item-price{width: 40px;height: 14px;margin-bottom: 10px;border-radius: 3px;}
.skeleton-item-title{width: 195px; height: 10px;margin-bottom: 10px;border-radius: 3px;}
.skeleton-rating-orders{display: flex;align-self: center;justify-content: space-between;margin-bottom: 10px;}
.skeleton-rating{display: flex;align-items: center;}
.skeleton-rating-num{width: 15px;height: 10px;display: inline-block;border-radius: 3px;}
.skeleton-rating-icon{width: 10px;height: 10px;display: inline-block;border-radius: 10px;margin: 0 8px;}
.skeleton-order{width: 50px;height: 10px;display: inline-block;border-radius: 3px;}
.skeleton-website{display: flex;align-items: center;margin-bottom: 5px;}
.skeleton-website-icon{width: 20px;height: 20px;display: inline-block;border-radius: 3px;margin-right:8px;}
.skeleton-website-name{width: 50px;height: 10px;display: inline-block;border-radius: 3px;margin-right:8px;}
.skeleton-store-name{width: 100px;height: 10px;display: inline-block;border-radius: 3px;margin-right:8px;}


.searchimg-loading__modal-body{padding: 40px;}
.searchimg-loading__list{display: flex;flex-flow: column;}
.searchimg-loading__item{display:flex;align-items: center;margin-bottom: 20px;}
.searchimg-loading__icon{width: 36px;height: 36px;display: inline-block;position: relative;}
.searchimg-loading__circle{width: 36px;height: 36px;border: solid 2px #e5e5e5;display: inline-block;background-color: #fff;border-radius:50%;position: absolute;top: 0;left: 0;}
.searchimg-loading__icon .ap-icon{width: 36px;height: 36px;font-size: 20px;line-height: 36px;text-align: center; color: #aaa;font-weight: 600;position: absolute;left: 0;top: 0;}

.searchimg-loading__desc-text{font-size: 14px;color: #777;margin: 0 15px;}
.searchimg-loading__item.success .searchimg-loading__circle{border-color:#04c446;background-color: #04c446;}
.searchimg-loading__item.success .ap-icon{color: #fff;}
.searchimg-loading__item.failed .searchimg-loading__circle{border-color:#e96163;background-color: #e96163;}
.searchimg-loading__item.failed .ap-icon{color: #fff;}
.searchimg-loading__item.active .searchimg-loading__icon .ap-icon{color: #04c446;animation:none;-webkit-animation:none;}


/*侧边栏*/
/*返回顶部*/
.single-uptop{position: absolute;right: 20px; bottom: 20px;}
.single-uptop {box-shadow: 0 2px 5px rgb(0 0 0 / 10%);display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(192,201,212,.9);border-radius:5px;color:#666;transition: all .2s ease-in-out;}
.single-uptop:hover{background-color: rgba(192,201,212,1);color: currentColor;}
.single-uptop .icon-chevron-up{font-size:18px;}
/*返回顶部  --END*/
.sidebar{position: fixed;top: 0;right: 0; bottom: 0; z-index:1000;}
.sidebar-plugins{position: fixed;top: 0;right: 0;width: 0;height: 100%;transition: right .3s ease-in-out;}
.sidebar-plugins.sidebar-open{right: 400px;}
.sidebar-tab{width: 40px;margin-top: auto;margin-bottom: 101px;position: absolute;left: -40px;bottom: 0;}
.sidebar-tab-item{width:40px;height: 40px;background-color: #fff;color: #666;margin-bottom: 1px;cursor: pointer;border-radius: 3px 0 0 3px;position: relative;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);display:flex;align-items:center;justify-content: center;}
.sidebar-tab-item:hover,
.sidebar-tab-item a:hover{background-color: #999;color: #fff;text-decoration: none;}
.sidebar-tab-title{width: 100%;height: 100%; display:flex;align-items:center;justify-content: center;text-decoration: none;}
.sidebar-tab-item .ap-icon{font-size: 20px;line-height: 1;}
.sidebar-tab-item .sidebar-num{position: absolute;right: 0;top: 0;min-width: 18px;line-height: 15px;border-radius: 18px; height: 18px;border: solid 1.5px #fd860e;background-color: #fff;color: #ff7318;font-size: 12px;text-align: center;padding: 0 3px;}
.sidebar-plugin{width: 400px;height: 100%;background-color:#333;color:#fff;position: absolute;left: 0;top: 0;}
.sidebar-innner{position: relative;height: 100%;}
.sidebar-title{font-size: 18px;line-height: 20px; font-weight: 600;height: 70px;padding:25px 0; color: #ddd;text-align: center;position: relative;border-bottom: solid 1px #444;}
.sidebar-title .icon-chevron-right{font-size: 18px;font-weight: 400;position: absolute;left: 25px;top:25px;cursor: pointer;}
.sidebar-title .icon-close{font-size: 18px;font-weight: 400;position: absolute;right: 25px;top:25px;cursor: pointer;}
.sidebar-content{height: auto;}
.sidebar-content::-webkit-scrollbar {width: 10px;height: 1px;}
.sidebar-content::-webkit-scrollbar-track{background-color:transparent;border-radius: 10px;}
.sidebar-content::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #555;}
.sidebar-content::-webkit-scrollbar-thumb:hover{background-color: #666;}

.sidebar-sort{padding: 10px 25px;width:100%;font-size: 13px; color: #aaa;display:flex;align-items: center;justify-content: space-between;}
.sidebar-sort-list{display:flex;align-items: center;}
.sidebar-sort-item{color: #aaa;padding: 10px 0px;text-decoration: none;margin-right: 20px;display: flex;align-items: center;}
.sidebar-sort-item:last-child{margin-right: 0;}
.sidebar-sort-item:hover{color: #fff;}
.sidebar-sort-item.active{font-weight: 500;color: #fff;}
.sidebar-sort-item span{font-size: 13px;display: inline-block;}
.sidebar-sort-item .icon{height: 12px;background: url("../img/sort-arrow.png") no-repeat;display: inline-block;margin:0 5px;font-size: 0;}
.sidebar-sort-price .icon-sort-default{width: 11px;background-position: 0px 0px;}
.sidebar-sort-order .icon-sort-default{width: 9px;background-position: -33px 0px;}
.sidebar-sort-price.active .icon-sort-down{width: 11px;background-position: -22px 0px;}
.sidebar-sort-price.active .icon-sort-up{width: 11px;background-position: -11px 0px;}
.sidebar-sort-order.active .icon-sort-down{width: 9px;background-position: -42px 0px;}
.sidebar-clean{color: #aaa;}
.sidebar-clean:hover{color: #fff;text-decoration: underline;}

.sidebar-sort-by-stores{padding: 0px 25px;}
.sidebar-sort-by-stores .check-stores .custom-control-label{color: #aaa;}
.sidebar-sort-by-stores .check-stores-toggle{color: #aaa;}
.sidebar-sort-by-stores .dropdown-stores .custom-control-label{color: #666;}

[dir=rtl] .sidebar-sort-item{margin-right: 20px;margin-left: 0px;}
[dir=rtl] .sidebar-sort-item:last-child{margin-right: 0;margin-left: 20px;}

.sidebar-items{font-size: 12px;display:flex;flex-direction: column;padding:0 25px; }
.sidebar-item{margin-bottom: 20px;}
.sidebar-item-box{display:flex;display: -ms-flexbox;-ms-flex-align: stretch; align-items: stretch;}
.sidebar-item-img{width: 94px;height: 94px; flex-shrink: 0;position: relative;}
.sidebar-item-img a{width: 100%;height: 100%;display: block;}
.sidebar-item-img img{width: 100%;height: 100%;border-radius: 3px;object-fit: cover;}
.sidebar-item-num{min-width: 20px;height: 20px;line-height: 20px; padding: 0 3px;text-align: center; position: absolute;top: 3px;left: 3px;background: rgba(255,255,255,.9);box-shadow:0px 4px 8px rgba(0, 0, 0, 0.1); color: #666;font-size: 12px;display: block;border-radius:24px;}
.sidebar-item-info{padding: 0 0 0 10px;width: 100%;flex-grow: 1;overflow: hidden;display: flex;display: -ms-flexbox;-ms-flex-direction: column;flex-direction: column;}
.sidebar-item-title{font-size: 12px;line-height: 16px;color: #aaa;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display:block;}
.sidebar-item-title:hover{color: #fd6802;text-decoration: underline;}
.sidebar-orders-rating{font-size: 12px;color: #aaa;margin-top: 8px;line-height: 1.2;display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;}
.sidebar-rating{display: flex;align-items: center;}
.sidebar-rating-value{color: #aaa;}
.sidebar-rating-value .icon-star-fill{color: #fd6802;margin: 0 5px;font-size: 12px;}
.sidebar-orders{color: #aaa;}
.sidebar-website-info{display: flex;align-items: center;margin-top: 8px;line-height: 16px;font-size: 12px;}
.sidebar-website{color: #aaa;height: 16px;}
.sidebar-website:hover{color: #fd6802;text-decoration:none;}
.sidebar-store{color: #aaa;height: 16px;line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sidebar-store:hover{text-decoration:none;color: #fd6802;}
.sidebar-item-price{display: flex;align-items:flex-end;justify-content: space-between; margin-top: auto;line-height: 1.2;}
.sidebar-price-vaule{color: #fd6802;font-size: 14px;font-weight: 600;}
.sidebar-delete{margin-left: auto;color: #aaa;font-size: 12px;visibility: hidden;display: block;}
.sidebar-item:hover a.sidebar-delete{visibility: visible;}
.sidebar-delete:hover{text-decoration: underline;color: #fd6802;}

[dir=rtl] .sidebar-store{padding-left: 0px;padding-right: 15px;}
[dir=rtl] .sidebar-store:before{left: auto;right: 0; }

.sidebar-recently-time{width:100%!important;max-width: 100%;flex: 0 0 100%!important;height: 20px;display: block;margin:0px 0 15px 0; position: relative;}
.sidebar-recently-time-content{display:flex;align-items:center;justify-content: space-between;}
.sidebar-recently-timer{font-size: 13px;color:#666;position: relative;padding: 0 0 0 20px;}
.sidebar-recently-timer::before{content: '';width: 10px; height: 10px;background: #666666;position: absolute;top:4px;left: 0;display: block;font-size: 0;border-radius: 10px;}
.sidebar-recently-timer::after{content: '';width: 2px; height: 20px;background: #666666;position: absolute;top:4px;left: 4px;display: block;font-size: 0;}
.sidebar-recently-timer-delete{font-size: 13px;height: 14px; color: #666;text-decoration: none;}

.sidebar-recently-content{padding: 0 25px;}
.sidebar-recently-items{display: flex;margin:0 -5px;flex-wrap: wrap;}
.sidebar-recently-item{position: relative;width:33.3333%;max-width:33.3333%;flex: 0 0 33.3333%;padding:0 5px;margin-bottom: 15px;}
.sidebar-recently-item-box{position:relative;width:100%;overflow:hidden;border-radius: 3px;}
.sidebar-recently-item-img{width:100%;height: 110px;overflow: hidden;border-radius: 3px;background: #666;}
.sidebar-recently-img-link{display: block;height: 100%; position:relative;}
.sidebar-recently-img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 3px;}
.sidebar-recently-item-img .btn-delete{position: absolute;top: 0;right: 0;opacity: 0;width: 20px;height: 20px;background: rgba(0,0,0,.3);text-align: center;line-height: 20px; display: block;border-radius: 0px 3px 0 3px;transition: all .2s ease-in-out;}
.sidebar-recently-item:hover .btn-delete{opacity: 1;}
.sidebar-recently-item-img .btn-delete .ap-icon{font-size: 10px;color: #fff;}
.sidebar-recently-item-img .btn-delete:hover{background: rgba(253,104,2,1);color: #fff;}

.sidebar-recently-item-info{padding: 10px 0;}
.sidebar-recently-item-price{font-size: 14px;height: 16px; line-height: 16px;color: #ccc;font-weight: bold;}


.sidebar-recently-tabswitch{display: block;text-align: center;padding: 20px 0 20px 0;}
.sidebar-recently-tabswitch ul{overflow: hidden;background: #333;height: 35px;border: solid 1px #555;display:inline-flex;border-radius: 3px; align-items: center;}
.sidebar-recently-tabswitch li{display: inline-block;}
.sidebar-recently-tabswitch li a{display: block;padding: 0 20px;height: 35px;line-height: 33px;color: #aaa;font-size: 13px;text-decoration: none;}
.sidebar-recently-tabswitch li.active a{background: #444;color: #fff;}

.sidebar .message{width: 100%;text-align: center;}
.sidebar .message .ap-icon{color:#999;font-size: 80px;}
.sidebar .message-title{color: #999;font-size: 16px;}
/*侧边栏 --END*/


.sort-by-stores{padding-top: 20px;}
.check-stores{margin: 0;}
.check-stores .custom-control {position: relative;min-height: 1.5rem;padding-left: 1.5rem;margin:3px 30px 3px 0;}

.check-stores .custom-control-label{font-size: 13px;color: #777;line-height: 1.5;}
.check-stores .custom-control-label::before {position: absolute;top: 2px;left: -1.5rem;display: block;width: 16px;height: 16px;pointer-events: none;content: "";background-color: #fff;border: #c2c2c2 solid 2px;}
.check-stores .custom-control-label::after {position: absolute;top: 2px;left: -1.5rem;display: block; width: 16px;height: 16px;content: "";background: no-repeat 50%/50% 50%;}
.check-stores .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3e%3cpath fill='%23fd6802' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.check-stores .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3e%3cpath fill='%23fd6802' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.check-stores .custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #fd6802;background-color: #fff;}
.check-stores .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(253, 104, 2, 0.5);border-color: #e5e5e5;}
.check-stores .custom-control-input:not(:disabled):active ~ .custom-control-label::before {color: #fff; background-color:#fff;border-color: #fd860e;}
.check-stores-dropdown .custom-control-label::before {position: absolute;top: 2px;left: -1.5rem;display: block;width: 16px;height: 16px;pointer-events: none;content: "";background-color: #fff;border: #c2c2c2 solid 2px;}
.check-stores-dropdown .custom-control-label::after {top: 0px;left: -1.6rem;width: 20px;height: 20px;}
.check-stores-dropdown .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: #c2c2c2;}
.check-stores-dropdown .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 8 8'%3e%3cpath fill='%23fd6802' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  }
.check-stores-dropdown .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(253, 104, 2, 0.5);border-color: #e5e5e5;}
.sort-by-stores .btn-outline-orange{padding: 0 20px;height: 30px;background-color: #fff;}


[dir=rtl] .check-stores .custom-control{padding-left: 1.5rem;padding-right:0rem;}
[dir=rtl] .check-stores .custom-control-label::before {left:unset;right: -1.5rem;}
[dir=rtl] .check-stores .custom-control-label::after{left:unset;right: -1.5rem;}
[dir=rtl] .check-stores-dropdown .custom-control-label::before {left: -1.5rem;right:-1.5rem;}
[dir=rtl] .check-stores-dropdown .custom-control-label::after {left:unset;right:-1.575rem;}

.check-stores-toggle{font-size: 13px;color: #777;padding:8px 0;}
.check-stores-toggle::after{vertical-align:-3px;border-width:5px;border-style: solid;border-color: #ccc transparent transparent transparent;}
[dir=rtl] .check-stores-toggle::after{margin-left: 0;margin-right: 5px;}
.dropdown-stores{padding: 16px 0;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 6px;width:320px;text-align: inherit;}
.dropdown__check-store{display: flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction: column;position: relative;}
.dropdown-stores .dropdown__check-store-item{width:50%;padding: .375rem 1rem .375rem 1.5rem;text-align: inherit;white-space: nowrap;background-color: transparent;margin: 0;}
[dir=rtl] .dropdown-stores .dropdown__check-store-item{padding: .375rem 1.5rem .375rem 1rem;}
.dropdown__check-store-list{margin-bottom: 10px; padding: 0px 16px;display: flex;display: -ms-flexbox; flex-wrap: wrap;}
.dropdown__check-store-list::-webkit-scrollbar {width:8px;height: 1px;}
.dropdown__check-store-list::-webkit-scrollbar-track{background-color:transparent;border-radius: 10px;}
.dropdown__check-store-list::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #e5e5e5;}
.dropdown__check-store-list::-webkit-scrollbar-thumb:hover{background-color: #ddd;}
.dropdown__check-store-bottom{height: 32px;padding: 0 16px;}
.dropdown__check-store-bottom .btn{height: 32px;line-height: 32px;padding: 0;text-align: center;font-size: 14px;font-weight:600;}

.dropdown__alert-warning{background-color:#fff3e6;border:solid 1px #fd860e;font-size: 14px;color: #fd860e;display:block;align-items: center;padding: 5px 15px;border-radius: 3px;margin: 0;position: absolute;bottom:34px;left: 16px;right: 16px;}
.dropdown__alert-warning i{font-size: 14px;}
.dropdown__alert-warning-text{color: #fd860e;font-size: 14px;margin: 0 5px;}



.extension-download__banner-text{position:absolute;left:898px;top:280px;}
.extension-download__banner-desc{margin-bottom: 30px;display: flex;flex-direction: column;}
.extension-download__banner-desc-item{margin-bottom: 20px;display: flex;align-items: center;}
.extension-download__banner-desc-item:last-child{margin-bottom: 0;}
.extension-download__banner-desc-item .text{font-size: 20px;font-weight: 400;}
.extension-download__banner-desc-item i{width: 50px;height: 50px;border-radius: 100%;background-color: #fff;line-height: 50px;text-align: center; font-size: 24px;color: #666;margin-right: 20px;font-weight: 600;box-shadow: 0 0 30px rgba(0, 0, 0, .1);flex-shrink: 0;}
.extension-download__banner-btn .btn-download{min-width: 260px;height:60px;display: inline-block;border-radius: 100rem;background: #04c446;box-shadow: 0px 10px 10px rgba(4, 196, 40, .2);padding:0 30px;}
.extension-download__banner-btn .btn-download i{font-size: 42px;color: #fff;}
.extension-download__banner-btn .btn-download span{color: #fff;font-size: 22px;}
.extension-download__banner-btn .btn-download:hover{background: #0ead51;}

[dir=rtl] .extension-download__banner-text{left: unset; right:900px;}
[dir=rtl] .extension-download__banner-desc-item i{margin-left: 20px;margin-right: 0;}

.extension-download__available-site{padding-bottom: 80px;}


.extension-download__ae-demo{background-color: #f4f7fa;width:100%;height:calc(100vh - 100px);min-height: 1000px; overflow: hidden;}
.extension-download__ae-demo-container{width: 1200px;height: 100%; margin: 0 auto;position: relative;display: flex;justify-content: space-between;overflow: unset;}
.extension-download__ae-demo-text{margin-top: 280px;max-width: 368px;}
.extension-download__ae-demo-title{font-size: 24px;line-height: 1.5;margin-bottom: 38px;color: #333;}
.extension-download__ae-demo-desc{margin-bottom: 60px;}
.extension-download__ae-demo-desc.carousel-indicators {position: unset; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex;flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-left:0;margin-right: 0; list-style: none;}
.extension-download__ae-demo-desc-item{margin-bottom: 10px;display: flex;align-items: center;background-color: #eee;height: 40px;padding: 0 15px;border-radius: 6px;color: #666;cursor: pointer;}
.extension-download__ae-demo-desc-item::before{width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent;position: absolute;right: -16px;top: 12px;content: '';display: block;}
.extension-download__ae-demo-desc-item.active{background-color: #fd860e;color: #fff;position: relative;}
.extension-download__ae-demo-desc-item.active::before{border-color: transparent transparent transparent #fd860e;}
.extension-download__ae-demo-desc-item .text{font-size: 16px;}
.extension-download__ae-demo-desc-item i{font-size: 18px;margin-right: 18px;}

[dir=rtl] .extension-download__ae-demo-desc-item i{margin-right: 0px;margin-left: 18px;}
[dir=rtl] .extension-download__ae-demo-desc-item::before{right:unset;left: -16px;}
[dir=rtl] .extension-download__ae-demo-desc-item.active::before{border-color: transparent #fd860e transparent transparent;}

.extension-download__demo-btn .btn-download{min-width: auto; height:60px;display: inline-block;border-radius: 100rem;background: #04c446;box-shadow: 0px 10px 10px rgba(4, 196, 40, .2);padding:0 30px;}
.extension-download__demo-btn .btn-download i{font-size: 44px;color: #fff;}
.extension-download__demo-btn .btn-download span{color: #fff;font-size: 22px;}
.extension-download__demo-btn .btn-download:hover{background: #0ead51;}

.extension-download__demo-img{position: relative;height: 100%;}
.extension-download__ae-demo-img{width: 832px;display: block;margin-right: -50px;}
[dir=rtl] .extension-download__ae-demo-img{margin-right: 0px;margin-left: -50px;}
.extension-download__ae-demo-bg{position: absolute;right: 0;top: 224px;}
.extension-download__ae-demo-popup{position: absolute;top: 284px;right: 24px;}
.extension-download__ae-demo-popup.carousel-inner{position: absolute;width: 434px;}

.extension-download__ae-demo-popup .carousel-item{padding: 0; animation-name:aeDemo;-webkit-animation:aeDemo 0.4s linear 0s normal none;-moz-animation:aeDemo 0.4s linear 0s normal none;animation:aeDemo 0.4s linear 0s normal none;}
@-webkit-keyframes aeDemo{from{opacity:0;top:-70px;} to{opacity:1;top:0px;} }
@-moz-keyframes aeDemo{from{opacity:0;top:-70px;} to{opacity:1;top:0px;} }
@keyframes aeDemo{from{opacity:0;top:-70px;} to{opacity:1;top:0px;} }

.extension-download__element-circle{position: absolute;background: -moz-linear-gradient(top, rgba(217,244,237,.3), rgba(211,212,235,.3));background: -webkit-linear-gradient(top, rgba(217,244,237,.3), rgba(211,212,235,.3));background: -o-linear-gradient(top, rgba(217,244,237,.3), rgba(211,212,235,.3));display: block;opacity: .3;border-radius: 100%;}
.extension-download__element-circle-30{width: 30px;height: 30px;}
.extension-download__element-circle-50{width: 50px;height: 50px;}
.extension-download__element-circle-70{width: 70px;height: 70px;}
.extension-download__element-circle-800{width: 800px;height: 800px;}

.extension-download__toolbar-demo{width:100%;height:calc(100vh - 100px);min-height: 1000px; overflow: hidden;}
.extension-download__toolbar-demo-container{width: 1200px;height: 100%; margin: 0 auto;position: relative;display: flex;}
.extension-download__toolbar-demo-img{width: 600px;height: 100%;display: block;}
.extension-download__toolbar-demo-sample{position: absolute;left: 0;top: 256px;}
.extension-download__toolbar-demo-sample.carousel-inner {position: absolute;overflow: hidden;}
.extension-download__toolbar-demo-text{margin-top: 280px;padding-left: 200px;}
.extension-download__toolbar-demo-title{font-size: 24px;line-height: 1.5;margin-bottom: 38px;color: #333;}
.extension-download__toolbar-demo-desc{margin-bottom: 60px;}
.extension-download__toolbar-demo-desc.carousel-indicators {position: unset; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex;flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-left:0;margin-right: 0; list-style: none;}
.extension-download__toolbar-demo-desc-item{margin-bottom: 30px;display: flex;align-items: center;color: #666;cursor: pointer;transition: all 0.6s ease;}
.extension-download__toolbar-demo-desc-item:last-child{margin-bottom: 0;}
.extension-download__toolbar-demo-desc-item i{color:#999;font-size:30px;margin-right: 18px;width: 60px;height: 60px;line-height: 60px; text-align: center;background-color: #fff;border: solid 1px #eee;border-radius: 100%;box-shadow: 0 0 20px rgba(0, 0, 0, .1);transition: all 0.6s ease;flex-shrink: 0;}
.extension-download__toolbar-demo-desc-item .text{font-size: 20px;color: #666;transition: all 0.6s ease;}
.extension-download__toolbar-demo-desc-item.active i{color:#fff;background-color: #fd860e;border: solid 1px #fd860e;}
.extension-download__toolbar-demo-desc-item.active .text{color: #fd860e;}

[dir=rtl] .extension-download__toolbar-demo-text{padding-left: 0px;padding-right: 200px;}
[dir=rtl] .extension-download__toolbar-demo-desc-item i{margin-right: 0px;margin-left: 18px;}


.extension-download__browser{background: #fafafa;padding: 90px 0;text-align: center;}
.extension-download__browser-title{display: block;padding-bottom:60; text-align: center;}
.extension-download__browser-title h3{font-size:30px;line-height: 1;color: #666; font-weight: 500;display: inline-block;}
.extension-download__browser-list-group{display: flex;justify-content: center;padding: 50px 0 80px 0;}
.extension-download__browser-item{padding: 0 50px;}
.extension-download__browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column; text-align: center;}
.extension-download__browser-link .browser-icon{width: 50px;}
.extension-download__browser-link p{display: block;font-size:16px;font-weight:400;margin-top: 20px;color: #037cd5;text-decoration: underline;white-space: nowrap;}
.extension-download__browser-link:hover p{color: #fd6802;}



/* alibaba插件介绍 */
.extension-alibaba__banner{display:block;width:100%;height:800px;overflow:hidden;background:#e4ebf7;}
.extension-alibaba__banner-box{width: 1200px;height: 800px;margin: 0 auto;position: relative;}
.extension-alibaba__banner-pic{position: absolute;left:-220px;top:95px;width: 100%;}
.extension-alibaba__banner-text{position:absolute;left:900px;top:200px;width: 400px;}
.extension-alibaba__banner-title{width: 100%;}
.extension-alibaba__banner-title-t1{font-size:30px;line-height:1.5;font-weight:400;display:block;color: #444;margin-bottom: 20px;}
.extension-alibaba__banner-title-t2{font-size:18px;line-height:1.6;font-weight:400;display:block;color: #444;margin-bottom: 40px;}
.extension-alibaba__banner-desc{margin-bottom: 50px;display: flex;flex-direction: column;}
.extension-alibaba__banner-desc-item{margin-bottom: 20px;display: flex;align-items: center;}
.extension-alibaba__banner-desc-item:last-child{margin-bottom: 0;}
.extension-alibaba__banner-desc-item .text{font-size: 20px;font-weight: 400;}
.extension-alibaba__banner-desc-item i{width: 50px;height: 50px;border-radius: 100%;background-color: #fff;line-height: 50px;text-align: center; font-size: 24px;color: #666;margin-right: 20px;font-weight: 600;box-shadow: 0 0 30px rgba(0, 0, 0, .1);flex-shrink: 0;}


[dir=rtl] .extension-alibaba__banner-pic{left:unset;right:-220px;}
[dir=rtl] .extension-alibaba__banner-text{left:unset;right:900px;}
[dir=rtl] .extension-alibaba__banner-desc-item i{margin-left: 20px;margin-right: 0;}

.extension-alibaba__toolbar-demo{background-color: #fff;width:100%;height:calc(100vh - 100px);min-height: 1000px; overflow: hidden;}
.extension-alibaba__toolbar-demo-container{width: 1200px;height: 100%; margin: 0 auto;position: relative;display: flex;justify-content: space-between;overflow: unset;}
.extension-alibaba__toolbar-demo-img{position: relative;height: 100%;width: 832px;display: block;}
.extension-alibaba__demo-hardware-bg{position: absolute;right: -220px;top: 230px;}
[dir=rtl] .extension-alibaba__demo-hardware-bg{left: -220px;right: unset;}
.extension-alibaba__demo-macbook-bg{position: relative;width: 1143px;height: 668px;}
.extension-alibaba__demo-macbook-screen{width:769px;height: 480px; background-color:#000;position: absolute;top: 43px;left: 190px;}
.extension-alibaba__toolbar-demo-inner{width: 100%;height: 100%;}

.extension-alibaba__toolbar-demo-text{margin-top: 280px;max-width: 380px;}
.extension-alibaba__toolbar-demo-title{font-size: 32px;line-height: 1.5;margin-bottom: 38px;color: #333;}
.extension-alibaba__toolbar-demo-desc{margin-bottom: 60px;}
.extension-alibaba__toolbar-demo-desc.carousel-indicators {position: unset; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex;flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-left:0;margin-right: 0; list-style: none;}
.extension-alibaba__toolbar-demo-desc-item{margin-bottom: 30px;display: flex;align-items: center;color: #666;cursor: pointer;transition: all 0.6s ease;}
.extension-alibaba__toolbar-demo-desc-item:last-child{margin-bottom: 0;}
.extension-alibaba__toolbar-demo-desc-item i{color:#999;font-size:30px;margin-right: 18px;width: 60px;height: 60px;line-height: 60px; text-align: center;background-color: #fff;border: solid 1px #eee;border-radius: 100%;box-shadow: 0 0 20px rgba(0, 0, 0, .1);transition: all 0.6s ease;flex-shrink: 0;}
[dir=rtl] .extension-alibaba__toolbar-demo-desc-item i{margin-left: 18px;margin-right: 0;}
.extension-alibaba__toolbar-demo-desc-item .text{font-size: 20px;color: #666;transition: all 0.6s ease;}
.extension-alibaba__toolbar-demo-desc-item.active i{color:#fff;background-color: #fd860e;border: solid 1px #fd860e;}
.extension-alibaba__toolbar-demo-desc-item.active .text{color: #fd860e;}


.extension-alibaba__element-circle{position: absolute;background: -moz-linear-gradient(top, rgba(217,244,237,.3), rgba(211,212,235,.3));background: -webkit-linear-gradient(top, rgba(217,244,237,.3), rgba(211,212,235,.3));background: -o-linear-gradient(top, rgba(217,244,237,.3), rgba(211,212,235,.3));display: block;opacity: .3;border-radius: 100%;}
.extension-alibaba__element-circle-30{width: 30px;height: 30px;}
.extension-alibaba__element-circle-50{width: 50px;height: 50px;}
.extension-alibaba__element-circle-70{width: 70px;height: 70px;}
.extension-alibaba__element-circle-800{width: 800px;height: 800px;}



.modal-install__alibaba{width: 800px;max-width: 800px;}
.modal-install__alibaba-content{padding:50px;}
.modal-install__alibaba .title{font-size:30px;line-height: 1; font-weight: lighter;text-align: center;}
.modal-install__browser-list-group{display: flex;flex-wrap: wrap;padding-top: 50px;margin: 0 -8px 20px -8px;}
.modal-install__browser-item{flex:0 0 25%;padding: 0 8px;}
.modal-install__browser-link{width:100%;height: 160px;border: solid 1px #e5e5e5;border-radius: 5px;display:flex;justify-content: center;align-items: center;flex-flow: column; text-align: center;text-decoration: none;transition:all 0.15s ease-in-out;}
.modal-install__browser-link .browser-icon{width: 50px;margin-bottom: 20px;}
.modal-install__browser-link.active,
.modal-install__browser-link:hover{border: solid 1px #9cadbd;text-decoration: none;}
.modal-install__browser-link .text{display: block;font-size:18px;font-weight: lighter;color: #666;}

.opera-intro{padding: 30px 30px 0 30px;}
.opera-tutorial{border: solid 1px #9cadbd;border-radius: 5px;padding: 24px;}
.opera-tutorial__badge-num{width: 30px;height: 30px;border: solid 1px #9cadbd;color: #9cadbd;font-size: 14px;border-radius:100rem;line-height:28px;margin-top:10px}
.opera-tutorial__item{padding-left:15px;}
[dir=rtl] .opera-tutorial__item{padding-left:0px;padding-right: 15px;}
.opera-tutorial__item-icon{width: 50px;}
.opera-tutorial__item-title{padding: 0 15px;color:#666;}
.opera-tutorial__item-title .title{font-size: 16px;color:inherit;font-weight:600;margin-bottom:8px;line-height: 1.3;}
.opera-tutorial__item-title .small{}
.opera-tutorial__btn-green{min-width: auto;height:36px; line-height: 36px;border:none; display: inline-flex;align-items: center; border-radius: 5px;background: #04c446;box-shadow: 0px 10px 10px rgba(4, 196, 40, .2);padding:0 24px;}
.opera-tutorial__btn-green i{color: #fff;font-size: 18px;font-weight:500;margin-right:5px;}
[dir=rtl] .opera-tutorial__btn-green i{margin-left:5px;}
.opera-tutorial__btn-green .text{color: #fff;font-size: 14px;font-weight:600;}
.opera-tutorial__btn-green:hover{background: #0ead51;}
.opera-tutorial__desc{font-size: 14px;color: #666;line-height: 1.7;}
.opera-tutorial__desc .text-info{text-decoration: underline;}
.opera-tutorial__desc .btn-light{border-color: #e5e5e5;border-radius: 5px;color:#666;}
.opera-tutorial__desc .btn-light:hover{border-color: #9cadbd;}
.opera-tutorial__desc .btn-light i{color:#ff1b2d;font-size: 16px;}


.modal-list-stores{width: 860px;max-width: 860px;}
.modal-list-stores .logo-list-group{padding: 30px;grid-template-columns: repeat(5,20%);}
.modal-list-stores .logo-item{margin-bottom: 16px;padding: 0 8px;}
.modal-list-stores .logo-img{max-width: 70%;max-height: 70%;}
.modal-addons-content{overflow: unset;}
.modal-addons-content .close-outside{position: absolute;right:-50px;top:0px;padding: 0;text-shadow: unset;font-weight: 500;}
.modal-addons-content .close-outside i{font-size: 24px;color: rgba(255, 255, 255, 1); transition: color .2s ease-in-out;}
.modal-addons-content .close-outside:hover i{color: rgba(255, 255, 255, 1);}
.modal-section-title{text-align: center;margin: 24px auto 0 auto;}
.modal-section-title .title{font-size: 20px;color: #555;font-weight: 500;}
[dir=rtl] .modal-addons-content .close-outside{right:unset;left: -50px;}

.modal-addons__detail{width: 960px;max-width: 960px;}
.modal-addons__info{padding: 2rem 2rem 1.5rem 2rem;}
.addons-icon{margin-right: 30px;width: 60px;height: 60px;}
.addons-title{font-size: 20px;color: #555;margin-bottom: 8px;}
.addons-by{font-size: 14px;color: #999;}
.addons-version{font-size: 14px;color: #999;margin-bottom: 5px;}
.addons-log{font-size: 14px;color: #999;text-decoration: underline;}


[dir=rtl] .addons-icon{margin-right: 0px;margin-left: 30px;}

.modal-addons__info .btn-wrap{display: flex;justify-content: flex-end;flex-direction: column;}
.btn-addons{height:40px;min-width: 140px;text-align: center; display:flex;justify-content: center; border-radius:4px;background: #28a745;padding:0 24px;text-decoration: none;box-shadow: 0 10px 10px rgba(40,167,69,.2);transition:all 0.15s ease-in-out;flex-shrink: 0;}
.btn-addons .text{color: #fff;line-height:1;font-size: 14px;white-space: nowrap;font-weight: 500;}
.btn-addons:hover{background: #218838;text-decoration: none;box-shadow: 0 10px 10px rgba(33,136,56,.2);}

.modal-addons__carousel{background-color: #fafafa;border-radius: 0 0 10px 10px;}
.modal-addons__carousel-inner{width: 100%;  margin: 30px auto 50px;}
.modal-addons__carousel-inner .carousel-item{padding: 0;text-align: center;}
.modal-addons__carousel-inner .carousel-item .w-100{width: auto!important;display: inline-block!important;}
.modal-addons__carousel-control-prev{top: calc(50% - 40px);left: 30px;}
.modal-addons__carousel-control-next{top: calc(50% - 40px);right: 30px;}
.modal-addons__carousel-control-prev,
.modal-addons__carousel-control-next{width: 50px;height: 50px;border-radius: 100rem;background-color: #fff;box-shadow:0 0px 10px 0 rgba(0, 0, 0, .15);}
.modal-addons__carousel-control-prev i,
.modal-addons__carousel-control-next i{font-size: 24px;color: #999;}
.modal-addons__carousel-indicators{bottom: 20px;}
.modal-addons__carousel-indicators li{width: 10px;height: 10px;border-radius: 100rem;background-color: #ffffff;border:solid 1px #999;box-sizing:border-box;transition: all .4s ease;}
.modal-addons__carousel-indicators li.active{background-color: #666;border:unset;}
.modal-addons__detail .browser-list-group{padding: 24px;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 auto;width: 100%;}
.modal-addons__detail .browser-item{max-width: 12.5%;width:100%;}
.modal-addons__detail .browser-icon{width: 40px;height: 40px;}
.modal-addons__detail .browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column;padding: .75rem .5rem;}
.modal-addons__detail .browser-link:hover{background-color: #eef1f6;border-radius: 5px;}
.modal-addons__detail .browser-link p{display: block;font-size:14px;font-weight:400;margin-top:8px;margin-bottom: 0; color: #666;text-decoration:none;white-space: nowrap;}
.modal-addons__detail .browser-link:hover p{color: #ff7318;text-decoration: none;}
.modal-addons__opera-addons-item{margin-bottom: 30px;}
.modal-addons__opera-addons-item:last-child{margin-bottom: 0;}
.modal-addons__badge-num{width: 30px;height: 30px;border: solid 1px #9cadbd;color: #9cadbd;font-size: 14px;border-radius:100rem;margin:10px 15px 0 0;}
.modal-addons__desc{font-size: 14px;color: #666;line-height: 1.7;}
.modal-addons__desc p{margin-bottom: 0;}
.modal-addons__desc .text-info{text-decoration: underline;word-break:break-all;}
.modal-addons__desc .btn-light{border-color: #e5e5e5;border-radius: 5px;color:#666;}
.modal-addons__desc .btn-light:hover{border-color: #9cadbd;}
.modal-addons__desc .btn-light i{color:#ff1b2d;font-size: 16px;}


/* 1688插件介绍 */
.topic-banner__search-by-image{width:100%;height:900px;overflow:hidden;background:#f0e8e4;}
.topic-banner__fluid-container{width: 1200px;margin: 0 auto;position: relative;display: grid;grid-template-columns: 33.33333% 66.66667%;grid-template-rows: repeat(2, auto);}
.topic-banner__search-by-image__demo-img{position:relative;display:flex; height:900px;align-items: center;margin-left: 60px;}
.topic-banner__search-by-image__demo-img img{width: 100%;min-width: 860px;max-width: 1020px;}
.topic-banner__search-by-image__caption{margin: 0 auto;display: flex;height:900px;align-items: center;}
.topic-banner__search-by-image__caption-block{width:100%;}
.topic-banner__search-by-image__caption-title{width: 100%;}
.topic-banner__search-by-image__caption-title-t1{font-size:42px;line-height:1.5;font-weight:bold;display:block;color: #444;margin-bottom: 0px;}
.topic-banner__search-by-image__caption-title-t2{font-size:20px;line-height:1.6;font-weight:400;display:block;color: #444;margin-bottom: 40px;margin-top: 30px;}
.topic-banner__search-by-image__caption-title-t1.english{font-size:36px;line-height:1.5;font-weight:bold;display:block;color: #444;margin-bottom: 0px;}
.topic-banner__search-by-image__caption-title-t1.secondly.english{font-size:28px;line-height:1.5;font-weight:bold;display:block;color: #444;margin-bottom: 0px;}
.topic-banner__search-by-image__caption-title-t2.english{font-size:19px;line-height:1.5;font-weight:400;display:block;color: #444;margin-bottom: 40px;margin-top: 30px;}



.extension-1688__banner{display:block;width:100%;height:900px;overflow:hidden;background:#e4ebf7;position: relative;}
.extension-1688__banner-container{width: 1200px;margin: 0 auto;position: relative;display: grid;grid-template-columns: 66.66667% 33.33333%;grid-template-rows: repeat(2, auto);}
.extension-1688__banner-pic{width:863px;height:900px;display: flex;align-items: center;margin-left: -70px;}
.extension-1688__banner-box{width: 440px;height:100%;display: flex;align-items: center;margin-left: 70px;}
.extension-1688__banner-caption{margin-left:auto;}
.extension-1688__banner-text{}
.extension-1688__banner-title{width: 100%;}
.extension-1688__banner-title-t1{font-size:36px;line-height:1.5;font-weight:bold;display:block;color: #444;margin-bottom: 15px;}
.extension-1688__banner-title-t2{font-size:20px;line-height:1.6;font-weight:400;display:block;color: #444;margin-bottom: 40px;}
.extension-1688__banner-desc{margin-bottom: 40px;display: flex;flex-direction: column;}
.extension-1688__banner-desc-item{margin-bottom: 20px;display: flex;align-items: center;}
.extension-1688__banner-desc-item:last-child{margin-bottom: 0;}
.extension-1688__banner-desc-item .text{font-size: 20px;font-weight: 400;}
.extension-1688__banner-desc-item i{width: 50px;height: 50px;border-radius: 100%;background-color: #fff;line-height: 50px;text-align: center; font-size: 24px;color: #666;margin-right: 20px;font-weight: 600;box-shadow: 0 0 30px rgba(0, 0, 0, .1);flex-shrink: 0;}



.extension-1688__banner-btn .btn-download{min-width: 260px;height:60px;display: inline-flex;align-items:stretch;justify-content: center;border-radius: 100rem;background: #28a745;box-shadow: 0px 10px 10px rgba(4, 196, 40, .2);padding:0 40px;transition: all 0.15s ease-in-out;}
.extension-1688__banner-btn .btn-download i{font-size: 42px;color: #fff;}
.extension-1688__banner-btn .btn-download span{color: #fff;font-size: 20px;}
.extension-1688__banner-btn .btn-download:hover{background: #218838;}

.extension-1688__banner-btn .btn-green-light{min-width: 260px;height:60px;display: inline-flex;align-items:stretch;justify-content: center;border-radius: 100rem;background: #e5f9ec;box-shadow: 0px 10px 10px rgba(4, 196, 40, .05);border: solid 1px #28a745; padding:0 40px;transition: all 0.15s ease-in-out;}
.extension-1688__banner-btn .btn-green-light span{color: #28a745;font-size: 20px;}
.extension-1688__banner-btn .btn-green-light i{font-size: 20px;color: #28a745;font-weight: 600;}
.extension-1688__banner-btn .btn-green-light:hover{background: #dff2e6;}


.extension-1688__demo{display:block;width:100%;background-color: #fff;}
.extension-1688__demo-title{text-align: center;margin-top: 100px;margin-bottom: 50px;}
.extension-1688__demo-title h5{font-size:36px;line-height:1.5;font-weight:500;display:block;color: #444;margin-bottom: 20px;}
.extension-1688__demo-title p{font-size:18px;line-height:1.5;font-weight:500;display:block;color: #444;margin-bottom: 20px;}
.extension-1688__avaible-site{width: 1010px;margin: 0 auto 100px auto;}
.extension-1688__logo-list-group{display: flex;align-items: center;flex-wrap: wrap;margin: 0 -5px;}
.extension-1688__logo-list-item{width: 160px;height: 60px;border: solid 1px #e5e5e5;border-radius: 5px;display: flex;align-items: center;justify-content: center;margin: 0 5px 10px 5px;position: relative;}
.extension-1688__logo-list-item__action{position: absolute;right: 1px;top: 1px;padding: 5px;}
.extension-1688__logo-list-item__action i{font-size: 16px;color: #ccc;line-height: 1;transition: all .2s ease-in-out;}
.extension-1688__logo-list-item__action:hover i{color: #999}
.extension-1688__demo-banner{margin-bottom: 30px;}

.extension-1688__browser{background: #fafafa;padding: 90px 0;text-align: center;}
.extension-1688__browser-title{display: block;padding-bottom:60; text-align: center;}
.extension-1688__browser-title h3{font-size:30px;line-height: 1;color: #333; font-weight: 600;display: inline-block;}
.extension-1688__browser-list-group{display: flex;-ms-flex-pack: distribute;justify-content: space-around;padding: 50px 0 50px 0;flex-wrap: wrap;}
.extension-1688__browser-item{text-align: center;padding-bottom: 16px;position: relative;}
.extension-1688__browser-item::after{width:0;height:0;position: absolute;left: 50%; bottom:0px;margin-left: -15px; display:none;border-width:15px;border-style: solid;border-color: transparent transparent #f4f4f4 transparent;content: "";}
.extension-1688__browser-item.active::after{display: none;}
.extension-1688__browser-item.item-bg-grey{background-color: #f4f7fa;}
.extension-1688__browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column; text-align: center;}
.extension-1688__browser-link .browser-icon{width: 40px;height: 40px;}
.extension-1688__browser-link p{display: block;font-size:14px;font-weight:400;margin-top: 8px;margin-bottom: 0; color: #999;text-decoration: none;white-space: nowrap;}
.extension-1688__browser-link:hover p{color: #ff7318;}
.extension-1688__browser-download-btn .btn-download{min-width: 260px; height:60px;display: inline-block;border-radius: 100rem;background: #28a745;box-shadow: 0px 10px 10px rgba(4, 196, 40, .2);padding:0 40px;}
.extension-1688__browser-download-btn .btn-download i{font-size: 44px;color: #fff;}
.extension-1688__browser-download-btn .btn-download span{color: #fff;font-size: 24px;}
.extension-1688__browser-download-btn .btn-download:hover{background: #218838;}

.modal-install__1688{width: 960px;max-width: 960px;}
.modal-install__1688-content{padding-bottom: 24px;}
.modal-install__1688-title{margin-top: 24px; margin-bottom: 24px;text-align: center;padding: 0 50px;}
.modal-install__1688-title .title{font-size:18px;line-height: 1; font-weight: bold;margin-bottom: 16px;}
.modal-install__1688-title .title-secondly{font-size:14px;line-height:1.2;font-weight:400;display:block;color: #999;}
.modal-install__1688-title .qqkf{background-color: #218aed;color: #fff;padding: 3px 5px;border-radius: 3px;margin:3px;transition: all .2s ease-in-out;display:inline-flex;align-items: center;cursor:pointer;}
.modal-install__1688-title .qqkf i,
.modal-install__1688-title .qqkf span{margin: 0 3px;cursor:pointer;}
.modal-install__1688-title .qqkf:hover{background-color: #06c;color: #fff;cursor:pointer;}
.modal-install__1688-title .weixin-badge{background-color: #28a745;color: #fff;padding: 3px 5px;border-radius: 3px;margin:3px;transition: all .2s ease-in-out;display:inline-flex;align-items: center;cursor:pointer;}
.modal-install__1688-title .weixin-badge i,
.modal-install__1688-title .weixin-badge span{margin: 0 3px;cursor:pointer;}
.modal-install__1688-title .weixin-badge:hover{background-color: #218838;color: #fff;cursor:pointer;}
.modal-install__1688-title .weixin{display: inline-flex;position: relative;}
.modal-install__1688-title .weixin.show .tooltips-weixin-qrcode{display: block;}
.tooltips-weixin-qrcode{display: none;width: 200px; background-color: #fff;border-radius: 10px;padding: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, .15);position: absolute;left: -100%;bottom: 38px;}
.tooltips-weixin-qrcode::before{border-width:10px;border-style: solid;border-color: #fff transparent transparent transparent;content: "";width:0;height:0;position: absolute;left: 50%; bottom:-20px;margin-left: -10px;}
.tooltips-weixin-qrcode .weixin-qrcode{width: 100%;}

.modal-install__1688 .extension-1688__browser-list-group{padding: 0 24px;justify-content: left;position: relative;}
.modal-install__1688 .extension-1688__browser-item{width: 12.5%;}
.modal-install__1688 .collapse-section{width: 100%;border-radius: 5px;overflow: hidden;}
.modal-install__1688-guide{width: 100%;height:auto;text-align: left;}
.modal-install__1688-guide-item{width:300px;padding:20px ;}
.modal-install__1688-guide-item:first-child{position: relative;background-color: #f4f4f4;overflow: hidden;}
/* .modal-install__1688-guide-item:first-child::after{width:0;height: 0;position: absolute;right:-30px;top: 0;bottom: 0;display:block;border-width:30px;border-style: solid;border-color: #efefef #efefef #efefef #f4f4f4;content: "";} */
.modal-install__1688-guide-item:nth-child(2){width:100%;background-color: #f4f4f4;}
.modal-install__1688-guide-item .num{width:30px;height:30px;font-size: 14px;color: #666; border: solid 1px #e5e5e5;border-radius: 100rem;text-align: center;background-color: #fff;line-height: 28px;}
.modal-install__1688-guide-item .guide-info{padding-left: 15px;}
.modal-install__1688-guide-item .desc{font-size: 14px;color: #666;line-height: 1.75;white-space: normal;margin-bottom: 0;}
.modal-install__1688-guide-item .btn-sm-green{background-color: #04c446;color: #fff;border-radius: 100rem;padding: 5px 24px;margin-top: 10px;line-height: 1.4;display: inline-flex;align-items: center;}
.modal-install__1688-guide-item .btn-sm-green span{margin-right: 6px;}
.modal-install__1688-guide-item .btn-sm-green i{font-style: 16px;}

.modal-install-1688__video-section{background-color: #333;border-radius: 5px;}
.modal-install-1688__video-inner{width: 780px; height: 460px; margin: 30px auto;border-radius: 5px;overflow: hidden;}
.modal-content__video{background-color: #333;}
.modal-content__video .addons-title{color: #ccc;}
.modal-content__video .addons-desc{color: #999;font-size:16px;}
.modal-content__video video{border-radius: 5px;}


/*爆款榜*/
.rk-main{background-color: #f4f5f8;padding-bottom: 50px;}
.rk-container{min-width: 1200px;max-width: 1400px;margin: 0 auto;width: 100%;}
.rk-filter-row{border-bottom: solid 1px #e5e5e5;}
.rk-filter-row:last-child{border-bottom: none;}
.rk-filter-title{text-wrap: nowrap;}
.rk-filter-website.active{color: var(--color-primary);}
.rk-filter-type .btn-outline-light:not(:disabled):not(.disabled).active{border-color: #ff7318!important;color: #ff7318;}
.rk-filter-type .btn-outline-light:not(:disabled):not(.disabled).active .icon-question{color: #ff7318!important;}
.rk-filter .icon-question{line-height: 1;}
.rk-filter-price .form-control{width: 100px;}


.rk-product-section{width:100%;margin: 0 auto;padding-top: 30px;}
.rk-product__list-items{display: flex;margin:0 -10px;flex-wrap: wrap;-ms-flex-align: stretch!important;align-items: stretch!important;}
.rk-product__list-items li{position: relative;width:20%;max-width: 20%; flex: 0 0 20%;padding:0 8px;margin-bottom: 16px;}
.rk-product__item{position:relative;width:100%;height:100%; background: #fff; transition: all .2s ease-in-out;border-radius: 10px;padding: 10px;}
.rk-product__item:hover::before{border-width: 1px;border-style: solid;border-color: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';border-radius: 10px;z-index: 2;border-color: #fd860e;}
.rk-product__item-pic{width:100%;height: 0;padding-bottom: 100%;background: #fff;position: relative;z-index: 3;}
.rk-product__img-link{width: 100%; height: 100%; position:absolute;z-index: 4;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.rk-product__img-link img{max-width:100%; max-height: 100%; height: 100%; object-fit: cover;border-radius: 10px;}
.rk-product__item-num{min-width: 24px;height: 24px;line-height: 24px; padding: 0 3px;text-align: center; position: absolute;top: 8px;left: 8px;background: rgba(255,255,255,.97);box-shadow:0px 0px 5px rgba(0, 0, 0, .1); color: #666;font-size: 13px;display: block;border-radius:24px;z-index: 24;}
.rk-product__item-info{padding:0;position: relative;z-index: 5;}
.rk-product__item-price{margin-top: 10px;font-size: 16px;height: 18px; line-height: 18px;color: #333;font-weight: bold;}
.rk-product__item-title{color: #666;display: -webkit-box; height: 36px; overflow: hidden;line-height: 18px; margin-top:10px;transition: all .2s ease-in-out;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;}
.rk-product__item-title:hover{color: #ff7318;}
.rk-product__rating-orders{display: flex;align-items: center;gap: 8px;margin-top: 10px;}
.rk-product__rating{display: flex;align-items: center;gap: 8px; color: #999;font-size: 12px;}
.rk-product__rating .icon-star-fill{color: #ff7318;font-size: 12px;line-height: 1;}
.rk-product__orders{color: #999;font-size: 12px;}
.rk-product__website-info{display: flex;align-items: center;margin-top: 10px;}
.rk-product__store-name{color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .2s ease-in-out;font-size: 12px;display: inline-block;}
.rk-product__store-name:hover{color: #ff7318;}
.rk-product__btn-price{margin-top: 10px;}
.rk-product__btn-price .btn-dark{font-size: 12px;padding: 4px 8px;line-height: 1.3;}


.chart-data-list-group{display: flex;align-items: center;flex-wrap: wrap;}
.chart-data-list-item{display: flex;align-items: center;width: 50%;font-size: 13px;margin-bottom: 10px;line-height: 1.2;color: #999;}
.chart-data-list-item.w-100{width: 100%;}
.chart-data-input-box{position: relative;}
.chart-data-input{border: solid 1px #e5e5e5;border-radius: 3px;color: #999;font-size: 13px;width: 100%;padding:6px 26px 6px 8px;}
.chart-data-input-box .icon-calendar{font-size: 16px;color: #c2c2c2;position: absolute;right: 8px;top:calc(50% - 10px);display: block;}
.chart-data-list-item .space{margin: 0 10px;color: #c2c2c2;}
.chart-data-list-item .label{border: solid 1px #e5e5e5;color: #999;padding: 3px 10px;border-radius:3px;margin-right:5px;margin-bottom: 0;}
.chart-data-list-item .label-green{border-color: #55c2ad;color: #55c2ad;}
.chart-data-list-item .label-orange{border-color: #fd860e;color: #fd860e;}
.chart-data-list-item .text{color: #999;margin: 0 3px;}

.rk-pagination{font-size: 14px;}
.rk-pagination .page-link{color: #666;}
.rk-pagination .page-link:hover{color: #ff7318;}
.rk-categories{position: relative;}
.dropdown-categories { width: 245px; border: 1px solid #e9e9e9; background-color: #fff; font-size: 13px;display: none; -webkit-tap-highlight-color: transparent; position: absolute; top:calc(100% + 2px); left: 0;z-index: 1000; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);border-radius: 5px; }
.dropdown-categories.show{ display: block; z-index: 20; } 
.rk-categories .categories-toggle{min-width: 160px;display: flex;justify-content: space-between;align-items: center;}
.rk-categories .categories-toggle .icon-chevron-down{transition: all .2s ease-in-out;}
.rk-categories.active .categories-toggle .icon-chevron-down{transform: rotate(180deg)!important;}
.rk-categories-list-box { position: relative;padding: 10px 0; }
.rk-cl-item { margin: 0; }
.rk-cl-item .rk-cate-name { position: relative;font-weight: normal; }
.rk-cl-item .rk-cate-name span { position: relative; display: block; padding-left: 20px; height: 30px; line-height: 28px; cursor: pointer; background-color: #fff; border: 1px solid #fff; border-right: 0; -webkit-tap-highlight-color: transparent; }
.rk-cl-item-open .rk-cate-name span { border-color: #e9e9e9; margin-left: -1px; padding-left: 21px; width: 245px; z-index: 100; }
.rk-cl-item .rk-cate-name span a { color: #333; }
.rk-cl-item .rk-cate-name span a:hover { color: #ff7318; }
.rk-cl-item .rk-sub-cate { display: none; position: absolute; top: -1px; left: 243px; margin-left: 0; background-color: #fff; border: 1px solid #e9e9e9; z-index: 99; border-radius: 5px;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);}
.rk-cl-item-open .rk-sub-cate { display: block; min-height: 402px; }
.rk-sub-cate-main { position: relative; width: auto; padding: 5px 0 10px 20px; white-space: nowrap; overflow: hidden; }
.rk-sub-cate-content { display: inline-block; }
.rk-sub-cate-items, 
.rk-sub-cate-row{ display: inline-block; vertical-align: top; padding-right: 20px; width: 234px; }
.rk-sub-cate-row .rk-sub-cate-items { display: block; margin-bottom: 5px; }
.rk-sub-cate-items dt { margin-bottom: 5px; font-weight: 700; line-height: 35px; height: 35px; border-bottom: 1px solid #e9e9e9; }
.rk-sub-cate-main a { color: #333; }
.rk-sub-cate-main a:hover { color: #ff7318; text-decoration: none; }
.rk-sub-cate-items dt a { display: inline-block; }
.rk-sub-cate-items dd { margin-left: 0;display: block; }
.rk-sub-cate-items dd a { line-height: 26px; }
.rk-sub-cate-items dd a, 
.rk-sub-cate-items dt a { max-width: 190px; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; }
.rk-sub-cate-items dd a { display: block; }
/*爆款榜  --END*/

/*货代产品列表*/
.forwarder-breadcrumb-section{width: 1200px;margin: 0 auto;}
.forwarder-breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0rem; list-style: none;}
.forwarder-breadcrumb-item { display: -ms-flexbox; display: flex;font-size: 13px; }
.forwarder-breadcrumb-item+.forwarder-breadcrumb-item { padding-left: .5rem; }
.forwarder-breadcrumb-item+.forwarder-breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #999; content: ">"; }
.forwarder-breadcrumb-item a,
.forwarder-breadcrumb-item.active { color: #999; }

.forwarder-filter-section{width: 1200px;margin: 0 auto;padding-top: 0px;}
.forwarder-filter-nav{border-radius: 5px;display: flex;-ms-flex-pack: distribute;align-items: center; background-color: #fff;padding:20px 25px; width: 100%; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);}
.forwarder-filter-nav-item{font-size: 14px;color: #999;width: 140px;}
.forwarder-filter-nav-item.label{width: 100px;color: #999;}
.forwarder-filter-nav-link{display: inline-block;font-size: 14px;color: #666;}
.forwarder-filter-nav-link.active{color: #ff7318;}
.forwarder-filter-nav-link.active:hover,
.forwarder-filter-nav-link:hover{color: #ff7318;}


.forwarder-product-section{width: 1200px;margin: 0 auto;padding-top: 20px;}
.forwarder-product__list{}
.forwarder-product__list-items{display: flex;margin:0 -10px;flex-wrap: wrap;}
.forwarder-product__list-items li{position: relative;width:20%;max-width: 20%; height: 324px;flex: 0 0 20%;padding:0 8px;margin-bottom: 16px;}
.forwarder-product__item{position:relative;width:100%;height:100%;min-height: 324px; background: #fff; transition: all .2s ease-in-out;border-radius: 5px;}
.forwarder-product__item-pic{width:100%;height: 224px;overflow: hidden;background: #fff;}
.forwarder-product__img-link{display: block;height: 100%; position:relative;}
.forwarder-product__img-link:before{border-width: 1px;border-style: solid;border-color: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';border-bottom: none;border-radius: 5px 5px 0 0;}
.forwarder-product__item:hover .forwarder-product__img-link:before{border-color: #fd6802;}
.forwarder-product__img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 5px 5px 0 0;}
.forwarder-product__item-num{width: 24px;height: 28px;line-height: 24px;text-align: center; position: absolute;top: 0;left: 0;background:url(../img/ranking/forwarder-badge.png) no-repeat; color: #fff;font-size: 13px;display: block;}
.forwarder-product__item-info{padding: 10px;border-width: 1px;border-style: solid;border-color: rgba(0,0,0,.1);border-top: none;border-radius: 0 0 6px 6px;transition: all 0.08s ease-in-out;background: #fff;min-height:100px;}
.forwarder-product__item:hover .forwarder-product__item-info{border-color: #fd6802;}
.forwarder-product__item-price{margin-bottom: 10px;font-size: 16px;height: 18px; line-height: 18px;color: #333;font-weight: bold;}
.forwarder-product__item-title{color: #666;display: -webkit-box;height: 36px; overflow: hidden;line-height: 18px; margin-bottom:10px;transition: all .2s ease-in-out;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.forwarder-product__item-title:hover{color: #ff7318;}
.forwarder-product__rating-orders{display: flex!important;display: -ms-flexbox!important;-ms-flex-pack: justify!important;justify-content: space-between!important;align-items: center;line-height: 1;margin-bottom: 10px;height: 16px;line-height: 16px;}
.forwarder-product__rating{display: flex;align-items: center;color: #999;font-size: 12px;}
.forwarder-product__rating .icon-star-fill{color: #ff7318;margin-right: 5px;font-size: 12px;}
.forwarder-product__orders{color: #999;font-size: 12px;}
.forwarder-product__store-info{display: flex;align-items: center;}
.forwarder-product__store-name{color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .2s ease-in-out;font-size: 12px;display: inline-block;}
.forwarder-product__store-name:hover{text-decoration:none;color: #ff7318;}
.forwarder-product__aliwang{margin-left: auto;color: #218aed;font-size: 16px;}
.forwarder-product__aliwang:hover{color: #218aed;}

.update-log-info{font-size: 14px;}
.update-log-title{font-size: 14px;font-weight: 700;color: #666;}
.update-log-desc{font-size: 14px;}

.update-log-item{margin-bottom: 1.75rem;font-size: 14px;}
.update-log-icon{width: 36px;height: 36px;flex-shrink: 0;}
.update-log-icon img{width: 100%;height: 100%;}
.update-log-btn{display: flex;align-items: stretch;flex-direction: column; gap: 8px;font-size: 14px;}
.update-log-btn .btn{display: flex;align-items: center;justify-content: center; gap: 8px;}

@-webkit-keyframes log-content-fade { 0% { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: translateY(0) } }
@keyframes log-content-fade { 0% { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: translateY(0) } }

.update-log-container{width: 1324px;margin: 0 auto;}
.update-log-left{width: 300px;flex-shrink: 0;}
.update-log-right{flex: 1 1 auto;}
.log-content{opacity: 0; animation: log-content-fade .5s ease-in-out;}
.log-content.show{opacity: 1;display: block!important;}
.update-version-list{flex-direction: column;}
.update-version-list li{display: flex;align-items: center;}
.update-version-list li a{flex: 1;color: #666;cursor: pointer;padding: 0 16px 0 20px;white-space: nowrap;display: flex;font-size: 16px;line-height: 45px;}
.update-version-list li a:hover{background-color: rgba(0, 0, 0, .07);border-radius: 5px;}
.update-version-list li a.active{color: #ff7318;}
.update-version-list li .version{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;}
.update-version-list li span:not(.version){color: rgba(0, 0, 0, .5);margin-left: 5px;}

.navtab-section{padding-top: 20px;}
.navtab{display: flex;align-items: center;padding:0px 25px; width: 1200px;margin: 0 auto;background-color: #fff;border-radius: 5px;}
.navtab-item{text-align: center;display: block;margin: 0 20px;}
.navtab-link{display:flex;align-items: center;font-size: 16px;color: #666;font-weight: 600;padding:20px 5px;}
.navtab-link.active{color: #fd860e;position: relative;}
.navtab-link.active::after{height: 3px;width: 100%;background-color: #fd860e;border-radius: 5px 5px 0 0; position: absolute;bottom: 0;left: 0; content: "";display: block;font-size: 0;}
.navtab-link.active:hover{color: #fd860e;}
.navtab-link:hover{color: #fd860e;}





.contact-us{display: flex;align-items: stretch;flex-wrap: wrap;margin: 0 -8px;}
.contact-us .contact-icon{width: 40px;height: 40px;border-radius: 100rem; display: flex;align-items: center;justify-content: center;background-color: #f2f2f2;color: #fff;text-decoration: none;}
.contact-us .contact-icon.kakaotalk{background-color: #f9e81f;}
.contact-us .contact-icon.weixin{background-color: #0ead51;}
.contact-us .contact-icon.mail{background-color: #ff7318;}
.contact-us .contact-icon.vk{background-color: #0077ff;}
.contact-us .contact-icon.facebook{background-color: #1278f3;}
.contact-us .contact-icon.dingding{background-color: #1996e6;}
.contact-us .contact-icon.qq{background-color: #12b7f5;}
.contact-us .contact-icon.line{background-color: #06c755;}
.contact-us .contact-icon .ap-icon{font-size: 24px;}
.contact-us .contact-icon .icon-kakaotalk-fill{color: #3e3034;}
.contact-us .contact-icon .icon-weixin{color: #fff;}
.contact-us .contact-icon .icon-mail{color: #fff;}

.contact-col{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;padding: 0px 8px 16px 8px;}
.contact-item{position: relative;background-color: #f4f5f8;padding: 20px;}
.contact-item:hover .tooltips-qrcode{display: block;}
.contact-item .contact-name{font-size: 14px;}
.contact-item .contact-desc{font-size: 14px;}
.tooltips-qrcode{display: none;width: 220px; background-color: #fff;border-radius: 10px;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, .15);position: absolute;left: 50%;top: calc(100% - 10px);z-index: 10;transform: translateX(-50%);}
.tooltips-qrcode::before{border-width:10px;border-style: solid;border-color: transparent transparent #fff transparent;content: "";width:0;height:0;position: absolute;left: 50%;top:-20px;margin-left: -10px;}
.tooltips-qrcode .qrcode{width: 200px;}

.btn-contact-item{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: solid 1px #ddd;border-radius: 100rem;margin-right: 10px;transition: all .2s ease-in-out;text-decoration: none;}
.btn-contact-item:hover{background-color: #f8f8f8;border: solid 1px #ccc;text-decoration: none;}
.btn-contact-item .ap-icon{font-size: 20px;}
.btn-contact-item .icon-vk{color: #0077ff;}
.btn-contact-item .icon-facebook{color: #1278f3;}
.btn-contact-item .icon-weixin{color: #02d668;}
.btn-contact-item .icon-qq{color: #12b7f5;}
.btn-contact-item .icon-dingding{color: #1996e6;}
.btn-contact-item .icon-kakaotalk-fill{color: #ffcd01;}
.btn-contact-item .icon-whatapp{color: #25d366;}
.btn-contact-item.weixin{position: relative;}
.btn-contact-item.weixin.show .tooltips-weixin-qrcode{display: block;justify-content: center;align-items: center;}
.btn-contact-item .tooltips-weixin-qrcode{display: none; background-color: #fff;border-radius: 10px;padding: 8px;min-width:200px;min-height: 200px; max-width: 310px;max-height: 310px; box-shadow: 0 0 10px rgba(0, 0, 0, .15);position: absolute;left: 0;top: 45px;transform: translateX(calc(-50% + 20px)); z-index: 10;}
.btn-contact-item .tooltips-weixin-qrcode::before{border-width:10px;border-style: solid;border-color: transparent transparent #fff transparent;content: "";width:0;height:0;position: absolute;left: 50%; top:-20px;margin-left: -10px;}
.btn-contact-item .tooltips-weixin-qrcode .weixin-qrcode{width: 100%;}
@-webkit-keyframes fade-language { 0% { opacity: 0; transform:translate(0,-10%)!important;} to { opacity: 1; transform: translate(0,0)!important;} }
@keyframes fade-language { 0% { opacity: 0; transform: translate(0,-10%)!important;} to { opacity: 1; transform: translate(0,0)!important; } }

/*登录注册页面*/
.Canvas{height: 100vh;width: 100vw;color: #333;overflow: hidden;}
.Canvas-background{background: #f4f4f4 50%; background-size: cover; height: 100%;width: 100%;position: relative;}
.Canvas-background--oli-dale-139169{background-image: url(../img/Canvas/oli-dale-139169.jpg);}
.Canvas-background--anders-jilden-108186{background-image: url(../img/Canvas/anders-jilden-108186.jpg);}
.Canvas-mask{background: rgba(0,0,0,.5);width: 100%; height: 100%;overflow-x: hidden;overflow-y: auto;display:flex;flex-direction: column;}

.Canvas-language{margin-right: 20px;margin-left: auto; margin-top: 20px;z-index: 10;}
.Canvas-language-container{position: relative;}
.Canvas-language-toggler{display: flex;align-items: center;position: relative;background-color: #fff;border: solid 1px rgba(0, 0, 0, .1);border-radius: 5px;padding: 8px 15px;}
.Canvas-language-toggler::after{display: inline-block; margin-left: .255em; vertical-align: middle; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;color: #ccc;}
.Canvas-language .flag{width: 20px; height: 20px;border-radius: 3px;overflow: hidden;display: flex;}
.Canvas-language .flag img{width: 100%;height: 100%; object-fit: cover;}
.Canvas-language .current{font-size:14px;color: #999;margin-left: 10px;}
.Canvas-dropdown-language{display: none;margin-top: 2px;position: absolute;top: 40px!important;right: 0!important;left: unset!important; z-index: 10;padding: .5rem 0; background-color: #fff;border-radius: 5px;border: solid 1px rgba(0, 0, 0, .1); box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);}
.Canvas-dropdown-language.show{display: block;-webkit-animation: fade-language .3s ease-in-out;animation: fade-language .3s ease-in-out;transform: translate(0,0)!important;}
.Canvas-dropdown-language-item{display: flex;align-items: center;color: #666;padding: .5rem 1.5rem;width: 100%;font-weight: 400;color: #666;white-space: nowrap;}
.Canvas-dropdown-language-item:hover{background-color: #f8f8f8;}
.Canvas-dropdown-language-item .text{margin-left: 10px;color: #666;font-size:14px;}
.Canvas-dropdown-language-google{padding: .5rem 1.5rem;}
.Canvas-dropdown-language-google label{color: #999;font-size: 14px;}

.fm-flag-dropdown{max-height: 300px;overflow-y: auto;}
.fm-flag-item{display: flex;align-items: center;gap: 8px;padding-left:12px;padding-right: 12px;}

/*modal-login*/
.modal-login{min-width: 500px;}
.modal-login .Canvas-layout{width: 100%;position:inherit;top:auto; right:auto;background: #fff;padding: 50px;margin-top: 0px;margin-bottom: 0px;}
.modal-login .close{right: 0px;top: 0px;z-index: 1010;padding: 10px;line-height: 1rem;font-size: 16px;}

@media (min-width: 576px){
    .modal-dialog.modal-login {
      max-width: 510px;
      margin: 0 auto;
    }
}
.Canvas-container{position: relative;display:flex;flex-direction: column;margin: 0 auto;padding: 0 20px;}
.Canvas-header{margin: 24px 0 0 0;text-align: center;}
.Canvas-header-brand{display: inline-block;}
.Canvas-header-brand .logo-new{height: 30px;}
.Canvas-layout{width: 100%;background: #fff;padding: 50px;border-radius: 5px;margin-top: 40px;margin-bottom: 40px;}
.Canvas-layout .error{display:flex;align-items: center; margin-top: 15px;font-size: 13px;}
.Canvas-layout .error small{line-height: 16px;vertical-align: middle;}
.Canvas-layout .error i{font-size: 16px;margin-right: 5px;}
.Canvas-layout .error span{vertical-align: middle;font-size: 13px;}
.Canvas-layout .forgot{color: #999;font-size: 13px;}
.Canvas-layout .forgot:hover{text-decoration: underline;}

.Canvas-layout .form-title{margin-bottom: 20px;display: flex;justify-content: space-between;}
.Canvas-layout .form-title .title{font-size: 18px;color: #333;font-weight: 600;}
.Canvas-layout .form-title span{font-size: 14px;color: #666;}
.Canvas-layout .form-title span .sign{color: #666;}
.Canvas-layout .form-title span .sign:hover{text-decoration: underline;}


.Canvas-layout .title-block{line-height: 1;height: 18px; position: relative;display: block;text-align: center;margin-bottom:15px;}
.Canvas-layout .title-block .line{height:1px;width: 100%;font-size:0;border-top:solid 1px #e5e5e5;display: block;position:absolute;top: 9px;z-index: 10;}
.Canvas-layout .title-block .title{color: #999;font-size: 14px;height: 18px;line-height: 18px; display: inline-block;background: #fff;padding: 0 10px;z-index: 12;position:relative;}
.Canvas-layout .socialButtonsBlock{width: 100%;margin-bottom:30px;display:flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;}
.Canvas-layout .socialButtonsBlock .socialButton{display:flex;align-items: center;justify-content:center;color: #fff;font-size: 14px;font-weight:500;height: 50px;border-radius: 3px;cursor: pointer;outline: none;width:50px;min-width:50px;overflow: hidden;}
.Canvas-layout .socialButtonsBlock .socialButton:hover{opacity: .85;color: #fff;text-decoration: none;}
.Canvas-layout .socialButtonsBlock .socialButton i{font-size: 24px;text-align: center;font-weight: 400;}
.Canvas-layout .socialButtonsBlock .socialButton .figure-icon{width: 100%;height: 100%;display:flex;align-items: center;justify-content:center;margin: 0;}
.Canvas-layout .socialButtonsBlock .socialButton .figure-icon .apple{object-fit: cover;width: 20px;height: auto;color:#fff;}
.Canvas-layout .socialButtonsBlock .socialButton .figure-icon .google-g{object-fit: cover;width:20px;height:auto;}
.Canvas-layout .socialButtonsBlock .socialButton.alibabaCN{background-color: #ff4000;}
.Canvas-layout .socialButtonsBlock .socialButton.taobao{background-color: #ff5000;}
.Canvas-layout .socialButtonsBlock .socialButton.taobao i{font-size: 30px;}
.Canvas-layout .socialButtonsBlock .socialButton.weixin{background-color: #07c160;}
.Canvas-layout .socialButtonsBlock .socialButton.weixin i{font-size: 30px;}
.Canvas-layout .socialButtonsBlock .socialButton.qq{background-color: #0099ff;}
.Canvas-layout .socialButtonsBlock .socialButton.qq i{font-size: 30px;}
.Canvas-layout .socialButtonsBlock .socialButton.facebook{background-color: #48619f;}
.Canvas-layout .socialButtonsBlock .socialButton.vk{background-color: #6287ae;}
.Canvas-layout .socialButtonsBlock .socialButton.x{background-color: #111;}
.Canvas-layout .socialButtonsBlock .socialButton.apple{background-color: #000;}
.Canvas-layout .socialButtonsBlock .socialButton.google-g{background-color: #fff;border: solid 1px #ccc;}
.Canvas-layout .socialButtonsBlock .socialButton.yandex-ru{background-color: #fc3f1d;}
.Canvas-layout .socialButtonsBlock .socialButton.naver{background-color: #01c73c;}
.Canvas-layout .socialButtonsBlock .socialButton.kakao{background-color: #fae100;}
.Canvas-layout .socialButtonsBlock .socialButton.yahoo{background-color: #fff;border: solid 1px #ccc;}
.Canvas-layout .socialButtonsBlock .socialButton.toss{background-color: #fff;border: solid 1px #ccc;}
.Canvas-layout .socialButtonsBlock .socialButton.payco{background-color: #f92828;}
.Canvas-layout .socialButtonsBlock .socialButton.line{background-color: #01c73c;}
.Canvas-layout .socialButtonsBlock .socialButton.more{background-color: #999999;cursor: pointer;}
.Canvas-layout .socialButtonsBlock .socialButton.more i{font-size:30px;}


@-webkit-keyframes fade-down { 0% { opacity: 0; transform:translate(calc(-50% + 25px),-10%); } to { opacity: 1; transform: translate(calc(-50% + 25px),0);} }
@keyframes fade-down { 0% { opacity: 0; transform: translate(calc(-50% + 25px),-10%);} to { opacity: 1; transform: translate(calc(-50% + 25px),0); } }

.social-more{position: relative;width:50px;height: 50px;}
.socialButton__dropdown.show{display:flex;align-items: center;gap: 10px;}
.socialButton__dropdown{display:none;background-color:#fff;border:1px #ccc solid;position:absolute;top: 61px;left: 0;padding:20px; border-radius: 10px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);z-index: 99;-webkit-animation: fade-down .3s ease-in-out;animation: fade-down .3s ease-in-out;transform: translate(calc(-50% + 25px),0);width: 392px;flex-wrap: wrap;}
.socialButton__dropdown:before{content: ""; width:20px;height: 11px;display:inline-block;background:url(../img/arrow-top-20.png) no-repeat;position: absolute;top:-11px;left:50%;margin-left: -10px;}




@media (max-width: 991.98px){
    .Canvas-layout{padding: 15px;}
    .Canvas-layout .socialButtonsBlock{justify-content:start;}
}

.Canvas-layout .via-email-form{margin-top: 20px;}
.Canvas-layout .via-email-form .form-group{margin-bottom: 15px;}
.Canvas-layout .via-email-form .form-group-btn{margin-bottom: 0!important;}
.Canvas-layout .via-email-form .form-group i{width: 40px;height: 40px;position: absolute;left:0;top: 5px; font-size: 16px;line-height: 40px; text-align: center;color: #999;}
.Canvas-layout .via-email-form .form-group a .icon-question{width: 20px;height: 20px;position:unset;font-size: 16px;line-height:1.5; text-align: center;color: #999;margin-left: 4px;text-decoration: none;}
.Canvas-layout .via-email-form .form-group a:hover{text-decoration: none;}
.Canvas-layout .via-email-form .form-group .form-control{height: 50px;font-size: 14px;width:100%;border-radius: 3px;padding:0 10px 0 40px;color: #666;}
.Canvas-layout .via-email-form .form-group .form-control::placeholder{color: #999;}
.Canvas-layout .via-email-form .form-group .input-phone{border-radius: 0 3px 3px 0;}
.Canvas-layout .via-email-form .custom-checkbox .custom-control-label::before{width: 14px;height: 14px;top: .25rem;left: -1.5rem;font-size: 0;}
.Canvas-layout .via-email-form .custom-checkbox .custom-control-label::after{width: 14px;height: 14px;top: .265rem;left: -1.5rem;font-size: 0;}
.Canvas-layout .via-email-form .check label{color: #999;font-size: 14px;}
.Canvas-layout .via-email-form .check label a{color: #666;}
.Canvas-layout .via-email-form .check label a:hover{text-decoration: underline;}
.Canvas-layout .via-email-form .btn-login{font-size: 18px;height: 50px;display: flex;justify-content: center;align-items: center;text-align: center;padding: 0; font-weight:600;}
.is-invalid.captcha{border: solid 1px #e96163;border-radius: 3px;overflow: hidden;}
.Canvas-layout .via-email-form .input-group .position-relative{z-index: 10;}
[dir=rtl] .form-control.is-invalid, 
[dir=rtl] .was-validated .form-control:invalid {
    border-color: #e96163;
    padding-right:.75rem;
    padding-left: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e96163' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e96163' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: left calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
[dir=rtl] .Canvas-layout .via-email-form .form-group .custom-control{padding-left: 0;padding-right: 1.5rem;}
[dir=rtl] .Canvas-layout .via-email-form .form-group .custom-control-input{left: unset;right: 0;}
[dir=rtl] .Canvas-layout .via-email-form .form-group i{width: 40px;height: 40px;position: absolute;left:unset;right: 0; font-size: 16px;line-height: 40px; text-align: center;color: #ccc;}
[dir=rtl] .Canvas-layout .via-email-form .form-group .form-control{height: 50px;font-size: 14px;width:100%;border-radius: 3px;padding:0 40px 0 10px;color: #666;}
[dir=rtl] .Canvas-layout .via-email-form .custom-checkbox .custom-control-label::before{width: 14px;height: 14px;top: .25rem;right: -1.5rem;left: unset; font-size: 0;}
[dir=rtl] .Canvas-layout .via-email-form .custom-checkbox .custom-control-label::after{width: 14px;height: 14px;top: .265rem;right: -1.5rem;left: unset; font-size: 0;}

.Canvas-footer{background-color: #fff;margin-top: auto; width: 100%;box-shadow: 0 -1px 0 rgba(0, 0, 0, .1);font-size: 13px;}
.Canvas-footer-container{padding:8px 16px;gap: 10px;}
.Canvas-footer .footer-item-link{color: #333;margin: 0 10px;transition: all .2s ease-in-out;white-space: nowrap;}
.Canvas-footer .footer-item-link:hover{color: #fd860e;}
.Canvas-footer .footer-item-copyright{color: #333;margin: 0 10px;}
.Canvas-footer-logo{height: 12px;display: inline-flex;align-items: center;margin: 0 10px;}
.Canvas-footer-logo img{height: 100%;}
@media (max-width: 991.98px){
    .Canvas-footer-container .ml-auto{margin-left: unset!important;margin-right: auto;}
}

.ucenter-content .Canvas-layout{margin: 0 auto;padding: 0;width: 410px;}
.ucenter-content .Canvas-layout .via-email-form .form-group .edit{position: absolute;right: 0;top: 5px; display:flex;width: 40px;height: 40px;align-items:center;}
.ucenter-content .Canvas-layout .via-email-form .form-group i.icon-pencil{left: unset!important;right: 0;top: 0;}
/*登录注册页面  --END--*/

.wechat-login-layout{width: 510px;background: #fff;border-radius: 5px;margin-top: 40px;margin-bottom: 40px;}
.modal .wechat-login-layout{width: 510px;background: #fff;border-radius: 5px;margin-top: 0px;margin-bottom: 0px;}
.wechat-login-header{display: flex;justify-content: space-between;align-items: center;padding: 5px;}
.wechat-login-header .return{text-decoration: none;background-color: #fff;border-radius: 5px;padding: 12px;font-size: 16px;line-height: 1;color: #999;opacity: 1;}
.wechat-login-header .return:hover{text-decoration: none;background-color: #f2f2f2;}
.wechat-login-header .close{border: none;background: #fff;font-size: 16px;border-radius: 5px;padding: 12px;font-size: 16px;line-height: 1;color: #999;opacity: 1;}
.wechat-login-header .close:hover{text-decoration: none;background: #f2f2f2;opacity: 1!important;}
.wechat-login-main{text-align: center;padding:0 20px 40px 20px;}

.modal-price-alert .text-muted{font-size: 14px;}
.modal-price-alert .text-muted .ap-icon{font-size:14px;}
.modal-price-alert .text-link{color: #218aed;text-decoration: underline;}
.modal-price-alert .form-control::placeholder{color: #ccc;}
.modal-price-alert .col-form-label{font-size: 14px;color: #666;}
.modal-price-alert .form-control-plaintext,
.modal-price-alert .form-control{font-size: 14px;color: #666;}
.modal-price-alert .text{font-size: 14px;color: #666;}


/*复制选项2021.11.02*/
.copy-option-main{min-height: 500px;padding: 50px 0;}
.copy-container{width: 1200px;margin: 0 auto;}
.copy-content{background-color: #fff;border-radius:5px;}
.copy-header-info{display: flex;align-items: baseline;padding:30px 30px;border-bottom: solid 1px #e5e5e5;}
.copy-header-info .user-info{display: flex;align-items: center;padding: 0;}
.copy-header-info .user-info .avatar{width: 30px;height: 30px;border-radius: 50%;background-color: #fff;overflow: hidden;}
.copy-header-info .user-info .avatar img{width: 100%;height: 100%;object-fit: cover;}
.copy-header-info .user-info .username{font-size: 12px;color: #999;margin: 0 15px;}
.copy-header-info .btns{margin-left: auto;}
.copy-header-info .btns .btn-primary{font-size: 16px;font-weight: 600;padding: 7px 30px;}
.copy-body{padding: 20px 0;text-align: center;}
.copy-body img{max-width: 100%;}



/*专题页 2021.12.20*/
.bg-yellow-10{position: relative;}
.bg-yellow-10::before{width: 100%;height: 900px;background-color: #fff8f6;content: "";position: absolute;top: 0;}
.bg-pink-10{position: relative;}
.bg-pink-10::before{width: 100%;height: 900px;background-color: #f0e8e4;content: "";position: absolute;top: 0;}
.taobao-special-banner::before{height:100%;background:linear-gradient(to right, #faf6f5, #f9f1ef);}
.special-banner{width:100%;}
.special-banner__container{width: 1200px;margin: 0 auto;position: relative;}
.special-banner__demo-img{display: flex;justify-content:center;}
.special-banner__caption-block{width: 1020px;margin:0 auto;padding: 80px 0;}
.special-banner__caption-title-xl{font-size:60px;font-weight: 700;}
.special-banner__caption-title{font-size:36px;line-height:1.3;font-weight:700;display:block;color: #444;}
.special-banner__caption-title-sm{font-size:20px;line-height:1.3;font-weight:500;display:block;color: #444;}
.special-banner__buttons{display: flex;}
.special-banner__buttons .btn{min-width: 200px; height:60px;padding:0 40px;border-radius:100rem;text-decoration: none;box-shadow: 0 10px 30px rgba(10,187,64,.1);transition:all 0.15s ease-in-out;font-size: 20px;font-weight: 600;}
.special-banner__buttons.flex-row .btn{margin:0 15px;}
.special-banner__buttons.flex-column .btn{margin-bottom: 30px;}
.special-banner__buttons .btn .content{height: 100%;}
.special-banner__buttons .btn .text{margin: 0 5px;}
.special-banner__buttons .btn .icon-video-play-fill{margin: 0 5px;font-size: 20px;font-weight: 500;}
.special-banner__buttons .btn:last-child{margin-bottom: 0;}
.special-banner__buttons .btn-green{background-color:#0abb40;color: #fff;}
.special-banner__buttons .btn-green:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}
.special-banner__buttons .btn-outlight-green{background-color:#e5f9ec;border: solid 2px #0abb40;color: #0abb40;}
.special-banner__buttons .btn-outlight-green:hover{background-color:#dff2e6;border: solid 2px #0ead51;color: #0ead51;}

.special-banner__demo-img{width: 1020px;height: 720px;margin: auto;}
.special-banner__demo-img .carousel-item{padding: 0;}
.special-banner__demo-img .carousel-indicators{bottom: -26px;}
.special-banner__demo-img .carousel-indicators li{background-color: #000;}

.py6{padding: 6rem 0;}
.py10{padding: 10rem 0;}
.pt10{padding-top: 10rem;}


.special-container{min-width: 1200px;max-width: 1320px;margin: 0 auto;padding-left:15px;padding-right:15px;}
@media screen and (min-width: 100em){
    .special-container{padding-left:50px;padding-right:50px; }
}
.module-example-image{max-width: 50%;}
.module-example-image img{width: 100%;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);}
.module-text{max-width: 42%;width:100%;}
.module-text-layer{width: 100%;height: 100%;padding:50px; display: flex;align-items:flex-start;flex-direction: column;justify-content: center;}
.module-text-layer__right{border-radius: 10px 10px 10px 10px;}
.module-text-layer__left{border-radius: 10px 10px 10px 10px;}
.module-text-layer .module-icon{width: 64px;height: 64px;background: #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;border: solid 2px #ddd;}
.module-text-layer .module-icon .ap-icon{font-size: 36px;color: #fd860e;font-weight: 600;}
.module-title{font-size: 30px;font-weight: 700;margin-top: 1.375rem;}
.module-desc{font-size: 18px;color: #666;margin-top: 1rem;}
.module-desc ol li{margin-bottom: 1rem;}
.module-desc ol li:last-child{margin-bottom: 1rem;}
.module-desc .ol-display-style{padding-left: 1.5rem;}
.module-desc .ol-display-style li{display: list-item;list-style:disc;}
.module-action{margin-top: .375rem;margin-bottom: 0;}
.module-action .text-link{display: flex;align-items: center;}
.module-action .text-link span{font-weight: 700;}
.module-action .text-link .icon-curve-parallel{font-size: 30px;}


.divider-border{padding: 66px 0;}
.divider-border span{margin-left:1px;margin-right: 1px;}
.divider-border .border-left-bottom{width: 30%;height: 50px;border-bottom: dashed 1px #999;border-left: dashed 1px #999;border-bottom-left-radius: 40px;}
.divider-border .border-top-right{width: 30%;height: 50px;border-top: dashed 1px #999;border-right: dashed 1px #999;border-top-right-radius: 40px;margin-top: 49px;}
.divider-border .border-top-left{width: 30%;height: 50px;border-top: dashed 1px #999;border-left: dashed 1px #999;border-top-left-radius: 40px;margin-top: 49px;}
.divider-border .border-bottom-right{width: 30%;height: 50px;border-bottom: dashed 1px #999;border-right: dashed 1px #999;border-bottom-right-radius: 40px;}
.special-page__browser{text-align: center;}
.special-page__browser-title{display: block;padding-bottom:60; text-align: center;}
.special-page__browser-title h3{font-size:30px;line-height: 1;color: #333; font-weight: 600;display: inline-block;}
.special-page__browser-list-group{display: flex;justify-content: space-around;padding: 50px 0 60px 0;}
.special-page__browser-item{text-align: center;}
.special-page__browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column;padding:.75rem 2rem;}
.special-page__browser-link:hover{background-color: #f4f7fa;border-radius: 5px;}
.special-page__browser-link .browser-icon{width: 50px;}
.special-page__browser-link p{display: block;font-size:16px;margin-top: 20px;color: #999;text-decoration: none;white-space: nowrap;}
.special-page__browser-link:hover p{color: #ff7318;}
.special-page__browser__btn-wrap .btn{min-width:200px;height:60px;padding:0 40px;border-radius: 100rem;background: #0abb40;box-shadow: 0px 10px 10px rgba(14,173,81,.1);font-size: 20px;font-weight: 600;}
.special-page__browser__btn-wrap .btn .content{height: 100%;}
.special-page__browser__btn-wrap .btn .text{margin: 0 5px;}
.special-page__browser__btn-wrap .btn-green{background-color:#0abb40;color: #fff;}
.special-page__browser__btn-wrap .btn-green:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}




/*淘宝产品优惠券 2021.12.23*/
.coupon-page__product{padding: 20px;position: relative;margin-bottom: 15px;display: flex;background-color: #fff;border-radius: 5px;}
.coupon-page__product-img{width: 318px;max-width: 318px;flex-shrink: 0;}
.coupon-page__product-img-content{width: 100%;position: relative;}
.coupon-page__product-img-content img{max-height: 318px;height: auto;width: 100%;}
.coupon-page__product-img-content .search-img{background-color: #fff;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12); border-radius: 100rem; font-weight:400;height: 32px;position: absolute;bottom: 15px;left: 15px;display: flex;align-items: center;white-space: nowrap;padding: 0 10px;}
.coupon-page__product-img-content .search-img .ap-icon{font-size: 16px;color: #fd860e;font-weight: 700;margin: 0 5px;}
.coupon-page__product-img-content .search-img .text{font-size: 13px;color: #666;margin: 0 5px;transition: all .2s ease-in-out;}
.coupon-page__product-img-content .search-img:hover{box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); }
.coupon-page__product-img-content .search-img:hover .text{color: #ff7318;}

.coupon-page__product-info{width:100%;padding-left: 30px;display: flex;flex-flow: column;}
[dir=rtl] .coupon-page__product-info{padding-left: 0px;padding-right: 30px;}
.coupon-page__product-title{font-size: 18px;font-weight:600;margin-bottom: .375rem;}
.coupon-page__product-title a{color: #333;}
.coupon-page__product-title a:hover{color: #fd6802;text-decoration: underline;}
.coupon-page__product-original-price{margin-bottom: .375rem;display: flex;align-items:baseline;}
.coupon-page__product-original-price .label{font-size: 14px;font-weight: 400;color: #999;}
.coupon-page__product-original-price .value{margin: 0 10px;display: flex;flex-direction: column;}
.coupon-page__product-original-price .value span{font-size: 14px;font-weight: 400;color: #999;text-decoration: line-through;}
.coupon-page__product-original-price .value .small{font-size: 12px;font-weight: 400;color: #999;text-decoration:line-through;}
.coupon-page__product-current-price{margin-bottom: .5rem;display: flex;align-items:baseline;}
.coupon-page__product-current-price .label{font-size: 14px;font-weight: 400;color: #999;}
.coupon-page__product-current-price .value{margin: 0 10px;display: flex;flex-direction: column;}
.coupon-page__product-current-price .value span{font-size: 30px;font-weight: 700; color: #ff7318;}
.coupon-page__product-current-price .value .small{font-size: 14px;font-weight: 400; color: #ff7318;}
.coupon-page__product-orders{font-size: 14px;color: #999;margin-bottom: .5rem;}
.coupon-page__product-orders .order{color: #999;}
.coupon-page__product-store{display: flex;align-items: center;margin-bottom: .375rem;}
.coupon-page__product-store .store-name{color: #999;font-size: 14px;}

.coupon-page__coupon-item{display: flex;flex-wrap: wrap;}
.coupon-page__coupon-content{background-image: linear-gradient(to right,#fd860e,#fd6802);border-radius: 10px;display:inline-flex;align-items:stretch;height: 100%;}
.coupon-page__coupon-content.disabled{position: relative;background:#eee;cursor: default;}
.coupon-page__coupon-content.disabled .coupon-page__coupon-expired-text{font-size: 18px;font-weight: 500; color: #808080;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;}
.coupon-page__coupon-info{padding: 20px 0px;display: flex;flex-direction:row;margin-right: auto;}
.coupon-page__coupon-value{display: flex;flex-wrap: wrap;color: #fff;align-items:baseline;padding: 0 20px;}
.coupon-page__coupon-value .currency{font-size:18px;font-weight:600;margin:0 2px;}
.coupon-page__coupon-value .off-price{font-size:30px;font-weight: 700;margin:0 2px;}
.coupon-page__coupon-off-info{display: flex;flex-direction: column; color: #fff;padding-right: 20px;}
[dir=rtl] .coupon-page__coupon-off-info{padding-right: 0px;padding-left: 20px;}
.coupon-page__coupon-off-info .over-price{font-size:14px;font-weight:400;}
.coupon-page__coupon-off-info .over-time{font-size:12px;font-weight:400;}
.coupon-page__coupon-divider{border-left:dashed 2px rgba(255,255,255,.5);width:2px; display:block;position: relative;z-index: 2;}
.coupon-page__coupon-divider::before{position: absolute;top: -7px;left: -8px;width: 14px;height: 14px;background-color: #fff;border-radius: 50%;font-size: 0;display: block;content: "";z-index: 3;}
.coupon-page__coupon-divider::after{position: absolute;bottom: -7px;left: -8px;width: 14px;height: 14px;background-color: #fff;border-radius: 50%;font-size: 0;display: block;content: "";z-index: 3;}
.coupon-page__coupon-buttons{padding: 0 20px;display: flex;align-items: center;flex-shrink: 0;}
.coupon-page__coupon-btn{color: #fff;font-size: 14px;font-weight: 500;white-space: nowrap;}
.coupon-page__buttons .btn-lg{font-size: 30px;font-weight: 600;}
.coupon-page__buttons .btn-sm{font-size: 16px;font-weight: 600;}

.coupon-page__product-image-list{padding: 20px;position: relative;margin-bottom: 15px;display: flex;background-color: #fff;border-radius: 5px;}
.coupon-page__product-image-list ul{display: grid;grid-gap: 12px;gap: 12px;width: 100%;grid-template-columns:repeat(4,minmax(0,1fr));align-items: stretch;}
.coupon-page__product-image-list-item{width: 100%;height:100%;}
.coupon-page__product-image-list-item-content{width: 100%;height: 100%; display:flex;justify-content: center;align-items: center; position: relative;border: solid 1px #e5e5e5;border-radius: 3px;}
.coupon-page__product-image-list-item-content img{max-width: 100%;max-height: 100%; border-radius: 3px;}
.coupon-page__product-image-list-item-content .search-img{background-color: #fff;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12); border-radius: 100rem; font-weight:400;height: 32px;position: absolute;bottom: 10px;left: 10px;display: flex;align-items: center;white-space: nowrap;padding: 0 10px;}
.coupon-page__product-image-list-item-content .search-img .ap-icon{font-size: 16px;color: #fd860e;font-weight: 700;margin: 0 5px;}
.coupon-page__product-image-list-item-content .search-img .text{font-size: 13px;color: #666;margin: 0 5px;transition: all .2s ease-in-out;}
.coupon-page__product-image-list-item-content .search-img:hover{box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); }
.coupon-page__product-image-list-item-content .search-img:hover .text{color: #ff7318;}

.recommend-product{padding: 20px;background-color: #fff;border-radius: 5px;}
.recommend-product .title{font-size: 16px;font-weight: 700;margin-bottom: 1rem;}
.recommend-product-list{display: flex;margin:0 -10px;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;}
.recommend-product li{position: relative;width:25%;max-width: 25%;flex: 0 0 25%;padding:0 10px;margin-bottom: 20px;}
.recommend-product li .item{position:relative;width:100%;height:100%;background: #fff; overflow:hidden;transition: all .2s ease-in-out;border-radius: 5px;}
.recommend-product .item-pic{width:100%;height: 196px;overflow: hidden;background: #fff;}
.recommend-product .img-link{display: block;height: 100%; position:relative;z-index: 99;}
.recommend-product .img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 5px;}
.recommend-product .item-info{padding: 10px 5px;position: relative;z-index: 99;}
.recommend-product .item-price{margin-bottom: 10px;font-size: 16px;height: 18px; line-height: 18px;color: #ff7318;font-weight: bold;}
.recommend-product .item-title{color: #666;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; min-height: 18px;line-height: 18px; margin-bottom:10px;transition: all .2s ease-in-out;font-size: 13px;}
.recommend-product .item-title:hover{color: #fd6802;}
.recommend-product .item-title .icon-website-logo{width: 20px;height: 20px;}

.recommend-extension-banner{padding: 20px;margin-bottom: 15px;background-color: #fff;border-radius: 5px;}
.recommend-extension-icon{width: 60px;flex-shrink: 0;}
.recommend-extension-icon img{width: 100%;}
.recommend-extension-title{font-size: 16px;font-weight: 600;color: #666;}
.recommend-extension-desc{font-size: 14px;font-weight: 400;color: #808080;}
.recommend-extension-stars i{font-size: 14px;color: #999;}

.side-banner__taobao{border-radius: 5px;background-color: #fff;position: relative;}
.side-banner__taobao img{border-radius: 5px;}
.side-banner__taobao-text-content{position: absolute;top:30px;left: 30px;color: #505050;}
.side-banner__taobao-title{font-size: 18px;font-weight: 600;}
.side-banner__taobao-secondly-text{font-size: 18px;font-weight: 600;margin-top: 10px;}
.side-banner__taobao-text-content .btn{font-size: 13px;font-weight: 600; margin-top: 12px;padding-top: 10px;padding-bottom: 10px;}
.side-banner__taobao-text-content .btn .ap-icon{font-size: 18px;font-weight: 400;width: 18px;height: 18px;line-height: 1;}
.side-banner__taobao-text-content .btn .brand-icon{font-size: 18px;font-weight: 400;width: 18px;height: 18px;line-height: 1;}

.side-agent{border-radius: 5px;}
.side-agent-info{background-color: #fff5f4;border-radius: 5px;}
.side-agent .btn-blue{height:40px;min-width: 100px;display:inline-flex;align-items: center;justify-content: center; border-radius:100rem;background: #218aed;padding:0 20px;text-decoration: none;box-shadow: 0 10px 10px rgba(33,138,237,.2);transition:all 0.15s ease-in-out;color: #fff;font-weight: 700;}

.side-banner__hotel{border-radius: 5px;background-color: #fff;padding: 10px;}
.side-banner__hotel img{border-radius: 5px;width: 100%;max-width: 100%;height: 100%;max-height: 100%;}
.side-banner__hotel-text-content{color: #505050;margin-top: 10px;margin-bottom: 10px;}
.side-banner__hotel-title{font-size: 16px;font-weight: 600;}

/*goshop 中转页*/
.goshop-container{width:100vw;height:100vh;display: flex;justify-content: center; align-items: center;}
.goshop-box{width: 600px;background: #fff;border: solid 5px #d6d6d6;border-radius: 10px;}
.goshop-content{padding:50px 50px 30px 50px;display: flex;flex-direction: column;}
.goshop-info{font-size: 16px;color: #666;}
.goshop-logo-wrap{display: flex; align-items: center;margin-top: 30px;}
.goshop-logo-wrap .logo{display: flex; align-items: center;}
.goshop-text-muted{color: #999;margin-left: auto;font-size: 14px;margin-top: 50px;}
.goshop-text-muted a{text-decoration: underline;}
.loader-animation{width: 120px;height: 40px;padding: 0 30px;display:flex;align-items: center;box-sizing:content-box;}
.loader-arrow{width: 100%;height: 40px;background: url(../img/loader-arrow-grey.jpg) no-repeat;position: relative;} 
.loader-arrow::after {width: 100%;height: 40px;content:""; position: absolute; left: 0; top: 0; display:flex; background: url(../img/loader-arrow-color.jpg) no-repeat;  overflow: hidden; -webkit-animation: animloader-arrow 1.2s linear infinite; animation: animloader-arrow 1.2s linear infinite; }
@-webkit-keyframes animloader-arrow { 0% { width: 0%; } 100% { width:100%; } }
@keyframes animloader-arrow { 0% { width: 0%; } 100% { width: 100%; } }



/*购物浏览器App下载页面*/
.browser-app-hd{width: 100%;}
.browser-app-header-fixedtop{width: 100%;transition: all .2s ease-in-out;}
.browser-app-header-fixedtop.head-scroll-fixed{background-color: rgba(0, 0, 0, .5);backdrop-filter: blur(5px);}
.browser-app-header-content{padding: 1.5rem 0;}
.browser-app-menu ul{list-style: none;}
.browser-app-menu li{display: inline-block;overflow: hidden;}
.browser-app-menu li a{color: #c0c9d4;padding: .375rem .875rem;transition: all .2s ease-in-out;}
.browser-app-menu li a:hover{color: #fff;background-color: rgba(192,201,212,.1);border-radius: 5px;}
.browser-app-menu li a .ap-icon{margin:0px 3px;font-size: 18px;}
.browser-app-menu li a .menu-title{font-size: 14px;margin: 0 3px;}


.browser-app-banner{display: flex; height:100%;width: 100%;padding-top:5rem;}
.browser-app-banner-bg1{background: url(../img/app-browser/bg-1.jpg) no-repeat center;background-size:cover;}
.browser-app-banner-bg2{background: url(../img/app-browser/bg-2.jpg) no-repeat center;background-size:cover;}
.browser-app-banner-bg3{background: url(../img/app-browser/bg-3.jpg) no-repeat center;background-size:cover;}
.browser-app-banner-bg4{background: url(../img/app-browser/bg-4.jpg) no-repeat center;background-size:cover;}
.browser-app-banner-bg5{background: url(../img/app-browser/bg-5.jpg) no-repeat center;background-size:cover;}
.browser-app-banner-bg6{height: auto!important;}

.browser-app-banner-bg1 .fp-overflow{height: 100%;justify-content: center;overflow: hidden;}

.fp-watermark{display: none!important;}

.mokcup{padding: 0 1rem;width: auto;}
.browser-app-headline{font-size: 60px;font-weight: bold;text-align: center;flex: 1 0 0%;color: #c0c9d4;}

.browser-app-banner-container{height: 100%;}
.browser-app-banner-container .mokcup-index{width:431px;height: 794px;display: block;margin-top: auto;margin-bottom: -6rem;}
.browser-app-banner-info{width: calc(100% - 431px);}
.browser-app-banner-heading{margin-top: 3rem;}
.browser-app-banner-heading h3{font-size: 56px;font-weight: 700;color: #c0c9d4;line-height: 1.5;}

.browser-app-btn{width: 100%;height: 60px;text-align: center;display:flex;margin-top: 70px;gap: 1rem;}
.browser-app-btn .btn-download-app{border-radius:5px;}

.browser-app-form-controls{width: 300px;margin-top: 50px;}
.browser-app-form-controls .form-group{margin-bottom: 30px;}
.browser-app-form-controls .form-control{height: 40px;line-height: 40px;padding: 0 10px;font-size: 14px;}
.browser-app-form-controls .label{font-size: 18px;color: #fff;font-weight: 600;margin-bottom: 10px;}
.browser-app-form-controls .form-text{text-align: left;}
/*购物浏览器App下载页面  END*/


/*按钮loading*/
.btn.spinner-show{position: relative;display: flex; align-items: center;justify-content: center; gap:.5rem;}
.btn.spinner-show i{display: none;}
.btn.spinner-show::before { content: ""; display: inline-block; width: 1rem; height: 1rem; vertical-align: -0.125em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; }
/*按钮loading  END*/

/*copy all插件介绍页*/
.cp-section-banner{background-color: #313640;height: 860px;}
.cp-banner-info{padding-right: 5rem;}
.cp-headline{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 2rem;}
.cp-subhead{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 2rem;}
.cp-subhead-item{margin-bottom: 1rem;list-style:disc inside;display: list-item;}
.cp-subhead-item::marker{color: rgba(255,255,255,.5);}
.cp-banner-browser{display: flex;align-items: center;margin-bottom: 2rem;}
.cp-banner-browser-icon{width: 50px;height: 50px;}
.cp-btn .btn-purple{min-width:200px;height: 60px;display: inline-flex;justify-content: center;align-items: center;text-align: center;padding: .5rem 2rem;}
.cp-banner{width:860px;position: relative;margin-right: -130px;}
.cp-banner .carousel-item{padding: 0;}
.cp-carousel-indicators-text{position: absolute;left: 0; right: 0;bottom: -40px;margin: 0 15%;display: flex;justify-content: center;color: rgba(255,255,255,.5);font-size: 14px;}
.cp-banner .carousel-indicators{bottom: -70px;}
.cp-banner .carousel-indicators .indicator{border: none;color: #fff;text-indent:unset;text-align: center; font-size: 12px;line-height: 20px; width: 20px;height: 20px;border-radius: 3px;background-color:rgba(255 ,255 ,255 ,.5);opacity: 1;}
.cp-banner .carousel-indicators .indicator.active{color: #fff;background-color: #595bd4;}

.cp-website-section{margin-top: 5rem;}
.cp-headling{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.cp-website-list .cp-website-link{color: #333; display: flex;justify-content: space-between;border: solid 1px #ddd;border-radius: 5px;padding: 1rem;line-height: 1;transition: all .2s ease-in-out;}
.cp-website-list .cp-website-link:hover{color: #595bd4;border-color:#595bd4;}
.cp-website-list .cp-website-link span{padding-right: .5rem;}
.cp-website-list li:last-child .cp-website-link{justify-content: center;}
.cp-website-list li:last-child .cp-website-link span{padding-right: 0;}


.help-title{font-size: 18px;font-weight: bold;margin-bottom: 16px;}
.help-nav-tabs .nav-tabs{gap: 8px;border-bottom:solid 1px #eef1f6;}
.help-nav-tabs .nav-tabs .nav-link{background-color:#eef1f6;border-radius: 0;}
.help-nav-tabs .nav-tabs .nav-link:focus, 
.help-nav-tabs .nav-tabs .nav-link:hover {border-color: #eef1f6;}
.help-nav-tabs .nav-tabs .nav-link.active{background-color: #ff7318;color: #fff;border-color: #ff7318;position: relative;}
.help-nav-tabs .nav-tabs .nav-link.active::after{display: block;content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 8px 8px 0px;border-style: solid;border-color: #ff7318 transparent transparent;z-index: 1;}
.help-tab-content .tab-pane{background-color: #fff7f2;padding: 1.5rem;}
.help-tab-content .tab-pane ol li{list-style:disc;list-style-position: inside;font-size: 14px;line-height: 2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.help-tab-content .tab-pane ol li::marker{color: #999;}

.contact-nav-tabs .nav-tabs{gap: 8px;border-bottom:solid 1px #ff7318;}
.contact-nav-tabs .nav-tabs .nav-link{background-color:#eef1f6;border-radius: 0;border-bottom-color:#ff7318;}
.contact-nav-tabs .nav-tabs .nav-link:focus, 
.contact-nav-tabs .nav-tabs .nav-link:hover {border-color: #eef1f6 #eef1f6 #ff7318;}
.contact-nav-tabs .nav-tabs .nav-link.active{background-color: #ff7318;color: #fff;border-color: #ff7318;position: relative;}
.contact-nav-tabs .nav-tabs .nav-link .badge{background-color: #ff7318;color: #fff;}
.contact-nav-tabs .nav-tabs .nav-link.active .badge{background-color: #fff;color: #ff7318;}
.contact-tab-content .tab-pane tbody tr{cursor: pointer;}
.contact-tab-content .tab-pane table tr .reply-status{line-height: 1;padding: 0.25rem;display: inline-block;border-radius: 50%;margin-right: 8px;}
.contact-tab-content .tab-pane table tr .reply-status.success{background-color: #198754;}
.contact-tab-content .tab-pane table tr .reply-status.grey{background-color: #999;}

.ticket-heading .title{font-size: 18px;font-weight: bold;}
.ticket-item{border-radius: 10px;}
.ticket-header{background-color: #f2f2f2;border-radius: 10px 10px 0 0;}

/*收藏夹-批量管理*/
.favorite-category-item.active{color: #ff7318;}
.favorite-tools-list.open{display: flex!important;}
.favorite-tools-default.hide{display: none!important;}

.badge-new{ color: #fff;font-weight: 400;font-size: 12px;transform: scale(.833);}


.image-checkbox{ position: absolute;left: 0;top: 0; display: none; min-height: 1.5rem;height:100%;width: 100%;z-index: 10;}
.image-checkbox.show{display: block;}
.image-control-label{width: 100%;height:100%;padding: 0px;border: solid 2px transparent;border-radius: 3px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .5);}
.image-control-label:hover{background-color: rgba(0, 0, 0, .1);border: solid 2px #ff7318;}
.image-control-label img{border-radius: 2px;max-width: 100%;height:auto;max-height: 100%;position: absolute;left: 0;}
.image-control-input{ position: absolute; bottom: 0;right: 0; z-index: -1; width: 1.5rem; height: 1.5rem; opacity: 0; }
.image-control-input:checked ~ .image-control-label{border: solid 2px #ff7318;background-color: rgba(0, 0, 0, 0);}
.image-control-input:checked ~ .image-control-label::before { color: #fff; border-color:transparent #ff7318 #ff7318 transparent;}
.image-control-input:focus ~ .image-control-label::before { box-shadow: none; }
.image-control-input:focus:not(:checked) ~ .image-control-label::before {border-color:transparent rgba(0,0,0,.7) rgba(0,0,0,.7) transparent;}
.image-control-input:not(:disabled):active ~ .image-control-label::before { color: #fff;border-color:transparent rgba(0,0,0,.35) rgba(0,0,0,.35) transparent;}
.image-control-input[disabled] ~ .image-control-label, 
.image-control-input:disabled ~ .image-control-label { color: #6c757d; }
.image-control-input[disabled] ~ .image-control-label::before, 
.image-control-input:disabled ~ .image-control-label::before {border-color:transparent rgba(0,0,0,.5) rgba(0,0,0,.5) transparent;}
.image-control-label{ position: relative; margin-bottom: 0; vertical-align: top; }
.image-control-label::before { position: absolute; bottom: -2px; right: -2px; display: block; width: 0rem; height: 0rem; pointer-events: none; content: ""; border-style: solid;border-width:15px;border-color:transparent rgba(0,0,0,.7) rgba(0,0,0,.7) transparent;z-index: -1;}
.image-control-label::after { position: absolute; bottom: -2px; right: -2px; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 70% 70%; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");opacity: .9;z-index: -1;}
.image-checkbox .image-control-label::before { border-radius:0; }
.image-checkbox .image-control-input:checked ~ .image-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");opacity: 1; }
.image-checkbox .image-control-input:indeterminate ~ .image-control-label::before { border-color: transparent #adb5bd #adb5bd transparent; }
.image-checkbox .image-control-input:indeterminate ~ .image-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.image-checkbox .image-control-input:disabled:checked ~ .image-control-label::before { border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent; }
.image-checkbox .image-control-input:disabled:indeterminate ~ .image-control-label::before { border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent; }
.play::before{display: inline-block; width: 0px; height: 0px; content: ""; border-style: solid;border-width:6px;border-color:transparent transparent transparent rgba(0,0,0,.5) ;z-index: -1;margin-right: -6px;}
.pause::before{display: inline-block; width: 3px; height: 10px; content: "";background-color:rgba(0,0,0,.5);z-index: -1;margin-right:3px;}
.pause::after{display: inline-block; width: 3px; height: 10px; content: "";background-color:rgba(0,0,0,.5);z-index: -1;}

.form-control::placeholder{color: #aaa;}

.new-built-category.hide{display:none!important;}
.new-built-category-input{display: none!important;}
.new-built-category-input.show{display: flex!important;}


.bbs-banner{background: url(../img/banner-bbs.jpg) no-repeat top center;width: 100%;height: 250px;}
.bbs-headline{font-size: 36px;font-weight: bold;text-shadow: 2px 2px 5px rgba(255, 255, 255, .9);max-width: 40%;}
.bbs-faq .help-tab-content .tab-pane{background-color: #fff;}

.post-user-avatar{width: 42px;}
.post-user-avatar .avatar-img{width: 42px;height: 42px;}
.post-item-content{padding-left: 16px;font-size: 15px;}
.post-user-info .user-name{font-weight: bold;color: #666;}
.post-user-info .user-name.admin{color: #ff7318;}
.post-user-info .tag-admin{background-color: #fce7e8;color: #e96163;font-size: 14px;padding:2px 4px;line-height: 1;border-radius: 3px;font-size: 14px;}
.post-operations .type-label{color: #999;font-size: 14px;}
.post-label{border: solid 1px #ccc;color: #999;border-radius: 3px;padding: 3px 4px;line-height: 1;font-size: 14px;}
.post-desc-part{line-height:2;word-wrap: break-word;word-break: break-all;color: #666;}
.post-operations{gap: 30px;margin-top: 10px;}
.post-operations .btn{color: #5a6d96;display: flex;align-items: center; gap: 8px;padding: 0;}
.post-operations .btn .ap-icon{font-size: 18px;}
.post-operations .btn-text{font-size: 14px;}
.post-desc-part .goto-link { color: #5a6d96; word-break: break-all;text-decoration: underline;cursor: pointer; }
.post-desc-part .goto-link::before { content: ''; background: url(../img/link.svg); background-size: 100%; width: 1rem; height: 1rem; display: inline-block; margin: 0 4px; vertical-align: middle; }
.post-image-part{margin-top: 12px;}
.post-image-part .desc-pic{width: 100px;height: 100px;border-radius: 4px;overflow: hidden;position: relative;display: block;}
.post-image-part .desc-pic::after{content: '';display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px;}
.post-image-part .desc-pic:hover{cursor: zoom-in;}
.post-image-part .pic-img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.post-translate-text{border-top:solid 1px #dedede; padding: 1rem 0;margin-top: 1rem;}
.post-translate-text.d-none{height: 0!important;transition: height 0.2s ease-in-out;overflow: hidden;}
.post-translate-text.d-flex{height: auto!important;}

.post-comment-module{background-color: #f2f2f2;}
.post-comment-list{display: flex;flex-direction: column;}
.post-comment-item{padding-top: 16px;border-top: solid 1px #dedede;margin-top: 16px;}
.post-comment-item:first-child{border-top: none;padding-top: 0px;margin-top: 0px;}
.post-comment-item .post-user-avatar{width: 24px;}
.post-comment-item .post-user-avatar .avatar-img{width: 24px;height: 24px;}
.post-comment-item .jt { display: inline-block;width: 0; height: 0; border-top: 5px solid transparent; border-left: 7px solid #a1acbd; border-bottom: 5px solid transparent; }
.post-comment-form{margin-top: 12px;margin-bottom: 16px;}
.post-comment-enter-form{padding-left: 16px;}
.post-comment-avatar .avatar-img{width: 24px;height: 24px;}
.post-comment-outline{padding:5px 10px;background-color: #fff;border: solid 1px #ccc;border-radius: 5px;}
.post-comment-outline .form-textarea{display: block;width: 100%;padding: 0;font-size: 14px;padding: 2px 0;}
.post-comment-outline .form-textarea:focus{box-shadow: none;}
.post-comment-outline .upload-pic{margin-top: 16px;overflow: hidden;display: flex; align-items: center;}
.post-comment-outline .upload-pic .pic{width: 70px; height: 70px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.05); background-color: #f4f7fa; position: relative; overflow: hidden; margin-right: 8px; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.post-comment-outline .upload-pic .pic .upimg{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.post-comment-outline .upload-pic .pic .icon-close{position: absolute; width: 18px; height: 18px;line-height: 1;display: flex;align-items: center; background-color: #8f9192; right: -1px; top: -1px; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 12px 12px; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;color: #fff;}
.post-comment-outline .upload-pic .pic .icon-close:hover{background-color: #e96163;}
.post-comment-outline .upload-pic .pic:hover .icon-close{opacity: 1;}
.post-comment-outline .upload-pic .count {color: #9b9b9b;font-size: 14px;padding-top: 50px; }
.post-comment-func{margin-top: 10px;}
.post-comment-func .btn{padding: 0;}
.post-comment-func .upload-photo{padding: 0;color: #5a6d96;width: 30px;height: 36px;overflow: hidden;position: relative;display: flex;}
.post-comment-func .upload-photo .file-input{width: 100%; height: calc(1.5em + 0.75rem);opacity: 0;position: absolute;z-index: 2;top: 0;left: 0;}
.post-comment-func .upload-photo .ap-icon{font-size: 24px;position: absolute;top: 0;left: 0;z-index: 1;}
.post-comment-total{color: #5a6d96;text-align: center;margin: 0 auto;}

.post-tabs{margin-bottom: 1rem;}
.post-tab-item{background-color: #f2f2f2;border: solid 1px transparent;border-radius: 5px;padding: .5rem 1rem;cursor: pointer;}
.post-tab-item.active{color: #ff7318;background-color: #fff3e6;border: solid 1px #fd860e;}

.post-sort .nav-link.active{background-color: rgba(255,115,24,.1);color: #ff7318;}
.post-sort .nav-link{background-color: #f4f4f4;font-size: 14px;}


.help-center-accordion .accordion-item{border-bottom: solid 1px #e5e5e5;font-size: 14px;}
.help-center-accordion .accordion-item:first-child{border-top: solid 1px #e5e5e5;}
.help-center-accordion .accordion-item:last-child{border-bottom: solid 1px #e5e5e5;}
.help-center-accordion .accordion-button{list-style:disc;display: list-item;list-style-position: inside;margin-bottom: 0;line-height: 1.5;}
.help-center-accordion .accordion-button::marker{color: #999;}
.help-center-accordion .accordion-button{font-weight: 600; cursor: pointer;padding:1.25rem 1rem;transition: all .2s ease-in-out;font-size: 14px;}
.help-center-accordion .accordion-button::after{content:"\002B";color:#666;float: right;font-weight: bold;font-size: 20px;line-height: 1; background-image: none;width: auto;height:auto;}
.help-center-accordion .accordion-button:not(.collapsed)::after{content:"\2212";color:#666;background-image: none;transform: none;}
.help-center-accordion .accordion-button:not(.collapsed) { color: currentColor; background-color: #fff; box-shadow: none }
.help-center-accordion .accordion-button:hover{background:#f8f8f8;}
.help-center-accordion .accordion-body{padding:.5rem 2.2rem;overflow: hidden;line-height: 1.75;}
.help-center-accordion .accordion-body p{margin-bottom: 1rem;}
.help-center-accordion .accordion-body ol{padding-left:1rem;margin-bottom: 1rem;}
.help-center-accordion .accordion-body ol li{list-style: decimal;}

.help-item{margin-bottom: 1rem;}
.help-item:last-child{margin-bottom: 0;}
.help-item-header{padding: 1rem;background-color: #eef1f6;color: #666;display: flex;align-items: center;cursor: pointer;}
.help-item-header .title{font-size: 16px;font-weight: bold;}
.help-item-header::after{display: inline-block; margin-left: auto; content: ""; border-top: 5px solid; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent;color: #999;}

.help-desc{margin-bottom: 1rem;}
.help-desc .goto-link { color: #5a6d96; word-break: break-all;text-decoration: underline;cursor: pointer; }
.help-desc .goto-link::before { content: ''; background: url(../img/link.svg); background-size: 100%; width: 1rem; height: 1rem; display: inline-block; margin: 0 4px; vertical-align: middle; }

.offline-extension-install-guide__banner{height: 360px;background:#f8f8f8 url(../img/installation-guide/banner-bg.jpg) no-repeat center;}
.offline-extension-install-guide__container{width: 1072px;margin: 0 auto;}
.offline-extension-install-guide__content{width: 1200px;height: 360px;display: flex;justify-content: center;align-items: center;flex-direction: column;gap:2rem;}
.offline-extension-install-guide__content .heading{font-size: 36px;}
.offline-extension-install-guide__content .btn-success{font-size: 18px;font-weight: 700;width:160px;height: 50px;display: flex;align-items:center;justify-content: center;letter-spacing: 3px;}

.offline-extension-install-guide__step{display: flex; align-items: start;gap: 24px;}
.offline-extension-install-guide__step .step-num{width: 30px;height: 30px;font-size: 16px;flex-shrink: 0;color: #fff;line-height: 30px;border-radius: 50rem;text-align: center;}
.offline-extension-install-guide__step .step-desc{display: flex;flex-direction: column;padding-top: 4px;}
.offline-extension-install-guide__step .step-desc .text-blue{color: #2c6ecb;}
.offline-extension-install-guide__step .step-desc .text-decoration-underline{text-decoration: underline;}
.offline-extension-install-guide__step .step-desc .step-desc-img{box-shadow: 8px 8px 0 rgba(0, 0, 0, .1);border-radius: 10px;}


/*万里汇专题页*/
.wf-section-banner{background:#394a5c url(../img/worldfirst/wf-bg-banner.jpg) no-repeat top center;}
.wf-banner-text{padding:4rem 0 3rem 0;position: relative;z-index: 10;}
.wf-banner-text .wf-headline{color: #fff;}
.btn-register-worldfirst{background-color: #fa1d44;border-radius: 10px;}

.wf-banner__container{position: relative;width: 1200px;margin: 0 auto;min-height: 1084px;z-index: 1;}
.wf-element-coin{position: absolute; top: 0;left: 50%;transform: translateX(-50%);z-index: 3;overflow: hidden;max-width: 100%;width: 100%;text-align: center;display: flex;justify-content: center;}
.wf-element-arrow{position: absolute;top:202px;left: 38px;z-index: 4;}
.wf-banner-Worldfirst-wallet{position: absolute;top: 0;right: -26px;z-index: 2;}
.wf-banner-1688-trade{position: absolute;top:306px;left: -26px;z-index: 2;}

.wf-section__container{width: 1200px;margin: 0 auto;}
.wf-payment-1688-steps{display: flex;justify-content: space-between;align-items: start;gap: 60px;}
.wf-payment-1688-steps__desc{display: flex;flex-direction: column;position: unset;gap: 30px;margin: 0;}
.wf-payment-1688-steps__desc-item{display:flex;align-items: start;gap: .875rem;cursor: pointer;}
.wf-payment-1688-steps__desc-item .step-num{width: 40px;height: 40px;border-radius: 50rem;display: flex; justify-content: center;align-items: center; font-size: 16px;font-weight:700; background-image: linear-gradient(to right, #aaaaaa, #888888);color: #fff;flex-shrink: 0;}
.wf-payment-1688-steps__desc-item.active .step-num{background-image: linear-gradient(to right, #ffb43e, #ff532d);color: #fff;}
.wf-payment-1688-steps__desc-item .headertext{padding-top: 5px;}
.wf-payment-1688-steps__img{width: 710px;height: 410px;}


/*推广插件*/
.promote-extension-topic{background:#324350 url(../img/promote-extension/promote-extension-bg.jpg) no-repeat top center;}
.promote-extension-topic-text{padding:4rem 0 3rem 0;position: relative;z-index: 10; }
.promote-extension-topic-text-container{background-color: rgba(0, 0, 0, .1);border-radius: 10px;padding: 1.5rem;max-width: 1270px;text-align: center;}
.promote-extension-topic-text .promote-extension-headline{color: #fff;text-shadow: 0 2px 6px rgba(0, 0, 0, .3);}

.promote-extension-banner-container{width: 1270px;margin: 0 auto;display: flex;justify-content: space-between;align-items: start;gap: 70px;padding-bottom: 70px;}
.promote-extension-banner-1688-detail{width: 600px;height: 520px;}
.promote-extension-banner-agent{width: 600px;height: 520px;}
.promote-extension-element-arrow{position: absolute;top:130px;left: 360px;z-index: 4;}
.promote-extension-banner-agent .carousel-indicators{bottom: -30px;}
.promote-extension-section-container{width: 1200px;margin: 0 auto;}

.delete-content-card ol{padding-left: 1.25rem;}
.delete-content-card ol li{list-style:disc;}
.delete-account{line-height: 2;}

/*Disabled: 1688 extension*/
#market-mate-for-1688,
#market-mate-for-1688 *,
#plasmo-shadow-container,
.image-search-icon,
.goods-4-search-icon,
.r-gallery{display: none!important;}

/*优惠券专题页*/
.topic__main{width: 100%; position: relative;padding: 40px 0;}
.topic__content{background-color: #fff;border-radius: 5px;width:1200px;margin: 0 auto;padding: 40px;}
.topic__main-title-bg{width: 1120px;height: 120px;background:#fd3851 url(../img/coupon-title-bg.png) no-repeat;display: flex;justify-content: center;align-items: center;border-radius: 10px;}
.topic__main-title{font-size: 30px;color: #fff;font-weight: 700;}
.topic__coupon-layer{margin-top: 40px;}

.topic__coupon-group{display: flex;align-items: stretch;;flex-wrap: wrap;margin:-20px;}
.topic__coupon-item{width: 50%;flex: 0 0 50%;padding: 20px;}
.topic__coupon-content{background: #fef0cf;border-radius: 10px;display: flex;align-items:stretch;min-height: 160px;height: 100%;}
.topic__coupon-remark{color: #333;font-size: 14px;font-weight: 500;line-height: 2;margin-bottom: 12px;margin-top: 12px;padding: 5px 10px;}
.topic__coupon-info{padding: 20px 20px 20px 20px;display: flex;flex-direction: column;justify-content: center;text-align: center;align-items:center;gap: 12px; flex-grow: 1;}
.topic__coupon-info .coupon-value{display: flex;flex-wrap: wrap;color: #ee0808;align-items:baseline;}
.topic__coupon-info .coupon-value .value{font-size: 36px;font-weight:700;line-height: 1.2;}
.topic__coupon-info .off-value{color: #83400f;font-size:24px;line-height: 1.2;}
.coupon-divider{border-left:dashed 4px rgba(255,255,255,.5);width:4px; display:block;position: relative;z-index: 2;}
.coupon-divider::before{position: absolute;top: -7px;left: -8px;width: 14px;height: 14px;background-color: #fff;border-radius: 50%;font-size: 0;display: block;content: "";z-index: 3;}
.coupon-divider::after{position: absolute;bottom: -7px;left: -8px;width: 14px;height: 14px;background-color: #fff;border-radius: 50%;font-size: 0;display: block;content: "";z-index: 3;}
.topic__coupon-buttons{min-width: 220px; padding: 0 20px;display: flex;gap: 16px; flex-direction: column;justify-content: center;text-align: center;align-items: center;flex-shrink: 0;}
.topic__coupon-btn{background-image: linear-gradient(to right,#fe8722,#fe5304);color: #fff;font-size: 18px;font-weight: 600;line-height: 1.5;padding: .375rem 1.75rem;white-space: nowrap;border-radius: 100rem;height: 40px;}
.topic__coupon-btn:hover{color: #fff;text-decoration: none;}
.coupon-code{font-size:16px;font-weight: 500;line-height: 1.2;color: #83400f;}


/*店铺黑名单*/
.blocklist th{border-top: none;}
.blocklist tbody td{border-top: none;border-bottom: solid 1px #dee2e6;}
.blocklist .col-checkbox{width: 24px;overflow: hidden;padding-right: 0;}
.blocklist .text-name:hover{text-decoration:underline;color: #2c6ecb;}
.blocklist .text-blue:hover{text-decoration:underline;color: #2c6ecb;}
.blocklist-page-wrap{display: flex;justify-content: space-between;}
.blocklist-page-wrap .left-action{display: flex;align-items: center;padding-left: 12px;gap: 10px;}

.captcha-page{height: calc(100vh - 165px - 270px - 60px - 240px);min-height:500px;}

/*商务合作*/
.cooperate-list .list-item{border-bottom: solid 1px #e5e5e5;}
.cooperate-list .list-item:first-child{border-top: solid 1px #e5e5e5}
.cooperate-list .list-item-link{padding: 12px 20px;}
.cooperate-list .list-item-link .title{list-style:disc;display: list-item;list-style-position: inside;line-height: 2;}
.cooperate-list .list-item-link .title::marker{color: #999;}
.cooperate-list .list-item-link:hover{text-decoration: none;}
.cooperate-list .list-item-link:hover .title{text-decoration: underline;}
.cooperate-list .list-item-link:hover .ap-icon{color: #ff7318;text-decoration: none;}
.cooperate-list-header{padding: 1rem;background-color: #eef1f6;color: #666;display: flex;align-items: center;}
.cooperate-list-header .title{font-size: 16px;font-weight: bold;}