html{font-family: 'Rubik',sans-serif,Arial,"Microsoft YaHei";line-height: 1.5;}
body{font-family: 'Rubik',sans-serif,Arial,"Microsoft YaHei";font-size: 16px;font-weight: 400;background-color:#fff;width:100%;min-width:990px;margin:0;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, p{margin:0; padding:0;} 
ol,ul,dl,li{list-style:none;}
em,i{font-style:normal;}
img{border:none;vertical-align:middle;}
select,label,input,button{ padding:0; margin:0;border: 0; outline: none;}
table {border-collapse: collapse; border-spacing: 0;}
a{text-decoration:none;color:#666;outline:none; cursor:pointer;}
a:hover{color: #fd6802; cursor:pointer;text-decoration: none;}
a:focus{text-decoration: none;}
iframe{margin: 0;padding: 0;}
.clear:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clear{zoom:1;clear:both;}
[dir=rtl] .css_flag{margin: 0 0 0 5px;}

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

.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.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;}
.mt100{margin-top: 100px;}
.mb100{margin-bottom: 100px;}


.text-grey{color: #999;}
.text-green{color: #0abb40;}
.text-red{color: #e4393c;}
.text-warning {color: #ff7318 !important;}
.text-primary{color: #ff7318 !important;}







.btn-outline-light {color: #777;background-color: transparent;background-image: none;border-color: #ccc;}
.btn-outline-light:hover {color: #666;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: #777;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-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-primary {color: #fff;}
.btn-primary.disabled, .btn-primary:disabled {color: #fff;}


.loading{width: 70px;height: 70px;padding: 20px;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;}
.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;}

.loading-mask .loading{width: 80px;height: 80px;background: rgba(0, 0, 0, 0.6);}
.loading-mask .icon-loading{width:40px;height:40px;}




.topnav{height: 35px;background: #f2f2f2;}
.topnav-container{max-width: 100%;min-width: 1200px;margin: 0 auto;padding: 0 30px}
.header-container{max-width: 100%;min-width: 1200px;margin: 0 auto;height:100px;padding: 0 30px;}
.footer-container{max-width: 1600px;min-width: 1200px;margin: 0 auto;padding: 0 30px}
@media screen and (min-width: 100em){
    .topnav-container,
    .header-container { padding-left: 30px; padding-right: 30px; }
}

.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;}
.language-drop .currency{margin-bottom: 10px;}
.language-drop .language-list{margin-bottom: 10px;}
.language-drop .language-list a{-webkit-box-flex: 0 0 50%;-ms-flex: 0 0 50%;flex:0 0 50%;padding: 0 6px;border-radius: 5px; line-height:35px;display:block;color: #777;text-decoration: none;}
.language-drop .language-list a:hover{background: #f2f2f2;color: #fd6802;}
.language-drop .language-list .icon-flag{width: 16px;margin-right: 8px;}
[dir=rtl] .language-drop .language-list .icon-flag{margin-right: 0;margin-left: 8px;}

.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;}

.language-drop .google_translate{display:block;vertical-align: middle;border:1px solid #cccccc;height: 28px;line-height: 28px;border-radius: 3px;padding: 0 5px;}
.language-drop .google_translate .goog-te-gadget-simple {background: none;border: none;padding: 0; font-size: 10pt;display:block; cursor: pointer;zoom: 1;}
.language-drop .google_translate .goog-te-menu-value span:first-child {float:none;}
.language-drop .google_translate .goog-te-menu-value span:nth-child(3){float: right;display: none;}
.language-drop .google_translate .goog-te-menu-value span:last-child {float: right;border: none;}


.topnav .nav-item{position: relative;line-height: 35px;font-size: 13px;}
.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;}
[dir=rtl] .topnav .nav-item:first-child .nav-link{padding: 0 0px 0 15px;}
.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;}
.topnav .nav-link.time{cursor:default;}
.topnav .nav-link.time:hover{color: #999;}


@-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{margin: 0 auto;height: 100px;}
.fixedlayer{background: #fff;height:100px;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;display: flex;align-items:center;}
.header-secondly-logo{background-color: #f2f2f2;color: #fd860e;font-size: 12px;max-width:60px; line-height:1.2;border-radius:3px;padding:3px 5px;font-weight:400;margin: 0 12px;word-wrap: break-word;}

.header-menu{flex-shrink: 0;display:flex;align-items: center;}
.header-menu .nav{margin: 0 1rem;}
.header-menu .menu-link{padding:0 1rem;height: 40px; display:flex;align-items:center;transition: all .2s ease-in-out;white-space: nowrap;}
.header-menu .menu-link:hover{text-decoration: none;color: #ff7318;}
.header-menu .menu-link:hover .menu-text{color: #ff7318;text-decoration: none;}
.header-menu .menu-link.dropdown-toggle::after{border-top: 5px solid #ccc; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent;}
[dir=rtl] .header-menu .menu-link.dropdown-toggle::after{margin-left: 0;margin-right: 0.255em;}
.header-menu .menu-item .dropdown-menu{min-width: 220px; margin: 0;top: 40px!important;transform: translate3d(0px, 0px, 0px)!important; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);-webkit-animation: sweep .3s ease-in-out;animation: sweep .3s ease-in-out;}

.header-buttons{display:flex;align-items: center;margin-left: auto;}
.header-buttons .menu-link-btn{height: 40px;display: flex;align-items: center;white-space: nowrap; padding: 0 1.25rem;margin-right: 10px;position: relative;border-width: 1px;border-style: solid;border-radius: 3px;}
.header-buttons .menu-link-btn:last-child{margin-right:0;}
.header-buttons .btn-outline-grey{border-color: #ddd;}
.header-buttons .btn-outline-grey .menu-text{color: #666;}
.header-buttons .btn-outline-orange{border-color: #fd860e;}
.header-buttons .btn-outline-orange .menu-text{color: #fd860e;}
.header-buttons .avatar{width: 20px;height: 20px;border-radius:20px;margin-right: 5px;}
.header-buttons .username{font-size: 14px;max-width: 6rem;text-overflow: ellipsis;overflow: hidden;}
[dir=rtl] .header-buttons{margin-left: unset;margin-right: auto;}
[dir=rtl] .header-buttons .menu-link-btn:last-child{margin-right:10px;margin-left: 0px;}
[dir=rtl] .header-buttons .avatar{margin-right: 0px;margin-left: 5px;}
.header-buttons .user-link__dropdown{display:none;position:absolute;top: 38px;right: 0;z-index: 99; padding:0; border-radius: 3px;background-color:#fff;border:1px #ccc solid; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);-webkit-animation: sweep .3s ease-in-out;animation: sweep .3s ease-in-out;}
.header-buttons .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;font-size: 0;}
.header-buttons .menu-link-btn.user:hover .user-link__dropdown{display:block}
[dir=rtl] .header-buttons .user-link__dropdown:before{left:unset;right: 20px;}
.header-buttons .user-link__dropdown .user-link{padding:.125rem 1.25rem;display: block;line-height: 35px;white-space: nowrap;font-size: 13px;}
.header-buttons .user-link__dropdown .user-link:hover{background: #f8f8f8;}
.header-buttons .dropdown-divider{margin:4px 0;}


.nav-category-all-dropdown-list{display: flex;flex-direction:column;}
.nav-category-all-dropdown-item{width: 100%;}
.nav-category-all-dropdown-link{font-size: 14px; line-height: 40px;padding: 0 1rem;display: flex;align-items: center;border: 1px solid #fff;}
.nav-category-all-dropdown-link .nav-category-item-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-category-all-dropdown-link .ap-icon{font-size: 14px;color: #ccc;flex-shrink: 0;margin-left: auto;}
[dir=rtl] .nav-category-all-dropdown-link .ap-icon{margin-right: auto;margin-left: unset;transform: rotate(180deg);}
.nav-category-all-dropdown-item.open .nav-category-all-dropdown-link,
.nav-category-all-dropdown-link:hover{color: #ff7318;background-color: #fff;border: 1px solid #e9e9e9;border-right:solid 1px #fff;border-left:solid 1px #fff;position: relative;z-index: 21;}

.hover-show-all-category-wrapper{position: absolute;top: -1px;left:calc(100% - 1px);z-index: 20;display: none;}
[dir=rtl] .hover-show-all-category-wrapper{left: unset;right:calc(100% - 1px);text-align: right;}
.nav-category-all-dropdown-item.open .hover-show-all-category-wrapper{display: block;}
.hover-show-all-category-container{padding: 20px;background-color: #fff; border: 1px solid #e9e9e9;display: inline-block;white-space: nowrap;box-shadow: 0 1px 10px rgb(0 0 0 / 12%);}
.hover-show-all-category-row{width: 230px;vertical-align: top;display: inline-block;padding-right: 20px;}
.hover-show-all-category-item-list{display: flex;flex-direction: column;}
.hover-show-all-category-item-link{line-height: 40px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hover-show-all-category-item-link:hover{color: #ff7318;}



.btn-download{height:50px;min-width: 200px; display:inline-flex;border-radius:5px;background: #0abb40;padding:0 50px;text-decoration: none;box-shadow: 0 10px 10px rgba(4,196,70,.2);transition:all 0.15s ease-in-out;}
.btn-download .content{height: 100%;}
.btn-download i{font-size: 30px;color: #fff;}
.btn-download .text{color: #fff;line-height:1;margin-left: 12px;white-space: nowrap;}
[dir=rtl] .btn-download .text{margin-left: 0px;margin-right: 12px;}
.btn-download .text span{font-size: 22px;color: rgba(255,255,255,1);display: block;font-weight: 400;}
.btn-download:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}





.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-link{display: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 .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 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-select-country.dropup.show:after{transform:rotate(-45deg);}
.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);transition: all .2s ease-in-out;}
[dir=rtl] .footer-select-country:after{right: auto;left: 10px;}


/*屏蔽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;}


.to-top {z-index: 100;}

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

.section-search{height: 300px;display: flex;align-items: center;}
.search-bg{background:#232931 url(../img/search-bg.png) no-repeat center center;}
.search-container{width: 900px;margin: 0 auto;}
.search-head{font-size: 36px;font-weight: 600;color: #fff;text-align: center;}

.form-search{width: 100%;}
.search-group{width: 100%;}
.search-box{width: 100%;height:60px;border: solid 2px #fd860e;font-size: 0; background: #fff; border-radius:5px;position: relative;overflow: hidden;}
.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;}
.search-input::placeholder{color: #ccc;}

.search-clean{background: #fff;display:none;width:30px;min-width: 30px;height: 100%;color: #ccc;transition: all .2s ease-in-out;}
.search-input:valid + .search-clean{display: flex;align-items: center;justify-content: center;}
.search-clean .icon-times-circle{font-size:16px;}
.search-clean:hover{color:#fd860e!important;text-decoration: none;}
.search-camera{background: #fff;display: flex;align-items: center;justify-content: center;margin: 0 10px; height: 100%;text-align: center;color: #999;transition: all .2s ease-in-out;}
.search-camera .icon-camera{font-size:36px;}
.search-camera:hover{color:#666;text-decoration: none;}
.btn-search{width:65px;min-width: 65px; border:none;cursor: pointer;color: #fff;font-size: 20px;margin:3px;border-radius: 5px; transition: all .2s ease-in-out;background-image: linear-gradient(to right,#fd860e,#fd6802);}
.btn-search:hover{background-image: linear-gradient(to right,#ff7318,#f06102);}
.btn-search:focus{box-shadow: none;outline: none;}
.btn-search .icon-search{font-size: 26px;}

.example-link{padding: 5px 10px;border-radius:3px;background: #fff;color: #777;font-size: 13px;margin-top: 10px;position: relative;display: inline-flex;}
.example-link:before{content: ""; width:16px;height: 16px;display:block;border:solid 8px; border-color: transparent transparent #fff transparent ; position: absolute;top: -16px;left:20px;}
.example-link .link{color: #777;margin: 0 5px;}
.example-link a:hover{text-decoration: underline;color: #fd6802;}

.modal-header .close{margin: 0;}
.modal .close{display:flex;position:absolute;top:0px;right:0px;color: #777;padding: 1rem;z-index: 1050;line-height: 1;font-weight: 600;}
.modal .close:focus{outline: none;}

.upimgModal{min-width: 500px;max-width: 600px;}
.upimgModal .modal-body{padding: 0px;}
.upimgModal .upimg-tip {font-size: 13px;padding:20px 30px;line-height: 1.5;}
.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;border-radius: 5px; background: #f8f8f8;display:flex;justify-content: center;flex-direction: column;align-items: center; margin: 0 30px 20px;}
.upimgModal .upload-img .imgbox .text-gray{font-size: 16px;color: #999;display: block; text-align: center; padding: 10px 0;}
.upimgModal .upload-img .imgbox .icon-plus{width: 24px;height: 24px;font-size:24px;display:flex;align-items: center;justify-content: center; color: #999;position: relative;}
.upimgModal .upload-img .imgbox .icon-plus::before{width: 24px;height: 4px;background: #ccc;content: "";display: block;position: absolute;top: calc(50% - 2px);}
.upimgModal .upload-img .imgbox .icon-plus::after{width: 4px;height: 24px;background: #ccc;content: "";display: block;position: absolute;}
.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: 5px;padding: 0 2rem; height: 40px;line-height: 40px;display: inline-block;font-size: 14px;color: #777;transition: all .2s ease-in-out;}
.upimgModal .upload-img .btn-upload:hover{border: solid 1px #aaa;color: #333;}



.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);
  }
}
.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;}


.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;}


.section-container{width: 1200px;margin: 0 auto;}

.module-extension-header{width: 100%;}
.module-extension-header  .title{font-size: 48px;font-weight: 600;color: #232931;line-height: 1;}
.module-extension-buttons{display: flex;}
.module-extension-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;}
.module-extension-buttons.flex-row .btn{margin:0 15px;}
.module-extension-buttons .btn .content{height: 100%;}
.module-extension-buttons .btn .text{margin: 0 5px;}
.module-extension-buttons .btn .icon-video-play-fill{margin: 0 5px;font-size: 20px;font-weight: 500;}
.module-extension-buttons .btn:last-child{margin-bottom: 0;}
.module-extension-buttons .btn-green{background-color:#0abb40;color: #fff;}
.module-extension-buttons .btn-green:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}
.module-extension-buttons .btn-outlight-green{background-color:#e5f9ec;border: solid 2px #0abb40;color: #0abb40;}
.module-extension-buttons .btn-outlight-green:hover{background-color:#dff2e6;border: solid 2px #0ead51;color: #0ead51;}

.module-extension-body{display: grid;grid-template-columns:repeat(3,1fr);column-gap: 50px;}
.module-extension-card{display: flex;flex-direction: column;justify-content: center;align-items:center;}
.module-extension-card .cardimg{box-shadow: 0 10px 20px rgb(0 0 0 / 10%);border-radius: 10px;}
.module-extension-card .card-title{font-size: 24px;font-weight: 700;color: #333;margin-top: 1.25rem;}

.module-banner{width: 100%;height: 200px;padding: 20px; background: #fdfbfb url(../img/extension-bg.jpg) no-repeat center center;border-radius: 10px;overflow: hidden;}
.module-banner-icon{width: 160px;height: 160px;border-radius: 30px;box-shadow: 0 10px 20px rgb(0 0 0 / 10%);}
.module-banner-info{margin-left:45px;margin-right: 30px;}
.module-banner-info .title{font-size: 18px;font-weight: 600;color: #333;}
.module-banner-info .small-text{font-size: 14px;font-weight: 600;color: #808080;margin-top: 10px;}
.module-banner-info .stars{color: #999;margin-top: 10px;line-height: 1;}
.module-banner-info .stars .ap-icon{font-size: 14px;}
.module-banner-info .btn-green{background-color:#0abb40;color: #fff;min-width: 140px;font-size: 16px;font-weight: 600; text-align: center;margin-top: 20px;}
.module-banner-info  .btn-green:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}
.module-banner-browsers{margin-left: auto;}
.module-banner-browsers .browsers-title{font-size: 16px;font-weight: 600;color: #333;}
.module-banner-browsers .browsers-list{display: grid;grid-template-columns: repeat(5,1fr);margin-top: 1rem;row-gap: 20px;column-gap: 30px;}
.module-banner-browsers .browser-item{display: block;}


.module-blog-title{font-size: 48px;font-weight: 700;text-align: center;}
.module-blog-list{display: grid;grid-template-columns: repeat(3,1fr);column-gap: 50px;}
.module-blog-item{margin-bottom: 3rem;}
.blog-cover-img{display: block;position: relative;width:100%;height: 244px;overflow: hidden;}
.blog-cover-img::after{background-color: rgb(0 0 0 / 0%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;transition: all .2s ease-in-out;}
.blog-cover-img:hover::after{background-color: rgb(0 0 0 / 10%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;}
.blog-title{display: block;margin-top: 1rem;}
.blog-title h5{font-size: 16px;font-weight:600;line-height: 1.75;color: #333;}
.blog-title:hover h5{color: #ff7318;}
.blog-summary{color: #999;font-size: 14px;line-height: 1.75;margin-top: .5rem;}
.blog-lable{display: flex;align-items: center;font-size: 14px;margin-top: .75rem;}
.blog-lable .text-blue{color: #218aed;}
.blog-lable .text-blue:hover{text-decoration: underline;}
.blog-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.blog-lable .text-grey{color: #999;}

.list-page-title{display: flex;align-items: center;justify-content: center;}
.list-page-title .text-title{font-size: 48px;font-weight: bold;}
.article-list{padding-bottom: 3rem;max-width: 770px;margin: 50px auto;}
.article-list-item{margin-bottom: 3rem;align-items: flex-start;}
.list-article-title{font-size: 18px;font-weight: bold;line-height: 1.75;color: #333;}
.list-article-title:hover{text-decoration: underline;color: #ff7318;}
.list-article-desc{color: #999;font-size: 16px;line-height: 1.75;}
.article-list .picture{width: 200px;margin-left: 3rem;position: relative;}
.article-list .picture::after{background-color: rgb(0 0 0 / 0%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;transition: all .2s ease-in-out;}
.article-list .picture:hover::after{background-color: rgb(0 0 0 / 10%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;}

/*分页*/
.page-bar {display: block; text-align: center;font-size: 14px;}
.page-bar a {border:#ddd 1px solid; padding:6px 12px;display: inline-block;color:#888;margin-right:2px;background: #fff;vertical-align: middle;border-radius: 3px;}
.page-bar a:hover {border:#fd860e 1px solid; color: #fff; background:#fd860e;}
.page-bar .page-current{background:#fd860e; color:#fff;border:#fd860e 1px solid;}

.article-lable{display: flex;align-items: center;font-size: 14px;}
.article-lable .text-blue{color: #218aed;}
.article-lable .text-blue:hover{text-decoration: underline;}
.article-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.article-lable .text-grey{color: #999;}

.article-detail-title{font-size: 36px;font-weight:600;width: 100%;text-align: center;}
.article figure{max-width: 100%;}
.article img{max-width: 100%!important;border: solid 1px #e5e5e5; border-radius: 5px;}
.article-detail-content{font-size: 18px;line-height: 1.75;font-weight:400;}
.article-detail-content ul,
.article-detail-content li,
.article-detail-content ol{list-style: inherit;}
.article-detail-content ul,
.article-detail-content ol{padding-left: 2rem;margin-bottom: 1.5rem;}
.article-detail-content ol li{margin-bottom: 1rem;}
.article-detail-content h3{margin-bottom: 1.5rem;border-bottom: solid 2px #fd860e;color: #fd860e;padding-bottom: 1rem;font-size: 1.5rem; font-weight: 700;}
.article-detail-content h4{margin-bottom: 1.5rem;padding:5px 0 5px 15px;border-left: solid 5px #fd860e;font-size: 1.2rem;font-weight: 700;}
.article-detail-content p{margin-bottom: 1.5rem;}
.article-detail-content p a{color: #218aed;}
.article-detail-content p a:hover{text-decoration: underline;}
.article-detail-content li p{margin-bottom: 1rem;}
.article-detail-content strong{font-weight: 700;}
.article-detail-content table{margin-bottom: 2.35rem;margin-left: auto;margin-right: auto;}
.article-detail-content td{border: solid 1px #e5e5e5;padding: 6px 10px;}
.article-detail-content td p{display: inline-block;margin-bottom: 0;}
.article-detail-content blockquote span{display: block;padding: 10px 15px;border-radius: 5px;}
.article-detail-content blockquote p{margin-inline-start: 0px;margin-inline-end: 0px;margin-block-start: 1em;margin-block-end: 1em;margin-bottom: 1.5rem;font-size: 85%;}


.article-share-item{width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 8px;font-size: 18px;color: #fff;}
.article-share-item:hover{color: #fff;}
.article-share-item-facebook{background-color: #3b5998;}
.article-share-item-vk{background-color: #6383a8;}
.article-share-item-twitter{background-color: #1da1f2;}
.article-share-item-pinterest{background-color: #cd1f28;}
.article-share-item-odnoklassniki{background-color: #f68735;}


.article-relative{width: 100%; margin: 3rem auto;}
.article-relative-item{margin-bottom: 30px;}
.article-relative-item-title{font-size: 16px;font-weight: normal;line-height: 1.5;color: #333;margin-bottom:.5rem;}
.article-relative-item-title:hover{text-decoration: underline;}
.article-relative-item-title .badge{background-color: #f2f2f2;padding: 5px 10px;font-size: 14px; border-radius:10rem;font-weight: bold;margin-right: 10px;}
.article-relative-article-lable{display: flex;align-items: center;font-size: 14px;}
.article-relative-article-lable .text-blue{color: #218aed;}
.article-relative-article-lable .text-blue:hover{text-decoration: underline;}
.article-relative-article-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.article-relative-article-lable .text-grey{color: #999;}
.article-relative .picture{margin-right:20px;max-width: 120px;width: 120px;flex-shrink: 0;}


.article-main{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.article-detail{flex: 0 0 66.666667%;max-width: 66.666667%;padding-right: 15px;}
.article-side{overflow: visible;max-width: 33.333333%;flex: 0 0 33.333333%;padding-left: 15px;}
.article-side-title{font-size: 24px;font-weight: bold;margin-bottom: 20px;border-bottom: solid 1px #e5e5e5;padding-bottom: 15px;}
.article-side-list{width: 100%; margin: 0 auto;}
.article-side-list-item{margin-bottom: 20px;}
.article-side-list-item-title{font-size: 15px;font-weight: normal;line-height: 1.5;color: #333;}
.article-side-list-item-title:hover{text-decoration: underline;}
.article-side-article-lable{display: flex;align-items: center;font-size: 14px;}
.article-side-article-lable .text-blue{color: #218aed;}
.article-side-article-lable .text-blue:hover{text-decoration: underline;}
.article-side-article-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.article-side-article-lable .text-grey{color: #999;}
.article-side-list .picture{margin-left:15px;max-width: 120px;width: 120px;flex-shrink: 0;}
.article-side .btn-outline-grey{border: solid 1px #e5e5e5;color: #333;font-size: 20px;padding: .5rem;}

[dir=rtl] .article-detail{padding-left: 15px;padding-right: 0;}
[dir=rtl] .article-side{padding-left: 0;padding-right: 15px;}


.comment-wrapper{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; width: 100%;border-radius: 10px;padding: 30px;background-color: #fff;border: solid 1px #e5e5e5;}
.comment-list-item{margin-bottom: 35px;}
.comment-list-item .rf-avatar{height: 50px; margin-right: 20px; min-height: 50px; min-width: 50px; width: 50px;display: flex;align-items: center;}
[dir=rtl] .comment-list-item .rf-avatar{margin-right: 0;margin-left: 20px;}
.comment-list-item .rf-avatar-img{border-radius: 50%; display: block; height: 100%; width: 100%;}
.comment-text-container{overflow: hidden;width: 100%;}
.comment-user-data-wraper{margin: 0 0 5px 0;display: flex; align-items: center;}
.comment-user-name{font-size: 15px;color: #333;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.comment-text-wrapper{margin-bottom: 5px;}
.comment-text{color: #333;font-size: 16px;line-height:1.5;}
.comment-list-view-more{padding:1rem;border-radius: 0 0 10px 10px;color: #218aed;margin:0 -30px -30px -30px;}
.comment-list-view-more:hover{background-color: #f2f2f2;color: #218aed;}
[dir=rtl] .comment-list-view-more .icon-chevron-down{margin: 0 5px;}

.comment-reply-covers{padding-left: 70px;padding-top: 15px;}
[dir=rtl] .comment-reply-covers{padding-left:0px;padding-right: 70px;}
.comment-reply-container{background-color: #f4f4f4;border-radius: 5px;position: relative;}
.comment-reply-container::before { content: ""; display: block; border-top: none; border-right: 15px solid transparent; border-bottom: 15px solid #f4f4f4; border-left: 15px solid transparent; position: absolute; top: -12px; left: 15px; }
.comment-reply-list-item{padding:20px 30px;}
.comment-reply-at{margin: 0 10px;color: #a9a9a9;}
.comment-reply-view-more{padding:1rem;border-radius: 0 0 5px 5px;color: inherit;}
.comment-reply-view-more:hover{background-color: #f2f2f2;}
[dir=rtl] .comment-reply-view-more .icon-chevron-down{margin: 0 5px;}

.signup-buttons-container{display: flex;align-items: center;}
.signup-buttons-container .btn-orange{background-color: #fd860e;color: #fff;font-size: 16px;font-weight: bold;border-radius:100rem;height: 40px; padding: 0 24px;display: flex;align-items: center;margin-right: 10px;white-space: nowrap;}
.signup-buttons-icon{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;border: solid 1px #e5e5e5;margin-right: 10px;display: inline-flex; justify-content: center;align-items: center;transition: all .2s ease-in-out;flex-shrink: 0;}
.signup-buttons-icon:hover{border-color: #999;}
.signup-buttons-icon .ap-icon{font-size: 18px;}
.signup-buttons-facebook .ap-icon{color: #3b5998;}
.signup-buttons-vk .ap-icon{color: #6383a8;}
.signup-buttons-twitter .ap-icon{color: #1da1f2;}
.signup-buttons-apple .ap-icon{color: #000;}
.signup-buttons-google img{width: 20px;}
.signup-buttons-yandex .ap-icon{color: #fc3f1d;}
.signup-buttons-naver .ap-icon{color: #01c73c;}

.comment-signup-wrapper{border-bottom: solid 1px #e5e5e5;padding:0 30px 30px 30px;margin:0px -30px 30px;}
.comment-signup-prompt{width: 100%;}
.comment-signup-prompt-header{font-size: 24px; font-weight: 700; line-height: 1; margin-bottom:20px;}
.comment-date{ color: #999;font-size: 12px;}
.comment-action{padding:10px;line-height: 1;color: #999;font-size: 16px;}

.form-item-textarea{margin-bottom: 15px;}
.form-textarea{height: 100px!important;}
.form-buttons{display: flex;justify-content:flex-end;}
.form-buttons .btn-orange{background-color: #fd860e;color: #fff;font-size: 16px;font-weight: bold;border-radius:100rem;height: 40px; padding: 0 24px;display: flex;align-items: center;margin-left: 10px;white-space: nowrap;}
.form-buttons .btn-outline-grey{background-color: #fff;border: solid 1px #e5e5e5; color: #333;font-size: 16px;font-weight: bold;border-radius:100rem;height: 40px; padding: 0 24px;display: flex;align-items: center;margin-left: 10px;white-space: nowrap;}

.comment-reply-input{width: 100%;margin: 10px 0;}
.comment-reply-post-container{display: flex; align-items: flex-end;}
.comment-reply-textarea{height: auto;}
.form-auto-textarea{height: auto!important;font-size: 16px;}
.form-buttons .btn-orange.comment-reply-btn{background-color: #fd860e;color: #fff;font-size: 16px;font-weight: bold;border-radius:3px;height: auto; padding: .375rem 1rem;display: flex;align-items: center;margin-left: 10px;white-space: nowrap;flex-shrink: 0;white-space: nowrap;}
[dir=rtl] .form-buttons .btn-orange.comment-reply-btn{margin-left: 0;margin-right: 10px;}


.side-guide{background-color: #fff;border: solid 1px #e5e5e5;border-radius: 10px;position:sticky;position: -webkit-sticky;top:130px;}
.side-guide-title{font-size: 18px;font-weight: 700;padding: 20px;}
.quick-guide-list{display: flex;flex-direction: column;line-height: 2rem;margin-bottom: 1rem;}
.quick-guide-item{padding: 0 20px;}
.quick-guide-item.active .quick-guide-link{color: #ff7318;border-left: solid 4px #ff7318;}
.quick-guide-link{font-size: 14px;font-weight: 500;color: #333;padding: 0 10px;border-left: solid 4px transparent;}
[dir=rtl] .quick-guide-item.active .quick-guide-link{border-left: unset;border-right:solid 4px #ff7318;}
[dir=rtl] .quick-guide-link{border-left:unset;border-right: solid 4px transparent;}


.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, 0.8); 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: 40px 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: 40px 40px 30px 40px;}
.addons-icon{margin-right: 30px;width: 60px;height: 60px;}
.addons-title{font-size: 20px;color: #555;margin-bottom: 10px;}
.addons-by{font-size: 14px;color: #999;}

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

.btn-addons{height:40px;min-width: 140px;text-align: center; display:inline-flex;border-radius:4px;background: #04c446;padding:0 24px;text-decoration: none;box-shadow: 0 10px 10px rgba(4,196,70,.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: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}

.modal-addons__carousel{background-color: #fafafa;}
.modal-addons__carousel-inner{width: 640px; height: 400px; margin: 30px auto 50px;}
.modal-addons__carousel-control-prev{top: 205px;left: 50px;}
.modal-addons__carousel-control-next{top: 205px;right: 50px;}
.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: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 auto;width: 100%;}
.modal-addons__detail .browser-item{max-width: 16.6667%;width:16.6667%;}
.modal-addons__detail .browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column;padding: 1rem 1.5rem;}
.modal-addons__detail .browser-link:hover{background-color: #eef1f6;border-radius: 5px;}
.modal-addons__detail .browser-link p{display: block;font-size:16px;font-weight:400;margin-top: 10px;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 .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;}

.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;}



/*幻灯片-图片放大*/
.pgwSlide-open{overflow: hidden;}
.pgwSlide{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow-y:auto;background-color:rgb(0, 0, 0, .8);z-index: 1040;display: none;}
.pgwSlide.show{display: block;}
.pgwSlide-container{width: 100%;height: 100%;position: relative;}
.pgwSlide-showbox{width: 100%;height:100%;display: flex;align-items: center;flex-direction: column;position:relative;}
.closeSlider{padding: 1rem;outline: none;background-color: transparent;color: #fff;line-height: 1;position: absolute;right:0;top:0;z-index: 3;}
.closeSlider:focus{outline: none;}
.closeSlider .ap-icon{font-size: 24px;}
.pgwSlideshow{width: 100%;height: 100%;display:flex!important;align-items: center;justify-content: center;flex-direction: column;}
.pgwSlideshow .ps-current{position: relative;display: flex;align-items:center;justify-content: center;width: 100%; height: calc(100% - 120px)!important;overflow: hidden;padding:15px 80px;}
.pgwSlideshow .ps-current > ul{width: 100%;height: 100%;display: flex;align-items:center;justify-content: center;}
.pgwSlideshow .ps-current > ul  > li { width: 100%;height: 100%; z-index: 1; opacity: 0;display: flex;align-items:center;justify-content: center;}
.pgwSlideshow .ps-current > ul  > li img { display: block; max-width: 100%; margin: auto; }
.pgwSlideshow .ps-current .ps-prev { background: rgba(0, 0, 0, 0.5);color: #fff;border-radius:100rem; position: absolute; padding:1rem; left: 1rem; top: 45%; cursor: pointer;line-height: 1;}
.pgwSlideshow .ps-current .ps-next { background: rgba(0, 0, 0, 0.5);color: #fff;border-radius:100rem; position: absolute; padding:1rem; right: 1rem; top: 45%; cursor: pointer;line-height: 1;}
.pgwSlideshow .ps-current .ps-prev .ap-icon,
.pgwSlideshow .ps-current .ps-next .ap-icon{font-size: 20px;}
.pgwSlideshow .ps-caption {display: none;}

.pgwSlideshow .ps-list {overflow: hidden;position: relative;}
.pgwSlideshow .ps-list ul {position: relative;list-style: none;margin: 0;padding: 0;left: 0;}
.pgwSlideshow .ps-list li {float: left;}
.pgwSlideshow .ps-list li .ps-item {display: block;margin: 15px 8px;}
.pgwSlideshow .ps-list li img {display: block;border: 1px solid #777;width: 80px;height: 80px;}
.pgwSlideshow .ps-list li .ps-item.ps-selected {float: left;opacity: 1;border: 4px solid #fff;overflow: hidden;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {margin: -4px;}
.pgwSlideshow .ps-list .ps-prev { background: rgba(0, 0, 0, 0.5);color: #fff; border-radius:100rem; padding:12px; cursor: pointer; position: absolute; left:1rem; top: 35px; z-index: 1000; display: none;line-height: 1;}
.pgwSlideshow .ps-list .ps-next { background: rgba(0, 0, 0, 0.5);color: #fff; border-radius:100rem; padding:12px; cursor: pointer; position: absolute; right:1rem; top: 35px; z-index: 1000; display: none;line-height: 1;}
.pgwSlideshow .ps-list .ps-prev .ap-icon,
.pgwSlideshow .ps-list .ps-next .ap-icon{font-size: 20px;}