.sp-megamenu-wrapper{float: left;}
.sp-megamenu-parent{list-style: none; padding: 0; margin: 0; z-index: 9993; display: block;}
.sp-megamenu-parent >li{display: inline-block; position: relative; padding: 0; height: 46px; line-height: 46px;}
/******************desmond***********************/
/*.sp-megamenu-parent >li:last-child:before{*/ /*content: " ";*/ /*position: absolute;*/ /*top: 50%;*/ /*margin-top: -10px;*/ /*left: 0;*/ /*width: 1px;*/ /*height: 20px;*/ /*background: #363636;*/
/*}*/
/******************end desmond***********************/
.sp-megamenu-parent >li.menu-justify{position: static;}
/*.sp-megamenu-parent >li >a{display: inline-block; padding: 0 13px 0 0; text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 46px; color: #030303;}*/
.sp-megamenu-parent >li.sp-has-child>a:after{font-family: "IcoFont"; content: "\e91e"; margin-left: 8px;}
.sp-megamenu-parent .sp-module{padding: 0;}
.sp-megamenu-parent .sp-mega-group{list-style: none; padding: 0; margin: 0;}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child{list-style: none; padding: 0; margin: 0;}
.sp-megamenu-parent .sp-dropdown{margin: 0; position: absolute; z-index: 9995; display: none; text-align: left;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background: #fff; box-shadow: 0 8px 19px 0 rgba(0,0,0,0.03);}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items{list-style: none; padding: 0; margin: 0;}
.sp-megamenu-parent .sp-dropdown.sp-menu-center{margin-left: 45px;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main{top: 100%;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full{left: -15px;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left{right: 0px;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub{top: 0; left: 100%;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item{display: block; padding: 0; position: relative; height: auto; line-height: normal;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a{display: block; padding: 15px; color: #333; cursor: pointer;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title{display: block; font-weight: bold;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover{color: #fff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover{color: #fff;}
.sp-megamenu-parent .sp-dropdown-mega >.row{margin-top: 30px;}
.sp-megamenu-parent .sp-dropdown-mega >.row:first-child{margin-top: 0;}
.sp-megamenu-parent .sp-has-child:hover >.sp-dropdown{display: block;}
.sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown{-webkit-animation: spMenuFadeIn 400ms; animation: spMenuFadeIn 400ms;}
.sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown{-webkit-animation: spMenuZoom 400ms; animation: spMenuZoom 400ms;}
.sp-megamenu-parent.menu-fade-up .sp-has-child:hover >.sp-dropdown{-webkit-animation: spMenuFadeInUp 400ms; animation: spMenuFadeInUp 400ms;}
@media (max-width: 767px){#sp-navbar-sticky-wrapper{display: none;}}
.offcanvas-menu{width: 100%; height: 100%; color: #fff; position: fixed; top: 0; background: #1C1C1C; left: -100%; overflow-y: auto; z-index: 998;}
.offcanvas-menu .offcanvas-inner{margin-top: 80px; padding: 30px 0; border-top: 1px solid #292929;}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title{font-size: 14px; line-height: 1; text-transform: uppercase;}
.offcanvas-menu .offcanvas-inner .product-categories >li >a{padding: 20px 0; color: rgba(255,255,255,0.8); border-top: 1px solid #292929; border-bottom: 0;}
.offcanvas-menu .offcanvas-inner .product-categories >li >a:hover{background: none; color: #22d05d;}
.offcanvas-menu .offcanvas-inner .product-categories >li >a:hover span{color: #22d05d;}
.offcanvas-menu .offcanvas-inner .product-categories >li.active >a{font-weight: 600; background: none; color: #22d05d;}
.offcanvas-menu .offcanvas-inner .product-categories >li.active >a span{color: #22d05d;}
.offcanvas-menu .offcanvas-inner .item-search-form{position: relative; margin-bottom: 30px;}
.offcanvas-menu .offcanvas-inner .item-search-form .form-inner{position: relative;}
.offcanvas-menu .offcanvas-inner .item-search-form input[type="text"]{background-color: rgba(117,117,117,0.2); color: #999; border: 0; border-radius: 3px; height: 46px;}
.offcanvas-menu .offcanvas-inner .item-search-form .btn{position: absolute; right: 0; top: 0; z-index: 3; border: 0; border-radius: 0 3px 3px 0 !important; width: 46px; min-height: 46px; background-color: transparent; color: #888; box-shadow: none; -webkit-box-shadow: none; cursor: pointer;}
.offcanvas-menu .offcanvas-inner .item-search-form .btn:hover,
.offcanvas-menu .offcanvas-inner .item-search-form .btn:active,
.offcanvas-menu .offcanvas-inner .item-search-form .btn:focus{color: #22d05d;}
body.offcanvas{overflow: hidden;}
body.offcanvas .offcanvas-menu{left: 0;}
.menu .nav-child.small{font-size: inherit;}
.sp-module .product-categories{list-style: none; padding: 0; margin: 0; z-index: 19; display: block;}
.sp-module .product-categories >li{display: block; padding: 0; position: relative;}
.sp-module .product-categories >li >a{display: block; padding: 15px; color: #252525; border-bottom: 1px solid #F2F2F2; cursor: pointer;}
.sp-module .product-categories >li >a.leaf{display: block; padding: 15px; /*color: #0028ff;*/ border-bottom: 1px solid #F2F2F2; cursor: pointer; text-decoration: underline;}
.sp-module .product-categories >li >a span{font-size: 12px; color: #999; display: inline-block; float: right; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms;}
.sp-module .product-categories >li >a:hover{background: #22d05d; color: #fff;}
.sp-module .product-categories >li >a:hover span{color: #fff;}
.sp-module .product-categories >li:last-child > a{border-bottom: 0;}
.sp-module .product-categories >li.active>a{background: #22d05d; color: #fff;}
.sp-module .product-categories >li.active>a span{color: #fff;}
.sp-module .product-categories >li.active>a:hover{color: #fff;}
@-webkit-keyframes spMenuFadeIn{0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes spMenuFadeIn{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes spMenuZoom{0%{opacity: 0; -webkit-transform: scale(.8);} 100%{opacity: 1; -webkit-transform: scale(1);}}
@keyframes spMenuZoom{0%{opacity: 0; transform: scale(.8); -webkit-transform: scale(.8);} 100%{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}}
@-webkit-keyframes spMenuFadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0,30px,0);} 100%{opacity: 1; -webkit-transform: none;}}
@keyframes spMenuFadeInUp{0%{opacity: 0; transform: translate3d(0,30px,0);} 100%{opacity: 1; transform: none;}}
body.user-logged-in #sp-header ul.menu-account{background: #2c2c2c; border-radius: 4px; margin-right: 0;}
#sp-header{background: #1C1C1C; height: 80px; padding: 0; position: relative; z-index: 999;}
#sp-header.fixed-header{position: fixed; top: 0; left: 0; right: 0;}
#sp-header .logo{padding: 0; height: 80px; display: table; float: left; margin-right: 20px;}
#sp-header .logo >div{margin: 0; padding: 0; display: table-cell; vertical-align: middle;}
#sp-header .logo >div img{height: 30px;}
/*desmond*/
#sp-header .align-right{float: right;}
#sp-header .align-right-button{float: right;margin-left: 10px !important;margin-right: 10px !important;}
.head-light.active,.head-light:hover { line-height:0px !important;background: #A0C36E;border-radius: 15px;height: 30px !important;padding: 4px 16px !important;margin-top: 10px;}
.head-light.active,.head-light:hover a {line-height: 22px !important;}
.header-ul-div {position: absolute; width: 100%;}
/*desmond end*/
#sp-header ul.menu-account >li.li-link >div{display: none; position: absolute; right: 0; margin-top:15px; width: 220px; background: #fff; border-radius: 4px; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.08); z-index: 99;}
#sp-header ul.menu-account >li.li-link >div > ul{position: relative; list-style: none; padding: 10px 0; margin: 0;}
#sp-header ul.menu-account >li.li-link >div > ul:before{content: " "; position: absolute; top: -20px; right: 20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent;}
#sp-header ul.menu-account >li.li-link >div > ul >li{display: block; padding: 0; margin: 0; line-height: 1; cursor: pointer;}
#sp-header ul.menu-account >li.li-link >div > ul >li >a{background-color: #fff; line-height: 1; display: block; padding: 5px 15px; color: #888;}
#sp-header ul.menu-account >li.li-link >div > ul >li:hover >a{background-color: #22d05d; color: #fff;}
#sp-header ul.menu-account >li.li-link:hover >div{display: block; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms;}

#sp-header ul.menu-account{list-style: none; padding: 0; margin: 15px 0 0; height: 50px;}
#sp-header ul.menu-account.logged-in-account{background: #2C2C2C; padding: 0 20px; border-radius: 3px;}
#sp-header ul.menu-account >li{display: block; float: left; height: 50px; line-height: 50px;}
#sp-header ul.menu-account >li >a{display: inline-block; color: rgba(255,255,255,0.8); position: relative;}
#sp-header ul.menu-account >li >a:hover{color: #fff;}
#sp-header ul.menu-account >li.li-icon-only >a{font-size: 1.5rem;}
#sp-header ul.menu-account >li.li-link >a{font-weight: 400; font-size: 13px;}
#sp-header ul.menu-account >li.li-separator > span{color: rgba(255,255,255,0.4);}
#sp-header ul.menu-account >li.li-btn > a{background: pink; height: 30px; line-height: 30px; margin-top: 10px; background: #2C2C2C; color: rgba(255,255,255,0.8); padding: 0 10px; border-radius: 3px;}
#sp-header ul.menu-account >li.li-btn > a:hover{color: #fff; background: #4E4E4E;}
#sp-header ul.menu-account >li.li-account .avatar{width: 34px; height: 34px; line-height: 34px; font-size: 12px; font-weight: 400; border: 0; margin-right: 15px; float: left; border-radius: 100px; margin-top: 8px;}
#sp-header ul.menu-account >li.li-account .account-username{font-weight: 400; margin-right: 10px;}
#sp-header ul.menu-account >li.li-account .account-earnings{color: rgba(255,255,255,0.6);}
#sp-header ul.menu-account >li.li-account >div{display: none; position: absolute; right: 0; width: 220px; background: #fff; border-radius: 4px; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.08); -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.08); z-index: 99;}
#sp-header ul.menu-account >li.li-account >div > ul{position: relative; list-style: none; padding: 10px 0; margin: 0;}
#sp-header ul.menu-account >li.li-account >div > ul:before{content: " "; position: absolute; top: -20px; right: 20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent;}
#sp-header ul.menu-account >li.li-account >div > ul >li{display: block; padding: 0; margin: 0; line-height: 1; cursor: pointer;}
#sp-header ul.menu-account >li.li-account >div > ul >li >a{background-color: #fff; line-height: 1; display: block; padding: 12px 20px; color: #888;}
#sp-header ul.menu-account >li.li-account >div > ul >li:hover >a{background-color: #22d05d; color: #fff;}
#sp-header ul.menu-account >li.li-account:hover >div{display: block; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms;}
#sp-header ul.menu-account .my-chats:not(:empty),
#sp-header ul.menu-account .my-cart:not(:empty){position: relative; float: right; display: inline-block; color: #1C1C1C; font-size: 10px; font-weight: 400; border-radius: 20px; min-width: 22px; height: 22px; line-height: 22px; text-align: center; margin-top: 5px; margin-left: -5px;}
#sp-header ul.menu-account .my-cart:not(:empty){background-color: #fff;}
#sp-header ul.menu-account .my-chats:not(:empty){background-color: #D0021B; color: #fff;}
#sp-header ul.menu-account >li >div.menu-button-group{border-radius: 30px;padding: 4px 20px;line-height: 30px;font-family: PingFangSC-Regular;font-size: 14px;background-image: linear-gradient(-41deg, #8BBE42 0%, #D0FC92 100%);margin-top: 5px;}
#sp-header ul.menu-account >li >div.menu-button-group >a{width: 68px;color: #FFFFFF;margin-bottom: 0;text-align: center;font-weight :400;cursor: pointer;}
/****desmond nav bar***/
#sp-navbar{height: 46px; background: #FFFFFF; padding: 0 30px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); position: relative; z-index: 5;}
.index-hero{background-image: url("../images/index_head_bg.png");background-repeat: no-repeat; height:400px; background-size: 100% 100%; color: #fff; padding: 2rem 0; margin-top: -70px;}
.index-hero-laborLawLibrary{background-image: url("/static/images/laodongfabao-bg.png");background-repeat: no-repeat; height:250px; background-size: 100% 100%; color: #fff; padding: 2rem 0; margin-top: -70px;}


.ldfb-1 {text-align: center;margin-top:50px;}
.ldfb-1-1 {font-size: 24px;color: #0A0A0A; font-weight: bolder;margin-bottom: 10px;}
.ldfb-1-2 {
    opacity: 0.82;
    font-family: PingFangSC-Light;
    font-size: 12px;
    color: #9F9F9F;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
}
.ldfb-1-3 {font-family: STHeitiSC-Medium;font-size: 14px;color:#a4c574;letter-spacing: 0;text-align: center;line-height: 18px;}


.index-bg{background-image: url("../images/index_basic_bg.png"); background-repeat: repeat;}
/***end desmond***/
.hero{background-color: #202020; background-image: url(../images/hero-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; color: #fff; padding: 3.125rem 0; margin-top: -80px;}
.hero.hero-frontpage{padding: 5.250rem 0; text-align: center;}
.hero.hero-frontpage h1{font-size: 2.25rem; margin: 0; padding: 0; line-height: 1;}
.hero.hero-frontpage h2{margin: 20px 0 40px; font-size: 1.125rem; font-weight: 300; color: #CCCCCC; line-height: 1.625rem;}
.hero .site-stats ul{list-style: none; padding: 0; margin: -15px; display: inline-block;}
.hero .site-stats ul >li{display: inline-block; margin: 15px; font-size: 0.750rem; line-height: 1; color: #737A7C;}
.hero .site-stats ul >li strong{color: #fff; font-weight: 700;}
.ajax-item-search{position: relative;}
.ajax-item-search .form-inner{position: relative;}
.ajax-item-search .index-page-item{color:#FFFFFF;margin-right: 15px;}
.ajax-item-search .index-page-item:hover{color:#22D05D}
.ajax-item-search .index-page-item.active{color:#A0C36E}
/*desmond*/
.ajax-item-search .m-form-inner{position: relative;}
.ajax-item-search input[type="text"]{height: 60px; padding: 20px; font-size: 16px; font-weight: 400; color: #000; border-color: #fff; padding-left: 50px;}
.ajax-item-search .m-form-inner input[type="text"]{height: 50px;padding-left: 10px}
.ajax-item-search input[type="text"]::-moz-placeholder{color: rgba(0,0,0,0.2); opacity: 1;}
.ajax-item-search input[type="text"]:-ms-input-placeholder{color: rgba(0,0,0,0.2);}
.ajax-item-search input[type="text"]::-webkit-input-placeholder{color: rgba(0,0,0,0.2);}
.ajax-item-search .btn-search{font-size: 15px; /*desmond*/ padding: 26.5px 15px; /*<end>*/ border: 0;}
.ajax-item-search .m-form-inner .btn-search{width: 4rem;z-index: 11;margin: auto 0;text-align: center;font-size: 14px;padding: 0}
/*</> desmond*/
.ajax-item-search .ajax-item-search-results{position: absolute; background-color: #fff; padding: 0; left: 0; top: 70px; right: 0; border-radius: 0 0 3px 3px; box-shadow: 0 8px 19px 0 rgba(0,0,0,0.03); z-index: 33; width: 100%;}
.ajax-item-search .ajax-item-search-results ul{list-style: none; padding: 0; margin: 0;}
.ajax-item-search .ajax-item-search-results ul > li{display: block; padding: 0; line-height: 1.4; border-top: 1px solid #e5e5e5; background-color: #fff; text-align: left; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.ajax-item-search .ajax-item-search-results ul > li >a{display: block; padding: 20px;}
.ajax-item-search .ajax-item-search-results ul > li .media img{height: 46px; border-radius: 4px;}
.ajax-item-search .ajax-item-search-results ul > li:first-child{border-top: 0;}
.ajax-item-search .ajax-item-search-results ul > li:last-child{border-radius: 0 0 3px 3px;}
.ajax-item-search .ajax-item-search-results ul > li.empty-result{color: #333;}
.ajax-item-search .ajax-item-search-results ul > li a{font-weight: 400; color: #000000; display: block; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.ajax-item-search .ajax-item-search-results ul > li:not(.empty-result):hover{background-color: #22d05d;}
.ajax-item-search .ajax-item-search-results ul > li:not(.empty-result):hover a{color: #fff;}
.ajax-item-search.index-page input[type="text"]{height: 40px;}
.ajax-item-search.index-page button[type="button"]{height: 50px;}
/*border-color:#a0c36e; background-color: #a0c36e;color: #fff*/
/*.index-page-search button[type="button"]:hover,.index-page-search button[type="button"]:focus,.index-page-search button[type="button"]:active{height: 50px;border-color: #85a15b; background-color: #85a15b;color: #fff}*/
.index-page-search .ajax-item-search-results{position: absolute; background-color: #fff; padding: 0; left: 0; top: 70px; right: 0; border-radius: 0 0 3px 3px; box-shadow: 0 8px 19px 0 rgba(0,0,0,0.03); z-index: 33; width: 100%;}
.index-page-search .ajax-item-search-results ul{list-style: none; padding: 0; margin: 0;}
.index-page-search .ajax-item-search-results ul > li{display: block; padding: 0; line-height: 1.4; border-top: 1px solid #e5e5e5; background-color: #fff; text-align: left; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.index-page-search .ajax-item-search-results ul > li >a{display: block; padding: 20px;}
.index-page-search .ajax-item-search-results ul > li .media img{height: 46px; border-radius: 4px;}
.index-page-search .ajax-item-search-results ul > li:first-child{border-top: 0;}
.index-page-search .ajax-item-search-results ul > li:last-child{border-radius: 0 0 3px 3px;}
.index-page-search .ajax-item-search-results ul > li.empty-result{color: #333;}
.index-page-search .ajax-item-search-results ul > li a{font-weight: 400; color: #000000; display: block; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.index-page-search .ajax-item-search-results ul > li:not(.empty-result):hover{background-color: #22d05d;}
.index-page-search .ajax-item-search-results ul > li:not(.empty-result):hover a{color: #fff;}
/*desmond*/
.input-product-search{max-height: 300px;}
/*end*/
.items-filter{background: #fff;}
.items-filter .nav >li:last-child >.nav-link:after{display: none;}
.items-filter .nav-link{padding: 1.688rem 1.875rem; font-weight: 400; color: #474747; line-height: 1; position: relative;}
.items-filter .nav-link.active,
.items-filter .nav-link:hover{color: #22d05d;}
.items-filter .nav-link:after{content: " "; position: absolute; top: 50%; right: 0; height: 22px; margin-top: -11px; width: 1px; background: #EDEDED;}
.toggle-offcanvas{height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 2px; font-size: 1.125rem; margin-top: 20px; background: rgba(0,0,0,0.3); color: #fff;}
.toggle-offcanvas.active{background: #22d05d;}
.toggle-offcanvas:focus,
.toggle-offcanvas:active,
.toggle-offcanvas:hover{color: #fff;}
#sp-title{min-height: 0;}
.sp-page-title{background-color: #202020; background-image: url(../images/hero-bg.jpg); background-repeat: no-repeat; background-position: 50% 0%; background-size: cover; padding: 3.125rem 0;}
.sp-page-title h2{color: #fff; margin: 0;}
.hero-subpage{padding: 3.125rem 0;}
.hero-subpage h2{color: #fff; margin: 0;}
.breadcrumb{background: none; padding: 0; margin: 10px 0 0;}
.breadcrumb >.active{color: rgba(255,255,255,0.5);}
.breadcrumb li.active a{color: rgba(255,255,255,0.5);}
.breadcrumb >span,
.breadcrumb >li,
.breadcrumb >li+li:before,
.breadcrumb >li>a{color: #fff;}
.breadcrumb li a:hover,
.breadcrumb li a:focus{color: rgba(255,255,255,0.8);}
a{color: #22d05d; -webkit-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms;}
a:hover,
a:focus,
a:active{color: #1ba449;}
body{color: #000000; font-family: 'Roboto', sans-serif; /*"Microsoft YaHei","Helvetica Neue",simsun,Arial,Helvetica,sans-serif;*/ /*"PingFang SC","Lantinghei SC","Microsoft YaHei","Helvetica","Arial","sans-serif";*/ font-size: 0.875rem; font-weight: 300; line-height: 30px; background-color: #f4f4f4;}
body.white-bg,
body.view-category,
body.view-article{background-color: #fff;}
a,
a:hover,
a:focus,
a:active{text-decoration: none;}
label{font-weight: 600;}
legend{padding-bottom: 10px;}
img{display: block; max-width: 100%; height: auto;}
.form-control{padding: 0.875rem 1rem; border-radius: 2px; border-color: rgba(177,177,177,0.3);}
* >.form-group label{font-weight: 400;}
::selection{background: #22d05d; color: #fff;}
::-moz-selection{background: #22d05d; color: #fff;}
.th-widget{margin-bottom: 1.250rem;}
.th-widget.mt-0{margin-top: 0;}
.th-widget.mb-0{margin-bottom: 0;}
.th-widget .th-widget-title{font-size: 1.500rem; margin-top: 5px;}
.th-widget .th-widget-title-wrapper{margin-bottom: 1.875rem;}
.th-widget .th-widget-title-wrapper.th-widget-title-border{margin: -0.625rem -1.875rem 1.875rem -1.875rem; padding: 0 1.250rem 1.250rem; border-bottom: 1px solid #ebeded;}
.th-card{background: #fff; padding: 1.875rem; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px;}
.th-card.th-card-sm{padding: 0.625rem 0.938rem;}
.th-card .ico-xlg{font-size: 6rem; line-height: 6rem; color: #F5A623; display: block; margin-bottom: 1.875rem;}
.th-card .ico-color-yellow{color: #F5A623;}
.th-card .ico-color-red{color: #D0021B;}
.th-card .th-card-title{font-size: 1.500rem; line-height: 1.2; font-weight: 400; color: #333333; margin: 0 0 10px 0;}
.th-card .th-card-title.th-card-title-line{font-weight: bold; margin: -0.625rem -1.875rem 1.875rem -1.875rem; padding: 0 1.250rem 1.250rem; border-bottom: 1px solid #ebeded;}
.th-card .th-card-title.th-card-title-small{font-size: 1.125rem;}
.th-card .th-card-short-desc{font-size: 1rem; color: #878787; margin-bottom: 30px;}
.th-card .buttons-group{margin: -10px;}
.th-card .buttons-group .btn{margin: 10px;}
.btn,
.sppb-btn{font-size: 0.750rem; line-height: 1; font-weight: 400; border-radius: 2px; padding: 0.688rem 0.938rem;}
.btn-shadow{box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.btn.btn-link,
.sppb-btn.sppb-btn-link{color: #22d05d;}
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus,
.sppb-btn.sppb-btn-link:hover,
.sppb-btn.sppb-btn-link:active,
.sppb-btn.sppb-btn-link:focus{color: #1ba449;}
.btn.btn-default,
.sppb-btn.sppb-btn-default{border-color: #C3C3C3; background-color: #C3C3C3; color: #fff;}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus,
.sppb-btn.sppb-btn-default:hover,
.sppb-btn.sppb-btn-default:active,
.sppb-btn.sppb-btn-default:focus{border-color: #999; background-color: #999; color: #fff;}
.btn.btn-white{border-color: rgba(228, 228, 228, 1); background-color: #fff; color: #757575;}
.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-white:focus{border-color: rgba(228, 228, 228, 1); background-color: rgba(228, 228, 228, 1); color: #333333;}
.btn.btn-primary,
.sppb-btn.sppb-btn-primary{border-color: #1d84df; background-color: #1d84df;}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.sppb-btn.sppb-btn-primary:hover,
.sppb-btn.sppb-btn-primary:active,
.sppb-btn.sppb-btn-primary:focus{border-color: #1a76c7; background-color: #1a76c7; color: #fff;}
.btn.btn-success,
.sppb-btn.sppb-btn-success{border-color: #22d05d; background-color: #22d05d;}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus,
.sppb-btn.sppb-btn-success:hover,
.sppb-btn.sppb-btn-success:active,
.sppb-btn.sppb-btn-success:focus{border-color: #1ba449; background-color: #1ba449; color: #fff;}
.btn.btn-outline-success{color: #22d05d; border-color: #22d05d;}
.btn.btn-outline-success:hover,
.btn.btn-outline-success:active,
.btn.btn-outline-success:focus{background-color: #22d05d; border-color: #22d05d; color: #fff;}
.btn.btn-info,
.sppb-btn.sppb-btn-info{border: none; background-color: rgba(22, 155, 213, 1);}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus,
.sppb-btn.sppb-btn-info:hover,
.sppb-btn.sppb-btn-info:active,
.sppb-btn.sppb-btn-info:focus{border: none; background-color: rgba(22, 134, 183, 1); color: #FFFFFF;}
.btn.btn-warning,
.sppb-btn.sppb-btn-warning{color: #fff; border-color: #F5A623; background-color: #F5A623;}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.sppb-btn.sppb-btn-warning:hover,
.sppb-btn.sppb-btn-warning:active,
.sppb-btn.sppb-btn-warning:focus{border-color: #E09822; background-color: #E09822; color: #fff;}
.btn.btn-danger,
.sppb-btn.sppb-btn-danger{border-color: #c9302c; background-color: #c9302c;}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus,
.sppb-btn.sppb-btn-danger:hover,
.sppb-btn.sppb-btn-danger:active,
.sppb-btn.sppb-btn-danger:focus{border-color: #b02b27; background-color: #b02b27; color: #fff;}
.btn.btn-border,
.sppb-btn.sppb-btn-border{border-color: #178e40; background-color: #178e40; -webkit-box-shadow: none; box-shadow: none;}
.btn.btn-border:hover,
.btn.btn-border:active,
.btn.btn-border:focus,
.sppb-btn.sppb-btn-border:hover,
.sppb-btn.sppb-btn-border:active,
.sppb-btn.sppb-btn-border:focus{border-color: #147836; background-color: #147836; color: #fff;}
.btn.btn-link{color: #000000;}
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus{color: #000000;}
.btn.btn-lg,
.sppb-btn.sppb-btn-lg{font-size: 1.125rem; padding: 1.125rem 1.875rem; border-radius: 4px;}
.btn.btn-md,
.sppb-btn.sppb-btn-md{font-size: 0.938rem; padding: 0.938rem 1.250rem; border-radius: 3px;}
.btn.btn-sm,
.sppb-btn.sppb-btn-sm{padding: 0.50rem .9rem; border-radius: 2px;}
.btn.btn-ucase{text-transform: uppercase;}
.btn.btn-xs,
.sppb-btn.sppb-btn-xs{border-radius: 2px;}
.btn.btn-xlg{font-size: 18px; letter-spacing: 1px; padding: 19px 40px;}
#system-message-container{width: 960px; max-width: 100%; margin: 0 auto;}
.offline-inner{margin-top: 100px;}
.shadow{-webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06); box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);}
.alert.alert-message,
.alert.alert-success{color: #22d05d; background: rgba(35,207,95,0.1); border: 1px solid rgba(35,207,95,0.1);}
.alert.alert-error{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.chzn-container{width: 100% !important;}
#sp-page-builder .sppb-section-title{margin-bottom: 20px;}
#sp-page-builder .section-intro .sppb-title-heading{font-size: 36px; line-height: 1.2; font-weight: 600; text-transform: uppercase;}
#sp-page-builder .section-intro .sppb-title-heading span{font-weight: 700;}
#sp-page-builder .section-intro .sppb-section-title{margin-bottom: 20px;}
#sp-page-builder .section-intro .sppb-title-subheading{font-size: 20px; letter-spacing: 1px; line-height: 28px; font-weight: 300; color: #777777; max-width: 700px !important; margin-bottom: 10px;}
#sp-page-builder .section-intro .sppb-addon-button-group .sppb-addon-content{display: inline-block;}
#sp-page-builder .section-intro .sppb-addon-button-group .sppb-addon-content a{float: left;}
#sp-page-builder .section-intro .btn-group-text{float: left; display: inline-block; font-size: 18px; height: 53px; line-height: 53px; font-weight: bold; color: rgba(255,255,255,0.9); margin: 0 20px;}
#sp-page-builder .section-intro .btn.btn-link,
#sp-page-builder .section-intro .sppb-btn.sppb-btn-link{color: #fff; padding-left: 0; padding-right: 0;}
#sp-page-builder .section-intro .btn.btn-link:hover,
#sp-page-builder .section-intro .btn.btn-link:active,
#sp-page-builder .section-intro .btn.btn-link:focus,
#sp-page-builder .section-intro .sppb-btn.sppb-btn-link:hover,
#sp-page-builder .section-intro .sppb-btn.sppb-btn-link:active,
#sp-page-builder .section-intro .sppb-btn.sppb-btn-link:focus{text-decoration: none; color: #66ad44;}
#sp-page-builder .market-statistics{color: #888; font-size: 16px; line-height: 1; letter-spacing: 1px; font-weight: 300;}
#sp-page-builder .market-statistics >span{font-weight: 700;}
.sppb-addon-items .sppb-addon-header{margin-bottom: 30px;}
.sppb-addon-items .sppb-addon-header h3{margin: 0; font-size: 24px; line-height: 28px; font-weight: 400; float: left;}
.chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single{-webkit-box-shadow: none; box-shadow: none; background: #fff; border-color: rgba(177,177,177,0.3); border-radius: 2px;}
.chzn-choices input[type="text"]{padding: 8px 12px !important; min-height: 46px;}
.chzn-container-single .chzn-single{height: 46px; line-height: 46px; border-radius: 2px;}
.chzn-container .chzn-single div{top: 0; right: 0; width: 20px; background: none;}
.chzn-container .chzn-single div:after{content: ""; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; top: 20px; position: absolute;}
.chzn-container .chzn-single div >b{display: none;}
.chzn-container-active.chzn-with-drop .chzn-single{border-color: #e5e5e5; border-radius: 0; background: transparent;}
.chzn-container-active.chzn-with-drop .chzn-single >div:after{top: 12px; border-color: transparent transparent #000 transparent;}
.chzn-container{font-size: 14px;}
.chzn-container .chzn-drop{border-color: #e5e5e5; -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06); box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06); border-radius: 0;}
.chzn-container .chzn-drop .chzn-search{margin: 0 10px;}
.chzn-container .chzn-drop .chzn-search input[type="text"]{background-image: none !important; border-color: #e5e5e5;}
.chzn-container .chzn-single{padding-left: 12px;}
.chzn-container .chzn-choices li.search-choice{margin-top: 5px; border: 0; background: #e5e5e5; padding: 12px 25px 12px 8px; -webkit-box-shadow: none; box-shadow: none;}
.chzn-container .chzn-choices li.search-choice .search-choice-close{right: 8px; top: 13px;}
.chzn-container .chzn-results{padding: 0; margin: 0;}
.chzn-container .chzn-results li{padding: 10px 15px;}
.chzn-container .chzn-results li.highlighted{background: #22d05d;}
.preloader{position: absolute; display: block; top: 50px; left: 50%; width: 120px; height: 120px; margin-left: -60px; z-index: 9999; background: rgba(255,255,255,0.9); border-radius: 4px; display: none; -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06); box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.06);}
.loading >div.row{opacity: .1;}
.loading .preloader{display: block;}
.preloader>div{margin: 28px; width: 64px; height: 64px; display: inline-block; padding: 0px; border-radius: 100%; border: 3px solid; border-top-color: #22d05d; border-bottom-color: rgba(0,0,0,0.1); border-left-color: #22d05d; border-right-color: rgba(0,0,0,0.1); -webkit-animation: preloader 0.8s linear infinite; animation: preloader 0.8s linear infinite;}
@keyframes preloader{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}
@-webkit-keyframes preloader{from{-webkit-transform: rotate(0deg);} to{-webkit-transform: rotate(360deg);}}
.loading-small{position: relative;}
.loading-small:before{content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.9); z-index: 999; display: block;}
.loading-small:after{font-family: "IcoFont"; content: "\ea43"; position: absolute; top: 50%; left: 50%; color: #fff; font-size: 24px; width: 36px; height: 36px; line-height: 36px; text-align: center; margin-left: -18px; margin-top: -18px; z-index: 999; color: #22d05d; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
.item-content-inner.loading{position: relative;}
.item-content-inner.loading:before{content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999; display: block;}
.item-content-inner.loading .preloader{top: 50px; margin: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: none; box-shadow: none;}
.sales-statement.loading{position: relative;}
.sales-statement.loading:before{content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999; display: block;}
.sales-statement.loading .preloader{top: 50px; margin: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: none; box-shadow: none;}
.body-innerwrapper{overflow-x: hidden; -webkit-transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1); transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);}
#feedback .modal-dialog {
    width: 568px;
}
#feedback .modal-content {
    width: 568px;
    height: 745px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9B9D9A;
    letter-spacing: 0;
    margin-top: 100px;
}
#feedback .modal-content input, #feedback .modal-content select {
    height: 34px !important;
}
#feedback .modal-content select {
    padding: 0rem 1rem;
}
#feedback .modal-content .form-group {
    margin-bottom: 10px !important;
}
#sp-main-body{padding: 70px 0 70px;}
#sp-main-body .verificationCode {width: 70%;}
#sp-main-body .btn-verificationCode {width: 28%; height: 47.5px; line-height: 47.5px; background: #e4f7ea; color: #5f8d6f;text-align: center;float: right; font-weight: bolder;margin-top: 38px;}
.tips {margin-top: -20px; color: #ffa13f;font-weight: bolder;}
#sp-main-body #sp-component .product-introduction{background: #a0c36e; width: 400px;border-radius: 3px;color: #fff;line-height: 40px;height: 43px;margin-top: 0px;}
#sp-main-body #sp-component .product-introduction i{color: #fff;margin-right: 10px;margin-left: 10px; background-image: url("/static/images/lightbulb.png");}
#sp-main-body #sp-component .product-introduction img{float: left;width: 25px;height: 25px;margin-top: 6px;margin-right: 10px;margin-left: 5px;}
#sp-main-body #sp-component .product-introduction .text{color: #fff !important; float: left;}
#sp-main-body #sp-component .product-introduction span{border: 1px #fff solid;font-weight: 100;height: 26px;text-align: center;border-radius: 30px;line-height: 26px;padding: 3px 34px;}
#sp-main-body #sp-component .laodongfabao{background: #a0c36e; width: 400px;border-radius: 3px;color: #fff;line-height: 40px;height: 43px;margin-top: 0px;}
#sp-main-body #sp-component .laodongfabao i{color: #fff;margin-right: 10px;margin-left: 10px; background-image: url("/static/images/lightbulb.png");}
#sp-main-body #sp-component .laodongfabao img{float: left;width: 25px;height: 25px;margin-top: 6px;margin-right: 10px;margin-left: 5px;}
#sp-main-body #sp-component .laodongfabao .text{color: #fff !important; float: left;}
#sp-main-body #sp-component .laodongfabao span{float: right;border: 1px #fff solid;font-weight: 100;height: 26px;margin-top: 9px;margin-right: 10px;width: 30%;text-align: center;border-radius: 30px;line-height: 26px;}
#sp-main-body .index-laodongfabao-bg {background: #f9f9f9;}
#sp-main-body #laodongfabao-body {width: 75%;margin-left: auto; margin-right: auto;}
#sp-main-body #laodongfabao-body .laodongfabao-body-head{color: #a0c36e; font-size: 30px; font-weight: bolder;display: flex;flex-direction: row;margin-top: 40px; margin-bottom: 20px;}
#sp-main-body #laodongfabao-body .laodongfabao-body-head img {margin-left: 10px;}
#sp-main-body #laodongfabao-body .laodongfabao-body-prompts {color: #a0c36e; font-size: 10px; display: flex; flex-direction: row;margin-bottom: 30px;}
#sp-main-body #laodongfabao-body .laodongfabao-body-prompts div {border: 1px #a0c36e solid; border-radius: 30px;padding: 0px 30px;margin-right: 20px;height: 30px; line-height: 30px;}
#sp-main-body #laodongfabao-body .laodongfabao-body-content {background: #fff;box-shadow: 0px 0px 5px #c0c0c0;padding: 50px 40px;}
#sp-main-body #laodongfabao-body .laodongfabao-body-content .star {color: red;}
#sp-main-body #laodongfabao-body .laodongfabao-body-content .tip {display: flex; flex-direction: row;}
#sp-main-body #laodongfabao-body .laodongfabao-body-content .tip .form-group {width: 48%;}
#sp-main-body #laodongfabao-body .laodongfabao-body-content .RichScan {height: 100px;float: right;margin-top: -80px;}
#sp-main-body #laodongfabao-body .laodongfabao-body-content select {height: 47.5px !important;}
.childCatalog {margin-left: 116px; width: 100%; display: none;}
/*desmond*/
#mb-main-body{padding: 50px 0 35px 0;}
/*end*/
.com-sppagebuilder #sp-main-body{padding: 0;}
.sp-module{margin-top: 50px;}
.sp-module:first-child{margin-top: 0;}
.sp-module .sp-module-title{margin: 0 0 1.250rem; font-size: 1rem; line-height: 1;}
.sp-module ul{list-style: none; padding: 0; margin: 0;}
.sp-module ul >li{display: block; -webkit-transition: 300ms; transition: 300ms;}
.sp-module ul >li >a{display: block; padding: 0; line-height: 1; padding: 8px 0; -webkit-transition: 300ms; transition: 300ms;}
.sp-module ul >li >a:hover{background: none;}
.sp-module ul >li:last-child{border-bottom: none;}
#sp-right .sp-module{background-color: #fff; padding: 20px; margin-top: 30px; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
#sp-right .sp-module:first-child{margin-top: 0;}
#sp-right .sp-module .sp-module-title{margin: -20px -20px 20px; padding: 20px; font-size: 16px; line-height: 1; font-weight: medium; border-bottom: 1px solid #ebeded;}
#sp-right .stripped-list{margin: -20px;}
#sp-right .stripped-list >li{display: block; padding: 20px; border-bottom: 1px solid #ebeded;}
#sp-right .stripped-list >li:last-child{border-bottom: 0;}
#sp-right .stripped-list >li:nth-child(even){background: #fafafa;}
#sp-right .stripped-list >li >span.created-on{font-size: 12px; letter-spacing: 1px; text-transform: uppercase; display: block; color: #999;}
#sp-right .stripped-list >li >a{display: block; font-size: 16px; line-height: 1.5;}
#sp-right .stripped-list >li >a span{font-size: 13px; color: #999; display: inline-block; float: right;}
#sp-right .unordered-list > li{display: block; margin: 0; padding: 0 0 0 20px; line-height: 1.4; position: relative;}
#sp-right .unordered-list > li:after{content: " "; position: absolute; top: 14px; left: 0; width: 6px; height: 6px; background-color: #d9d9d9; border-radius: 10px;}
#sp-right .unordered-list > li > a{color: #9c9c9c; line-height: 1.4;}
#sp-right .unordered-list > li > a:hover,
#sp-right .unordered-list > li > a:active,
#sp-right .unordered-list > li > a:focus{color: #22d05d;}
#sp-blog-top{margin-top: 30px;}
.categories-module{margin-top: 10px; white-space: nowrap;}
.categories-module >ul{display: inline-block;}
.categories-module >ul >li{display: inline-block; padding: 0; margin: 0 30px 0 0; background: #fff;}
.categories-module >ul >li >a{display: block; font-size: 16px; color: #252525; font-weight: 400; padding: 0;}
.categories-module >ul >li >a:hover{color: #22d05d;}
.categories-module >ul >li.active > a{color: #22d05d;}
.priority-nav-has-dropdown .priority-nav__dropdown-toggle{position: relative;}
.priority-nav__wrapper{position: relative; -webkit-perspective: 500px; perspective: 500px; z-index: 999;}
.priority-nav__dropdown{position: absolute; display: none;}
.priority-nav__dropdown.show{display: block; top: 30px; right: 0; background: #22d05d; box-shadow: 0 8px 19px 0 rgba(0,0,0,0.03);}
.priority-nav__dropdown.show >li{min-width: 160px; display: block;}
.priority-nav__dropdown.show >li >a{font-size: 16px; color: #fff; font-weight: 400; display: block; padding: 15px 20px; border-bottom: 1px solid #1eba53;}
.priority-nav__dropdown.show >li >a:hover{background: #1eba53;}
.priority-nav__dropdown.show >li.active > a{background: #1eba53; color: #fff;}
.priority-nav__dropdown.show >li:last-child > a{border-bottom: 0;}
.priority-nav__dropdown-toggle{visibility: hidden; position: absolute; background: none; padding: 0; margin: 0; border: 0; font-size: 16px; color: #252525; font-weight: 400; cursor: pointer;}
.priority-nav__dropdown-toggle:focus{outline: 0; color: #22d05d;}
.priority-nav__dropdown-toggle:hover{color: #22d05d;}
.priority-nav-is-visible{visibility: visible;}
.priority-nav-is-hidden{visibility: hidden;}
.forum-badge{margin-left: 5px; padding: 0px 4px 0px 4px; border-radius: 2px; font-size: 11px; text-transform: uppercase; line-height: 14px; display: block; font-weight: 400; float: left;}
.forum-badge.forum-badge-new{color: #22d05d; border: 1px solid #22d05d;}
.forum-badge.forum-badge-solved{border: 1px solid #22d05d; background-color: #22d05d; color: #fff;}
.forum-badge.forum-badge-staff,
.forum-badge.forum-badge-moderator{color: #1d84df; border: 1px solid #1d84df;}
.forum-badge.forum-badge-accepted{color: #22d05d; border: 1px solid #22d05d;}
.forum-widget{margin-bottom: 70px;}
.forum-widget .widget-title{display: block; margin-top: 0px; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.forum-widget ul{list-style: none; padding: 0; margin: -20px 0;}
.forum-widget ul > li{font-size: 15px; display: block; padding: 0; margin: 20px 0; line-height: 1;}
.forum-widget ul > li:last-child{margin-bottom: 0px;}
.forum-widget ul > li >a{color: #000000;}
.forum-widget ul > li:hover >a{color: #22d05d;}
.forum-widget.forum-categories ul >li >a span{font-size: 12px; color: #999;}
.forum-widget.forum-categories ul >li .fa{display: none;}
.forum-widget.forum-categories ul >li.active .fa{display: inline;}
.forum-widget.forum-categories ul >li.active >a{color: #22d05d;}
#sp-hello-bar{padding: 10px 0; background: #f7502a; color: #fff; text-align: center;}
#sp-hello-bar p{margin: 0; font-weight: 600;}
#sp-hello-bar a{margin-left: 10px; color: #fff; line-height: normal; text-decoration: none; display: inline-block; padding: 5px 10px; font-weight: 300; background: rgba(0,0,0,0.5); border-radius: 2px;}
#sp-hello-bar a:hover,
#sp-hello-bar a:active,
#sp-hello-bar a:focus{background: rgba(0,0,0,0.7);}
.page-login-form .login-description{font-size: 24px; line-height: 1; margin-bottom: 30px; color: #22d05d; font-weight: 400;}
.page-login-form .login-description p{font-size: 14px; color: #9f9f9f; margin-top: 15px;}
.th-popup-login h2{font-size: 24px; font-weight: 300; line-height: 1; margin: 0 0 30px; text-align: center;}
.th-popup-login .btn-login{margin-top: 20px;}
.login .checkbox{margin-top: 30px;}
.login .checkbox input[type="checkbox"]{margin-top: 6px;}
.login .btn-login{margin-top: 30px;}
.form-links{margin-top: 30px;}
.form-links ul{list-style: none; padding: 0; margin: 0 -5px; text-align: center;}
.form-links ul >li{display: inline-block; margin: 0 5px;}
.form-links ul >li a{color: #9f9f9f;}
.form-links ul >li a:hover{color: #22d05d;}
.btn-register{margin-top: 30px;}
.registration{background: #fff; padding: 60px 55px 40px;}
.registration .form-heading{margin-bottom: 23px;}
.registration .form-heading h3{color: #22d05d; font-size: 24px; font-weight: 400; margin-bottom: 15px; margin-top: 0;}
.registration .form-heading p{color: #9f9f9f;}
.registration .sign-in-text{margin: 3px 0 0; color: #c8c8c8;}
.registration .sign-in-text a{color: #22d05d;}
.search .search-results h2{font-size: 1.5rem; line-height: 1.5;}
.search .search-results h2 a{color: #000000;}
.search .search-results h2 a:hover{color: #22d05d;}
.search .search-results .result-category{color: #22d05d; font-weight: 500;}
span.category-name{position: absolute; right: 20px; top: 20px;}
span.category-name a{font-size: 13px; text-transform: uppercase; background-color: #fff; line-height: 30px; display: inline-block; color: #222; font-weight: 400; border-radius: 16px; padding: 0 20px;}
span.category-name a:hover{color: #fff; background-color: #22d05d;}
span.category-name img{width: 50px;height: 50px;display: inline-block;}
.items-leading{background: transparent; margin-bottom: 90px;}
.items-leading article.item{background-color: transparent; box-shadow: none;}
.items-leading article.item:hover{box-shadow: none;}
.items-leading article.item .content-wraper{padding: 0 30px 0 0;}
@media (min-width: 769px){.items-leading article.item .content-wraper{width: 50%; float: left;}}
.items-leading article.item .content-wraper .entry-header h2{font-size: 48px; font-weight: 200; line-height: 56px;}
@media (max-width: 768px){.items-leading article.item .content-wraper .entry-header h2{font-size: 30px; line-height: 1.2;}}
.items-leading .intro-image-wrap{padding-bottom: 30px;}
@media (min-width: 769px){.items-leading .intro-image-wrap{padding: 0; width: 50%; float: right;}}
.article-info{margin: 0; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #a2a2a2;}
.article-info >dd{display: inline-block; margin: 0 5px;}
.article-info >dd >i{display: inline-block; margin-right: 3px;}
.blog >.items-row{margin-bottom: 30px;}
.blog >.items-row:last-child{margin-bottom: 0;}
/*desmond*/
.blog .content-wraper .entry-header .name a{font-size: 12px}
.blog .content-wraper .entry-header .email{font-size: 10px;word-wrap: break-word;}
/*desmond end*/
.list-item.blog-product{max-width: 100%; margin-bottom: 0px; box-shadow: 0 0 25px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.07);}
.random-items .list-item.blog-product{margin-bottom: 30px;}
article.item{overflow: hidden; border-radius: 5px; background: #fff; font-size: 14px; padding: 0; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.07); line-height: 29px; color: #7C7C7C; font-weight: 300; transition: .4s;}
@media (max-width: 768px){article.item{width:100%;}}
article.item:hover{-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.08); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.08);}
article.item .intro-image-wrap{position: relative;}
article.item .entry-image{margin: 0; position: relative;}
article.item .entry-image img{display: block; width: 100%;}
article.item .entry-image.full-image{margin-bottom: 30px;}
article.item .content-wraper{padding: 20px;}
article.item .entry-header h2{font-size: 20px; line-height: 1.5; font-weight: 400;}
article.item .entry-header a{color: #000000;}
article.item .entry-header a:hover{color: #22d05d;}
article.item p.readmore{margin-top: 5px; margin-bottom: 0;}
article.item p.readmore > a{font-size: 12px; font-weight: 500; color: #252525; display: inline-block; position: relative;}
article.item p.readmore > a::after{content: ''; position: absolute; top: 50%; height: 1px; width: 40px; left: 100%; background-color: #252525; margin-left: 20px; opacity: .3;}
article.item p.readmore > a:hover,
article.item p.readmore > a:active,
article.item p.readmore > a:focus{color: #22d05d;}
article.item .btn-more{padding: 0 0 10px; font-size: 16px; font-style: italic; color: #7e7f80; border-bottom: 1px solid #ededed;}
article.item .btn-more:hover,
article.item .btn-more:focus,
article.item .btn-more:active{color: #22d05d; border-bottom-color: #22d05d;}
article.item .btn-more i{display: inline-block; margin-left: 10px;}
article.single-blog-item{background: transparent; box-shadow: none;}
article.single-blog-item:hover{box-shadow: none;}
article.single-blog-item h1{font-size: 56px; line-height: 66px; font-weight: 200; color: #252525;}
@media (max-width: 768px){article.single-blog-item h1{font-size: 30px; line-height: 1.2;}}
article div.icons{position: absolute; top: 20px; left: 20px; color: red; z-index: 2;}
article .social-share{margin: 30px 0 40px;}
article .social-share ul{list-style: none; padding: 0; margin: -5px;}
article .social-share ul >li{display: inline-block; margin: 5px;}
article .social-share ul >li >a{display: block; font-size: 14px; color: #000000; border-radius: 50%; height: 35px; width: 35px; background-color: #fff; border: 1px solid #E3E3E3; line-height: 33px; text-align: center;}
article .social-share ul >li >a.share-facebook:hover,
article .social-share ul >li >a.share-facebook:active,
article .social-share ul >li >a.share-facebook:focus{background-color: #2d4373; color: #fff;}
article .social-share ul >li >a.share-twitter:hover,
article .social-share ul >li >a.share-twitter:active,
article .social-share ul >li >a.share-twitter:focus{background-color: #0089bc; color: #fff;}
article .social-share ul >li >a.share-google-plus:hover,
article .social-share ul >li >a.share-google-plus:active,
article .social-share ul >li >a.share-google-plus:focus{background-color: #c61017; color: #fff;}
article .social-share ul >li >a.share-linkedin:hover,
article .social-share ul >li >a.share-linkedin:active,
article .social-share ul >li >a.share-linkedin:focus{background-color: #003a73; color: #fff;}
article .articleBody p,
article .articleBody img{font-size: 1rem; margin-bottom: 30px;}
article .articleBody >p:last-child{margin-bottom: 0;}
article .articleBody p img{margin-top: 30px;}
article .articleBody h2{font-size: 24px; line-height: 1.6; margin-bottom: 20px;}
article .articleBody h3{font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
article .articleBody h4{line-height: 1.6; margin-bottom: 20px;}
article .articleBody h2 a,
article .articleBody h3 a,
article .articleBody h4 a{position: relative; color: #000000;}
article .articleBody h2 a:hover,
article .articleBody h2 a:hover:after,
article .articleBody h3 a:hover,
article .articleBody h3 a:hover:after,
article .articleBody h4 a:hover,
article .articleBody h4 a:hover:after{color: #22d05d;}
article .articleBody h2 a:after,
article .articleBody h3 a:after,
article .articleBody h4 a:after{content: "\e9ae"; font-family: "IcoFont"; font-size: 14px; display: inline-block; margin-left: 5px; color: #999;}
article .articleBody ul{list-style: none; padding: 0; margin: 0 0 25px 10px;}
article .articleBody ul >li{display: block; padding: 0 0 0 15px; position: relative; margin-bottom: 5px;}
article .articleBody ul >li img{margin: 10px 0;}
article .articleBody ul >li:before{position: absolute; content: " "; width: 4px; height: 4px; background: #ccc; border-radius: 10px; left: 0; top: 12px;}
article .articleBody ol{list-style: none; list-style-position: inside; padding: 0; margin: 0 0 25px 10px;}
article .articleBody ol > li{counter-increment: item; margin-bottom: 5px; padding-left: 30px; position: relative;}
article .articleBody ol > li img{margin: 10px 0;}
article .articleBody ol > li >a{color: #000000;}
article .articleBody ol > li >a:hover{color: #22d05d;}
article .articleBody ol > li:before{position: absolute; top: 6px; left: 0; font-size: 10px; content: counter(item); background: #00aeef; border-radius: 100%; width: 20px; height: 20px; line-height: 20px; color: #fff; text-align: center; display: inline-block;}
article .articleBody pre{margin-bottom: 30px;}
article .articleBody .outer-img-large{margin-left: -100px; margin-right: -100px;}
article .articleBody .outer-img-xlarge{margin-left: -150px; margin-right: -150px;}
article .articleBody .social-share{padding: 0; margin: 70px 0 20px;}
article .articleBody blockquote{background: #F6F7F9; padding: 60px 30px 30px; border: 0; border-radius: 3px; position: relative; font-size: 20px; line-height: 36px; margin-bottom: 30px;}
article .articleBody blockquote strong,
article .articleBody blockquote b{font-weight: 600;}
article .articleBody blockquote p:last-child{margin-bottom: 0;}
article .articleBody blockquote:before{content: "\e9d3"; font-family: "IcoFont"; position: absolute; font-size: 32px; color: #22d05d; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.pagination-wrapper{text-align: center; margin-top: 4.375rem;}
.pagination-wrapper >ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem;}
.pagination-wrapper >ul >li{line-height: 1;}
.pagination-wrapper >ul >li >a,
.pagination-wrapper >ul >li >span{border: 0; line-height: 1; padding: 8px 13px; color: #000000;}
.pagination-wrapper >ul >li >a:hover,
.pagination-wrapper >ul >li >a:focus,
.pagination-wrapper >ul >li >span:hover,
.pagination-wrapper >ul >li >span:focus{color: #000000;}
.pagination-wrapper >ul >li.disabled >a,
.pagination-wrapper >ul >li.disabled >span{color: #999;}
.pagination-wrapper >ul >li.active >a,
.pagination-wrapper >ul >li.active >span{border-color: #22d05d; background-color: #22d05d; color: #fff; border-radius: 100px;}
.pagination-wrapper >ul >li.active >a:hover,
.pagination-wrapper >ul >li.active >a:focus,
.pagination-wrapper >ul >li.active >span:hover,
.pagination-wrapper >ul >li.active >span:focus{color: #fff; border-color: #22d05d; background-color: #22d05d;}
#sp-bottom{padding: 5.625rem 0; color: #BEBEBE; background: #232323;}
#sp-bottom a{color: #979797;}
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus{color: #22d05d; background: transparent;}
#sp-bottom ul >li{display: block;}
#sp-bottom ul >li >a{display: inline-block;}
/*desmond footer pic*/
#sp-bottom .icon-add,#sp-bottom .icon-contact,#sp-bottom .icon-copyright{height: 80px; width: 80px; margin: -20px 0 0 -70px; position: absolute;}
#sp-bottom .icon-add{background: url("../images/add_us.png"); background-repeat: no-repeat;}
#sp-bottom .icon-contact{background: url("../images/contact_us.png"); background-repeat: no-repeat;}
#sp-bottom .icon-copyright{background: url("../images/copyright.png"); background-repeat: no-repeat;}
#sp-bottom .icon-wx{height: 150px; width: 150px; background: url("../images/wx_official.png"); background-size: 100% 100%;}
/*end*/
#sp-bottom .sp-module .sp-module-title{font-size: 1rem; font-weight: 400; line-height: 1; color: #a0c36e}
#sp-bottom .recent-blogs >div:first-child{margin-bottom: 20px;}
#sp-bottom .recent-blogs >div .blog-post-created{text-transform: uppercase; font-size: 12px; color: #979797;}
#sp-bottom .recent-blogs >div .blog-post-title{line-height: 1.6;}
#sp-bottom .recent-blogs >div .blog-post-title a{color: #fff;}
#sp-bottom .recent-blogs >div .blog-post-title a:hover{color: #22d05d;}
#sp-footer{padding: 0; background: #232323; color: #BEBEBE;}
#sp-footer .container{border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1rem; padding-bottom: 1rem;}
#sp-footer .social-icons{list-style: none; display: block; margin: -5px;}
#sp-footer .social-icons >li{display: inline-block; margin: 5px;}
#sp-footer .social-icons >li >a{color: #C0C0C0; display: block; font-size: 1rem; width: 32px; height: 32px; line-height: 32px; text-align: center; background: transparent; border-radius: 2px; margin: 0; padding: 0;}
#sp-footer .social-icons >li >a:hover{color: #fff;}
#sp-footer .social-icons >li >a:hover.social-facebook{background: #4A65BA;}
#sp-footer .social-icons >li >a:hover.social-twitter{background: #67CEF6;}
#sp-footer .social-icons >li >a:hover.social-pinterest{background: #F24440;}
#sp-footer .social-icons >li >a:hover.social-dribbble{background: #F26799;}
#sp-footer .social-icons >li >a:hover.social-dribbble{background: #F0221E;}
#sp-footer a{color: #979797;}
#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus{color: #22d05d; background: transparent;}
.section-newsletter{background-color: #1C1C1C; padding: 6.250rem 0; text-align: center; margin-top: 70px; margin-bottom: -70px; position: relative; z-index: 1;}
.section-newsletter::after{content: ''; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: url(../images/newsletter-bg.svg); z-index: -1; opacity: .1;}
.section-newsletter .sp-module .sp-module-title{font-size: 2.250rem;}
.section-newsletter .sp-module p{color: #DCDCDC;}
.section-newsletter .mod_newsletter{max-width: 560px; margin: 0 auto;}
.section-newsletter .mod_newsletter .newsletter-icon{display: block; margin-bottom: 45px;}
.section-newsletter .mod_newsletter .form-group{max-width: 34.2rem; margin: 2rem auto 0;}
.section-newsletter .mod_newsletter .form-control{border-radius: 3px 0 0 3px; background-color: #26272B; border-color: #26272b; color: #595959; font-size: 13px; font-weight: 500; height: 70px; padding-left: 2rem;}
@media (max-width: 560px){.section-newsletter .mod_newsletter .form-control{height: auto; padding-left: 1rem;}}
.section-newsletter .mod_newsletter .input-group-addon{background: none; padding: 0; margin: 0; border: 0;}
.section-newsletter .mod_newsletter .input-group-addon .btn{border-radius: 0 3px 3px 0; padding-left: 2rem; padding-right: 2rem; font-size: 0.875rem; font-weight: 300; background-color: #26272B; border-color: #26272b; position: relative; color: #22d05d; text-transform: uppercase; font-size: 12px; height: 70px; cursor: pointer;}
@media (max-width: 560px){.section-newsletter .mod_newsletter .input-group-addon .btn{height: auto; padding-left: 1rem; padding-right: 1rem;}}
.section-newsletter .mod_newsletter .input-group-addon .btn::after{content: ''; position: absolute; height: 30px; top: 50%; margin-top: -15px; width: 1px; background-color: #fff; left: 0; opacity: .1;}
.section-newsletter .mod_newsletter .input-group-addon .btn:focus,
.section-newsletter .mod_newsletter .input-group-addon .btn:active{outline: 0; box-shadow: none;}
.error-page{width: 100%; height: 100%; min-height: 100%;}
.error-page body{width: 100%; height: 100%; min-height: 100%; background-color: #8dc63f; color: #fff;}
.error-page .error-page-inner{height: 100%; min-height: 100%; width: 100%; display: table;}
.error-page .error-page-inner >div{display: table-cell; vertical-align: middle;}
.error-page h1{margin: 50px 0 30px; font-size: 112px; font-weight: bold; line-height: 1;}
.error-page h1 span{color: #0b9444;}
.error-page img{float: right;}
.error-page .error-code{font-weight: bold; font-size: 24px; line-height: 1; margin: 0 0 10px 0; padding: 0;}
.error-page .error-message{font-size: 24px; line-height: 1; margin-bottom: 30px;}
.error-page .btn{margin-top: 20px;}
.sp-social-share ul{display: block; padding: 0; margin: 20px -5px 0;}
.sp-social-share ul li{display: inline-block; font-size: 24px; margin: 0 5px;}
.page-header{padding-bottom: 15px;}
@media print{.visible-print{display: inherit !important;} .hidden-print{display: none !important;}}
.vertical-middle{width: 100%; height: 100%; display: table;}
.vertical-middle > div{display: table-cell; vertical-align: middle;}
.vertical-middle > div >div{display: inline-block;}
.avatar{display: inline-block; width: 48px; height: 48px; line-height: 48px; font-size: 16px; font-weight: normal; text-align: center; background-color: #e1bee7; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px; overflow: hidden;}
.avatar.avatar-xs{width: 18px; height: 18px; line-height: 18px; font-size: 14px;}
.avatar.avatar-sm{width: 30px; height: 30px; line-height: 30px;}
.avatar.avatar-md{width: 48px; height: 48px; line-height: 48px; font-size: 24px;}
.avatar.avatar-lg{width: 64px; height: 64px; line-height: 64px; font-size: 32px;}
.avatar.avatar-xlg{width: 128px; height: 128px; line-height: 128px; font-size: 64px;}
.avatar.avatar-round{border-radius: 4px;}
.avatar.avatar-circle{border-radius: 100%;}
.form-group,
.sppb-form-group{margin-bottom: 30px;}
.img-responsive.img-banner,
.img-responsive.img-avatar{margin: 10px 0 5px;}
.sppb-addon-feature .sppb-icon{line-height: 1;}
.sppb-addon-affiliate .alert{margin: 30px 0 0 0;}
ul.check{list-style: none; padding: 0; margin: -15px 0;}
ul.check > li{display: block; margin: 15px 0; position: relative; padding-left: 20px;}
ul.check > li:before{position: absolute; top: 0; left: 0; font-family: "IcoFont"; content: "\e931";}
#timeline{list-style: none; position: relative;}
#timeline:before{content: " "; position: absolute; top: 0; bottom: 0; width: 4px; background-color: #ededed; left: 50%; margin-left: -1.5px;}
#timeline:after{content: " "; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; border-radius: 20px; background-color: #ededed;}
#timeline .timeline-badge{width: 50px; height: 50px; font-size: 1.2em; text-align: center; position: absolute; top: 10px; left: 50%; margin-left: -25px; background-color: #fff; z-index: 10; border-radius: 100%;}
#timeline .timeline-badge:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 20px; width: 22px; height: 22px; border: 3px solid #22d05d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
#timeline .timeline-badge .timeline-date{font-size: 1.4em;}
#timeline .timeline-movement{position: relative; padding-bottom: 40px;}
#timeline .timeline-movement:hover{cursor: pointer;}
#timeline .timeline-movement:hover .timeline-badge:before{box-shadow: 0 0 0 3px rgba(34,208,93,0.3);}
#timeline .timeline-movement .timeline-item{padding: 20px 0;}
#timeline .timeline-movement .timeline-item .timeline-panel{margin-left: 30px;}
#timeline .timeline-movement .timeline-item .timeline-panel .title{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 20px; position: relative;}
#timeline .timeline-movement .timeline-item .timeline-panel .title:after{content: ""; position: absolute; top: 12px; left: -80px; width: 50px; height: 4px; background: #ededed; border-radius: 20px;}
#timeline .timeline-movement .timeline-item .timeline-panel.left-part{text-align: right; margin-right: 30px; margin-left: 0;}
#timeline .timeline-movement .timeline-item .timeline-panel.left-part .title:after{right: -80px; left: inherit;}
#timeline .timeline-movement .timeline-item .timeline-date{font-size: 18px; color: #acacad;}
#timeline .timeline-movement.timeline-movement-top{height: 25px;}
#timeline .timeline-movement.timeline-movement-top:before{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #ededed; border-radius: 20px;}
@media (max-width: 768px){.timeline-movement .timeline-item{width: 50%; float: left;} #timeline .timeline-movement .timeline-item .timeline-date{margin: 0 80px;}}
@media (max-width: 480px){#timeline .timeline-movement .timeline-item .timeline-panel .title{font-size: 18px;} #timeline .timeline-movement .timeline-item .timeline-date{margin: 0 0 0 70px;} #timeline .timeline-movement .timeline-item .timeline-date.text-right{margin: 0 70px 0 0;}}
.sppb-addon-persion img{-webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: 400ms; transition: 400ms;}
.sppb-addon-persion:hover img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.sppb-addon-ajax-contact-advanced p.lead{font-size: 16px; margin-bottom: 50px;}
.sppb-addon-ajax-contact-advanced h3{font-size: 18px; line-height: 1; font-weight: 400; margin-bottom: 15px;}
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@keyframes fadeIn{from{opacity: 0;} to{opacity: 1;}}
.how-it-works .step1,
.how-it-works .step2{position: relative;}
.how-it-works .step1:after,
.how-it-works .step2:after{content: "\f178"; font-family: fontawesome; font-size: 32px; position: absolute; top: 50%; right: -14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #c9c9cb;}
.how-it-works .step2:after{right: -50px;}
.affiliate-generator .sppb-addon-affiliate .alert.alert-success{text-align: left !important;}
.affiliate-generator .sppb-addon-affiliate .alert.alert-success >p{font-size: 18px; color: #5B916E; margin-bottom: 0; line-height: 1.5;}
.affiliate-generator .sppb-addon-affiliate .alert.alert-success a{font-size: 16px; font-weight: 400; color: #000;}
.working-steps .sppb-column-addons{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: -35px;}
.working-steps .sppb-column-addons >div{padding: 35px;}
.working-steps .sppb-column-addons >div:last-child .sppb-addon-feature:after{display: none;}
.working-steps .sppb-column-addons >div .sppb-addon-feature{position: relative;}
.working-steps .sppb-column-addons >div .sppb-addon-feature:after{content: "\f105"; font-family: fontawesome; position: absolute; top: 14px; right: -35px; color: #d7d7d9; font-size: 25px; font-weight: 900;}
.working-steps .sppb-column-addons >div .sppb-addon-feature .sppb-icon .sppb-icon-container{width: 41px; height: 41px;}
.sppb-addon-persion .sppb-person-image{overflow: hidden;}
.sppb-addon-persion .sppb-person-image img{-webkit-transition: 3s; transition: 3s;}
.sppb-addon-persion:hover img{-webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: 8s; transition: 8s;}
.shapebootstrap-timeline #timeline{padding-bottom: 100px;}
.shapebootstrap-timeline #timeline:before{background: none;}
.shapebootstrap-timeline #timeline:after{content: "\f00c"; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 57px; height: 56px; border-radius: 40px; background-color: rgba(245,166,35,0.2); font-family: fontawesome; line-height: 56px; text-align: center; color: #F5A623;}
.shapebootstrap-timeline #timeline .timeline-movement{padding-bottom: 0; margin-bottom: 30px;}
.shapebootstrap-timeline #timeline .timeline-movement .date{display: inline-block; padding: 13px 36px; border-radius: 30px; font-weight: 700; font-size: 16px;}
.shapebootstrap-timeline #timeline .timeline-movement .timeline-item{padding: 100px 0;}
.shapebootstrap-timeline #timeline .timeline-movement:before{content: " "; position: absolute; top: 90px; bottom: 0; width: 7px; left: 50%; margin-left: -3.5px; background-repeat: no-repeat;}
.shapebootstrap-timeline #timeline .timeline-movement:nth-child(3n-2):before{background-image: url(../images/border-svg.svg);}
.shapebootstrap-timeline #timeline .timeline-movement:nth-child(3n-2) .date{background: rgba(30,123,226,0.2); color: #1E7BE2;}
.shapebootstrap-timeline #timeline .timeline-movement:nth-child(3n-1):before{background-image: url(../images/border-svg1.svg);}
.shapebootstrap-timeline #timeline .timeline-movement:nth-child(3n-1) .date{background: rgba(245,166,45,0.2); color: #F5A623;}
.shapebootstrap-timeline #timeline .timeline-movement:nth-child(3n):before{background-image: url(../images/border-svg2.svg);}
.shapebootstrap-timeline #timeline .timeline-movement:nth-child(3n) .date{background: rgba(35,207,95,0.2); color: #23CF5F;}
.shapebootstrap-timeline #timeline .timeline-movement .title{font-size: 24px; font-weight: 700; color: #333; max-width: 320px; display: inline-block; margin-right: 30px;}
.shapebootstrap-timeline #timeline .timeline-movement .right-title .title{margin-right: 0; margin-left: 30px;}
.shapebootstrap-timeline #timeline .timeline-movement .details{display: inline-block; max-width: 300px; line-height: 1.5; color: #878787;}
@media only screen and (max-width: 992px){.how-it-works .step1, .how-it-works .step2, .how-it-works .step3{padding: 0 !important;} .how-it-works .step1:after, .how-it-works .step2:after, .how-it-works .step3:after{display: none;} .hidden-sm{display: none;} .res-mb-30{margin-bottom: 30px;} .working-steps .sppb-column-addons{flex-wrap: wrap; -ms-flex-wrap: wrap;} .working-steps .sppb-column-addons >div{padding: 35px; flex: 0 0 33.3333%; max-width: 33.3333%;}}
@media only screen and (max-width: 480px){.working-steps .sppb-column-addons{margin: 0;} .working-steps .sppb-column-addons >div{padding: 0; flex: 0 0 50%; max-width: 50%;} .working-steps .sppb-column-addons >div .sppb-addon-feature:after{display: none;} .shapebootstrap-timeline #timeline .timeline-movement .date{padding: 5px 25px; font-weight: 400; font-size: 14px;} .shapebootstrap-timeline #timeline .timeline-movement:before{top: 75px;} .shapebootstrap-timeline #timeline .timeline-movement .timeline-item{padding: 30px 0;} #timeline .timeline-movement .timeline-item .timeline-panel{margin: 0 15px;} .shapebootstrap-timeline #timeline .timeline-movement .title{margin: 0 15px; font-size: 16px; line-height: 1.5;}}
.th-form-title{margin: 0 0 1.250rem; font-size: 1.500rem; line-height: 1.6;}
.form-control{font-weight: 300; font-size: 0.875rem;}
.input-group-addon{border-color: rgba(177,177,177,0.3);}
.mb-10{margin-bottom: 0.625rem;}
.mb-20{margin-bottom: 1.250rem;}
.mb-30{margin-bottom: 1.875rem;}
.mb-40{margin-bottom: 2.500rem;}
.mb-50{margin-bottom: 3.125rem;}
.mt-10{margin-top: 0.625rem;}
.mt-20{margin-top: 1.250rem;}
.mt-30{margin-top: 1.875rem;}
.mt-40{margin-top: 2.500rem;}
.mt-50{margin-top: 3.125rem;}
.ml-10{margin-left: 0.625rem;}
.ml-20{margin-left: 1.250rem;}
.ml-30{margin-left: 1.875rem;}
.ml-40{margin-left: 2.500rem;}
.ml-50{margin-left: 3.125rem;}
.mr-10{margin-right: 0.625rem;}
.mr-20{margin-right: 1.250rem;}
.mr-30{margin-right: 1.875rem;}
.mr-40{margin-right: 2.500rem;}
.mr-50{margin-right: 3.125rem;}
.pd-10{padding: 0.625rem;}
.pd-20{padding: 1.250rem;}
.pd-30{padding: 1.875rem;}
.pd-40{padding: 2.500rem;}
.pd-50{padding: 3.125rem;}
.th-popup-open{overflow: hidden;}
.th-popup-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999;}
.th-popup{position: fixed; top: 50%; left: 50%; width: 600px; max-width: 100%; min-height: 400px; background: #fff; border-radius: 3px; z-index: 99991; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.th-popup.th-popup-mini{width: 400px;}
.th-popup .th-popup-inner{position: relative; padding: 50px 30px;}
.th-popup .th-popup-inner .th-popup-close{position: absolute; top: 20px; right: 20px; font-size: 24px; color: #ccc;}
.th-popup .th-popup-inner .th-popup-close:hover{color: #999;}
.item-rating >i{display: inline-block; font-size: 12px; margin: 0.5px; color: #f5bc00;}
.item-rating small{color: #999;}
.ico-color-success{color: #22d05d !important;}
.ico-color-primary{color: #4A90E2 !important;}
.ico-color-warning{color: #F5A623 !important;}
.ico-color-danger{color: #EC5538 !important;}
.text-color-muted{color: #878787 !important;}
.text-success{color: #22d05d !important;}
.alert strong{font-weight: 700;}
.alert.alert-danger{background: rgba(236,85,56,0.1); border: 1px solid rgba(236,85,56,0.1); color: #EC5538;}
.alert.alert-warning{background: rgba(245,166,35,0.1); border: 1px solid rgba(245,166,35,0.1); color: #F5A623;}
.alert.alert-info{background: rgba(30,123,226,0.1); border: 1px solid rgba(30,123,226,0.1); color: #1E7BE2;}
.action-add-to-favorites.active{background: #999;}
.action-add-to-favorites.active .ico-heart{color: #FF0000;}
.color-muted{color: rgba(37,37,37,0.5);}
.color-black{color: #000000;}
.container-full{max-width: 100%; padding-right: 15px; padding-left: 15px; position: relative; margin-left: auto; margin-right: auto;}
@media (min-width: 1800px){.container-full{width: 1770px;}}
#item-list{padding-top: 60px; margin-bottom: -30px;}
#featured-item-list .featured-item.list-item .item-thumbnail{position: relative;}
#featured-item-list .featured-item.list-item .item-thumbnail::after{content: url(../images/feature-badge.svg); position: absolute; top: 0; left: 15px; z-index: 999;}
.list-item{margin-bottom: 30px; position: relative; background: #fff; padding: 20px; border-radius: 3px; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.list-item:hover{-webkit-box-shadow: 0 20px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 20px 30px 0 rgba(0,0,0,0.05);}
.list-item h3{display: block; font-size: 14px; line-height: 1.2; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 0 3px;}
.list-item h3 a{color: #333;}
.list-item h3 a:hover{color: #22d05d;}
.list-item h4{font-size: 14px; line-height: 24px; font-weight: 300; color: #000000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list-item .item-thumbnail{position: relative; z-index: 1; display: block; overflow: hidden; text-align: center; padding: 0; margin: -20px -20px 20px; color: #fff; background: rgba(213,213,213,0.9); border-radius: 3px 3px 0 0;}
.list-item .item-thumbnail img{width: 100%; position: relative; display: block;}
.list-item .item-header{position: relative;}
.list-item .item-header .item-author,
.list-item .item-header .item-category,
.list-item .item-header .item-sales{font-size: 12px; color: #484848; font-weight: 300; line-height: 20px; display: inline-block; vertical-align: top; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-item .item-header .item-author.item-sales,
.list-item .item-header .item-category.item-sales,
.list-item .item-header .item-sales.item-sales{float: right;}
.list-item .item-header .item-author a,
.list-item .item-header .item-category a,
.list-item .item-header .item-sales a{color: #484848; font-weight: 400;}
.list-item .item-header .item-author a:hover,
.list-item .item-header .item-author a:active,
.list-item .item-header .item-author a:focus,
.list-item .item-header .item-category a:hover,
.list-item .item-header .item-category a:active,
.list-item .item-header .item-category a:focus,
.list-item .item-header .item-sales a:hover,
.list-item .item-header .item-sales a:active,
.list-item .item-header .item-sales a:focus{color: #22d05d;}
.list-item .item-rating-wrap{float: left; line-height: 20px;}
.list-item .item-price-wrap{float: right; line-height: 20px;}
.list-item .item-price-wrap >span{display: inline-block; margin-right: 10px;}
.list-item .item-price-wrap >span:last-child{margin-right: 0;}
.list-item .item-price-wrap >span.meta-price{color: #22d05d; font-size: 18px; font-weight: 500;}
.list-item .product-btn-group{background-color: #fff; border-radius: 2px; box-shadow: 0 18px 35px rgba(0,0,0,0.1); display: inline-block; overflow: hidden;}
.list-item .product-btn-group > div{display: block; overflow: hidden; float: left;}
.list-item .product-btn-group > div .product-btn{line-height: 23px; padding: 15px 27px; display: block; color: #000000; font-size: 16px; position: relative;}
.list-item .product-btn-group > div .product-btn:hover{color: #666;}
@media only screen and (min-width: 576px) and (max-width: 767px){.list-item .product-btn-group > div .product-btn{padding: 10px 20px;}}
.list-item .product-btn-group > div .product-btn:not(:last-child)::after{content: ''; position: absolute; right: 0; top: 50%; background: #C0C5BF; height: 23px; width: 1px; margin-top: -11.5px;}
.list-item .item-links{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; padding: 20px; opacity: 0; background-image: linear-gradient(135deg,rgba(139,195,74,0.9) 0%,rgba(35,207,95,0.9) 100%); text-align: center; -webkit-transition: opacity 400ms; transition: opacity 400ms;}
.list-item .item-links .btn{margin-right: 10px;}
.list-item .item-links .btn.btn-last{margin-right: 0;}
.list-item:hover .item-links{opacity: 1;}
.thumbnail-loader{position: absolute; top: 50%; left: 50%; color: #ccc; z-index: 1; transform: translate(-50%,-50%); margin-top: 10px;}
.thumbnail-loader .ico{font-size: 24px; line-height: 1;}
.thumbnail-loader .loading-text{display: block; margin-top: 5px; line-height: 1;}
.item-discount{display: block; background: #CF2020; color: #fff; position: absolute; text-align: center; top: 20px; right: 20px; z-index: 9; border-radius: 14px;}
@media only screen and (min-width: 576px) and (max-width: 767px){.item-discount{top: 15px; right: 15px;}}
.item-discount >span{display: block;}
.item-discount >span.discount-rate{font-weight: 300; margin-bottom: 1px; font-size: 14px; line-height: 2; padding: 0 20px;}
@media only screen and (min-width: 576px) and (max-width: 767px){.item-discount >span.discount-rate{font-size: 10px;}}
.item-original-price{font-weight: 300; color: #BCBCBC !important; text-decoration: line-through;}
#featured-item-list{margin-top: 60px; padding-bottom: 30px; border-bottom: 1px solid rgba(216,216,216,0.4);}
#featured-item-list .featured-items-intro{padding-bottom: 30px; height: 100%; border-radius: 4px;}
#featured-item-list .featured-items-intro .featured-inner{background: #fff; border-radius: 5px; height: 100%; padding: 50px 40px 30px 30px;}
#featured-item-list .featured-items-intro h3{font-size: 36px; line-height: 50px; font-weight: 700; letter-spacing: 1.5px;}
/*desmond*/
.role-info-wrap{margin-bottom: 1.875rem;border-bottom: 1px solid rgba(216,216,216,0.4);box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);-webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.role-info-wrap .featured-items-intro{height: 100%; border-radius: 4px;}
.role-info-wrap .featured-items-intro .featured-inner{background: #fff; border-radius: 5px; height: 100%; padding: 30px 40px 30px 30px;}
.role-info-wrap .featured-items-intro h5{margin-bottom: 20px}
.role-info-wrap .featured-items-intro .yes {color: #22d05d;}
.role-info-wrap .featured-items-intro .no {color: red;}
.role-info-wrap .featured-items-intro .item-role-container >span.label {font-size: 1rem; font-weight: 400;}
.role-info-wrap .featured-items-intro .item-role-container >span { display: inline-block; margin-right: 20px;}
.role-info-wrap .featured-items-intro .item-role-container >span i {margin-right: 5px;}
.role-info-wrap .featured-items-intro .item-role-container >span.item-deadline{font-size: 1.0rem; color: red; font-weight: 500;}

/*end*/
.product-info-wrap{overflow: hidden; margin-bottom: 5px;}
.product-info-wrap .info-left{float: left;}
.product-info-wrap .info-left .avatar{width: 35px; height: 35px; line-height: 35px;}
.product-info-wrap .info-right{padding-left: 50px;}
.item-rating >i{font-size: 18px;}
.item-rating small{margin-left: 5px;}
.item-rating small.bold{color: #111111;}
.product-btn.action-add-to-favorites.active{background-color: #fff;}
span.item-rating.item-rating-empty i{color: #D3D3D3;}
.com-product.view-product{background: #f9f9f9;}
.com-product.view-product .single-product-wrap .item-info{margin-top: 10px; border-bottom: 1px solid #E6E6E6;}
.com-product.view-product .single-product-wrap .item-meta{margin-top: 30px; margin-bottom: 30px;}
.com-product.view-product .single-product-wrap .item-meta >div >div{padding: 20px; border: 1px solid rgba(73,37,37,0.1); color: #AEAEAE; line-height: 1; border-radius: 8px;}
.com-product.view-product .single-product-wrap .item-meta >div >div >span{margin-top: 10px; line-height: 1; font-weight: 500; color: #222222; display: block;}
.com-product.view-product .thumbnail-single{position: relative; background: #FFFFFF; box-shadow: 0 20px 30px 0 rgba(0,0,0,0.05); border-radius: 4px; border-bottom: 1px solid #f1f1f1;}
.com-product.view-product .thumbnail-single img{border-radius: 4px;}
.com-product.view-product .thumbnail-single .item-links{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(135deg,rgba(139,195,74,0.9) 0%,rgba(35,207,95,0.9) 100%); opacity: 0; text-align: center; display: block; border-radius: 4px; transition: opacity 400ms; -webkit-transition: opacity 400ms;}
.com-product.view-product .thumbnail-single .item-links .btn{min-width: 200px; max-width: 100%;}
.com-product.view-product .thumbnail-single .item-links >div >div{margin: -10px;}
.com-product.view-product .thumbnail-single .item-links >div >div >div{margin: 10px;}
.com-product.view-product .thumbnail-single:hover .item-links,
.com-product.view-product .thumbnail-single:hover .product-btn-group{opacity: 1;}
.com-product.view-product .thumbnail-single .product-btn-group{background-color: #fff; border-radius: 2px; box-shadow: 0 18px 35px rgba(0,0,0,0.1); display: inline-block; overflow: hidden; opacity: 0; transition: opacity 400ms; -webkit-transition: opacity 400ms;}
.com-product.view-product .thumbnail-single .product-btn-group > div{display: inline-block; overflow: hidden; float: left; z-index: 1; position: relative;}
.com-product.view-product .thumbnail-single .product-btn-group > div:not(:first-child)::after{content: ''; position: absolute; background-color: #C0C5BF; width: 1px; height: 24px; left: 0; top: 50%; margin-top: -12px;}
.com-product.view-product .thumbnail-single .product-btn-group > div .product-btn{line-height: 23px; padding: 15px 30px; display: block; color: #000000; font-size: 16px; position: relative;}
.com-product.view-product .thumbnail-single .product-btn-group > div .product-btn:hover{color: #666;}
@media only screen and (min-width: 576px) and (max-width: 767px){.com-product.view-product .thumbnail-single .product-btn-group > div .product-btn{padding: 10px 20px;}}
.com-product.view-product .thumbnail-single:hover .item-links{display: block;}
.com-product.view-product .nav{margin: 0 0 1.875rem; background: #F1F1F1; padding: 1rem; border-radius: 3px;}
.com-product.view-product .nav .nav-link{position: relative; padding: 0; color: #5B5B5B; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; border-right: 1px solid #D8D8D8;}
.com-product.view-product .nav .nav-link:hover{color: #22d05d;}
.com-product.view-product .nav .nav-link:last-child{border-right: 0;}
.com-product.view-product .nav .nav-link.active{background: transparent; font-weight: 700; color: #22d05d;}
.com-product.view-product .item-description p,
.com-product.view-product .item-description img{margin-bottom: 30px;}
.com-product.view-product .item-description p img{margin-top: 30px;}
.com-product.view-product .item-description h2{font-size: 24px; line-height: 1.6; margin-bottom: 20px;}
.com-product.view-product .item-description h3{font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
.com-product.view-product .item-description h4{line-height: 1.6; margin-bottom: 20px;}
.com-product.view-product .item-description h2 a,
.com-product.view-product .item-description h3 a,
.com-product.view-product .item-description h4 a{position: relative; color: #000000;}
.com-product.view-product .item-description h2 a:hover,
.com-product.view-product .item-description h2 a:hover:after,
.com-product.view-product .item-description h3 a:hover,
.com-product.view-product .item-description h3 a:hover:after,
.com-product.view-product .item-description h4 a:hover,
.com-product.view-product .item-description h4 a:hover:after{color: #22d05d;}
.com-product.view-product .item-description h2 a:after,
.com-product.view-product .item-description h3 a:after,
.com-product.view-product .item-description h4 a:after{content: "\f0c1"; font-family: "FontAwesome"; font-size: 14px; display: inline-block; margin-left: 5px; color: #999;}
.com-product.view-product .item-description ul{list-style: none; padding: 0; margin: 0 0 25px 10px;}
.com-product.view-product .item-description ul >li{display: block; padding: 0 0 0 15px; position: relative; margin-bottom: 5px;}
.com-product.view-product .item-description ul >li img{margin: 10px 0;}
.com-product.view-product .item-description ul >li:before{position: absolute; content: " "; width: 4px; height: 4px; background: #ccc; border-radius: 10px; left: 0; top: 12px;}
.com-product.view-product .item-description ol{list-style: none; list-style-position: inside; padding: 0; margin: 0 0 25px 10px;}
.com-product.view-product .item-description ol > li{counter-increment: item; margin-bottom: 5px; padding-left: 30px; position: relative;}
.com-product.view-product .item-description ol > li img{margin: 10px 0;}
.com-product.view-product .item-description ol > li >a{color: #000000;}
.com-product.view-product .item-description ol > li >a:hover{color: #22d05d;}
.com-product.view-product .item-description ol > li:before{position: absolute; top: 6px; left: 0; font-size: 10px; content: counter(item); background: #00aeef; border-radius: 100%; width: 20px; height: 20px; line-height: 20px; color: #fff; text-align: center; display: inline-block;}
.com-product.view-product .item-description pre{margin-bottom: 30px;}
.com-product.view-product .item-description .outer-img-large{margin-left: -100px; margin-right: -100px;}
.com-product.view-product .item-description .outer-img-xlarge{margin-left: -150px; margin-right: -150px;}
.com-product.view-product .item-description .social-share{padding: 0; margin: 70px 0 20px;}
.com-product.view-product .item-description blockquote{background: #F6F7F9; padding: 60px 30px 30px; border: 0; border-radius: 3px; position: relative; font-size: 20px; line-height: 36px; margin-bottom: 30px;}
.com-product.view-product .item-description blockquote strong,
.com-product.view-product .item-description blockquote b{font-weight: 600;}
.com-product.view-product .item-description blockquote p:last-child{margin-bottom: 0;}
.com-product.view-product .item-description blockquote:before{content: "\f10e"; font-family: "FontAwesome"; position: absolute; font-size: 32px; color: #22d05d; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.com-product.view-product .ul-check{list-style: none; padding: 0; margin: 0; display: block;}
.com-product.view-product .ul-check >li{float: left; width: 50%; display: block; margin: 0 0 20px; font-size: 14px; line-height: 34px; color: #484848;}
.com-product.view-product .ul-check >li .ico{padding: 8px; border: 1px solid #C4C4C4; font-size: 16px; border-radius: 100px; margin-right: 10px; vertical-align: middle;}
.com-product.view-product .ul-check >li .ico.ico-tick-mark{color: #22d05d;}
.com-product.view-product .ul-tags{display: block; list-style: none; padding: 0; margin: -5px; font-size: 0;}
.com-product.view-product .ul-tags >li{display: inline-block; font-weight: 400; margin: 5px;}
.com-product.view-product .ul-tags >li >a{font-size: 12px; background: #EBEBEB; color: #000000; padding: 8px 10px; border-radius: 3px;}
.com-product.view-product .ul-tags >li >a:hover{background-color: #22d05d; color: #fff;}
.com-product.view-product .th-block-title{margin: 0 0 20px; font-size: 18px; color: #484848;}
.com-product.view-product .item-quickinfo h1{font-size: 1.750rem; font-weight: 500; line-height: 1.4; margin: 0 0 1.875rem 0; padding: 0;}
.com-product.view-product .item-quickinfo .avatar{margin-top: -3px; width: 24px; height: 24px; line-height: 24px; font-size: 12px; margin-right: 5px; letter-spacing: 0; vertical-align: middle;}
.com-product.view-product .item-quickinfo .info-author,
.com-product.view-product .item-quickinfo .info-sales,
.com-product.view-product .item-quickinfo .info-favorites,
.com-product.view-product .item-quickinfo .info-ratings{color: #707070; margin-bottom: 20px;}
.com-product.view-product .item-quickinfo .info-author .ico-shopping-cart-alt,
.com-product.view-product .item-quickinfo .info-author .ico-heart-alt,
.com-product.view-product .item-quickinfo .info-sales .ico-shopping-cart-alt,
.com-product.view-product .item-quickinfo .info-sales .ico-heart-alt,
.com-product.view-product .item-quickinfo .info-favorites .ico-shopping-cart-alt,
.com-product.view-product .item-quickinfo .info-favorites .ico-heart-alt,
.com-product.view-product .item-quickinfo .info-ratings .ico-shopping-cart-alt,
.com-product.view-product .item-quickinfo .info-ratings .ico-heart-alt{margin-right: 5px; font-size: 24px; height: 24px; color: #707070; vertical-align: middle;}
.com-product.view-product .item-quickinfo .info-author.info-ratings .ico,
.com-product.view-product .item-quickinfo .info-sales.info-ratings .ico,
.com-product.view-product .item-quickinfo .info-favorites.info-ratings .ico,
.com-product.view-product .item-quickinfo .info-ratings.info-ratings .ico{margin-right: 3px; color: #FFBA00;}
.com-product.view-product .item-quickinfo .purchase-intro{font-size: 0.875rem; line-height: 1.375rem; color: #878787;}
.com-product.view-product .item-quickinfo .item-price-container{margin-bottom: 1.875rem;}
.com-product.view-product .item-quickinfo .item-price-container >span{display: inline-block; margin-right: 20px;}
.com-product.view-product .item-quickinfo .item-price-container >span.item-price{font-size: 2.00rem; color: #22d05d; font-weight: 600;}
.com-product.view-product .item-quickinfo .item-price-container >span.label{font-size: 1rem; font-weight: 400;}
.com-product.view-product .item-quickinfo .item-price-container >span.item-discount-badge{background: #CF2020; border-radius: 100px; color: #fff; padding: 2px 15px;}
.com-product.view-product .item-quickinfo .item-price-container >span:last-child{margin-right: 0;}
.com-product.view-product .item-quickinfo .item-action-buttons{margin-bottom: 1.875rem; width: 300px; max-width: 100%;}
.com-product.view-product .item-quickinfo .item-purchase-options{list-style: none; padding: 0; margin: 0 0 1.875rem 0;}
.com-product.view-product .item-quickinfo .item-purchase-options >li{font-size: 0.875rem; line-height: 1.4; margin-bottom: 15px; font-weight: 400;}
.com-product.view-product .item-quickinfo .item-purchase-options >li:last-child{margin-bottom: 0;}
.com-product.view-product .item-quickinfo .item-purchase-options >li >.ico-tick-mark{color: #22d05d; margin-right: 5px;}
.com-product.view-product .item-quickinfo .sidebar-social-share .social{display: block; font-size: 16px; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #000000;}
.com-product.view-product .item-quickinfo .sidebar-social-share .social.social-facebook:hover{color: #4A65BA;}
.com-product.view-product .item-quickinfo .sidebar-social-share .social.social-twitter:hover{color: #48ADFF;}
.com-product.view-product .item-quickinfo .sidebar-social-share .social.social-pinterest:hover{color: #D0021B;}
.com-product.view-product .item-quickinfo .sidebar-social-share .social.social-google-plus:hover{color: #E43B50;}
.com-product.view-product .item-social-share ul{list-style: none; padding: 0; margin: 0;}
.com-product.view-product .item-social-share ul >li{display: inline-block; line-height: 1; margin-left: 6px; margin-top: 6px;}
.com-product.view-product .item-social-share ul >li >a{display: block; line-height: 1; color: #fff; min-width: 34px; text-align: center; border-radius: 3px; padding: 8px 10px;}
.com-product.view-product .item-social-share ul >li >a.social-facebook{background: #4A65BA;}
.com-product.view-product .item-social-share ul >li >a.social-facebook:hover{background: #3a5097;}
.com-product.view-product .item-social-share ul >li >a.social-twitter{background: #42A5F5;}
.com-product.view-product .item-social-share ul >li >a.social-twitter:hover{background: #128ef2;}
.com-product.view-product .item-social-share ul >li >a.social-google-plus{background: #E43B50;}
.com-product.view-product .item-social-share ul >li >a.social-google-plus:hover{background: #cf1d33;}
.com-product.view-product .item-social-share ul >li >a.social-pinterest{background: #D0021B;}
.com-product.view-product .item-social-share ul >li >a.social-pinterest:hover{background: #9d0214;}
.com-product.view-product .item-social-share ul >li >a.social-linkedin{background: #1E7BE2;}
.com-product.view-product .item-social-share ul >li >a.social-linkedin:hover{background: #1762b6;}
#changelog{margin-bottom: 0; max-height: 400px; overflow-y: auto;}
#changelog h3{margin-top: 0; margin-bottom: 30px;}
#changelog h4{font-size: 16px; font-weight: 500; margin-bottom: 10px;}
#changelog > ul{list-style: none; padding: 0; margin: 0 0 30px 10px;}
#changelog > ul:last-child{margin-bottom: 0;}
#changelog > ul >li{display: block; margin: 0 0 5px; padding: 0 0 0 15px; position: relative;}
#changelog > ul >li:before{content: " "; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #d9d9d9; border-radius: 10px;}
#changelog > ul >li.fix:after,
#changelog > ul >li.new:after,
#changelog > ul >li.update:after{display: inline-block; color: #fff; line-height: 1; font-size: 12px; padding: 3px 5px; margin-left: 10px; border-radius: 2px;}
#changelog > ul >li.fix:after{content: "Bug fix"; background-color: #F5A623;}
#changelog > ul >li.new:after{content: "New"; background-color: #22d05d;}
#changelog > ul >li.update:after{content: "Update"; background-color: #1d84df;}
.more-items{margin-top: 75px; margin-bottom: -70px; background: #f4f4f4; padding-top: 70px; padding-bottom: 40px;}
.more-items .more-items-header{margin-bottom: 30px;}
.more-items .more-items-header h3{margin: 0; font-size: 18px; line-height: 46px;}
#comments{font-size: 0.875rem; line-height: 1.750rem;}
#comments .commenter-badge{font-size: 12px; line-height: 1.2; font-weight: normal; color: #888;}
#comments .comment-text{padding-bottom: 0.625rem;}
#comments .commenter-badge{font-size: 10px; font-weight: 500; letter-spacing: 1px; line-height: 10px; text-transform: uppercase; display: inline-block; background: #22d05d; color: #fff; padding: 4px 5px; border-radius: 2px; margin-left: 3px;}
#comments .commenter-badge.author{background: #F5A623;}
#comments .commenter-badge.customer{background: #1E7BE2;}
#comments >.comment{padding: 1.875em 0; border-bottom: 1px solid #ebeded;}
#comments >.comment:first-child{padding-top: 0;}
#comments >.comment h4{font-size: 0.875rem; font-weight: 500; line-height: 1; margin: 0;}
#comments >.comment h4 a{color: #000000;}
#comments >.comment h4 a:hover{color: #22d05d;}
#comments >.comment .commented-on{display: block; line-height: 1.2; font-size: 0.750rem; color: #B1B1B1; margin: 0.625rem 0 1.250rem;}
#comments >.comment .comment-tools >a{position: relative; display: block; float: left; font-size: 0.750rem; font-weight: normal; color: #888; margin-right: 0.625rem; padding-right: 0.625rem;}
#comments >.comment .comment-tools >a:after{content: " "; position: absolute; top: 50%; margin-top: -2px; right: -2px; width: 4px; height: 4px; background: #ccc; border-radius: 10px;}
#comments >.comment .comment-tools >a:last-child{margin-right: 0; padding-right: 0;}
#comments >.comment .comment-tools >a:last-child:after{display: none;}
#comments >.comment .comment-tools >a.action-report-comment:hover{color: #F5A623;}
#comments >.comment .comment-tools >a.action-remove-comment:hover{color: #D0021B;}
#comments >.comment .comment-tools >a:hover{color: #22d05d;}
#comments >.comment .comment-replies >.comment-reply{padding: 1.875em 0; border-top: 1px solid #ebeded;}
#comments >.comment .comment-replies >.comment-reply:first-child{margin-top: 1.875rem;}
#comments >.comment .comment-replies >.comment-reply:last-child{padding-bottom: 0;}
#comments >.comment .comment-replies .reply-meta >a{position: relative; display: block; float: left; font-size: 0.750rem; font-weight: normal; color: #888; margin-right: 0.625rem; padding-right: 0.625rem;}
#comments >.comment .comment-replies .reply-meta >a:after{content: " "; position: absolute; top: 50%; margin-top: -2px; right: -2px; width: 4px; height: 4px; background: #ccc; border-radius: 10px;}
#comments >.comment .comment-replies .reply-meta >a:last-child{margin-right: 0; padding-right: 0;}
#comments >.comment .comment-replies .reply-meta >a:last-child:after{display: none;}
#comments >.comment .comment-replies .reply-meta >a.action-report-reply:hover{color: #F5A623;}
#comments >.comment .comment-replies .reply-meta >a.action-remove-reply:hover{color: #D0021B;}
#comments >.comment .comment-replies .reply-meta >a:hover{color: #22d05d;}
#comments >.comment #reply-form{margin-top: 30px; padding-bottom: 10px;}
#comments >.comment #reply-form #reply_text{border-radius: 0; background: #FAFAFA; border-color: #EBEBEB; padding: 20px; min-height: 100px; box-shadow: none; -webkit-box-shadow: none;}
#comments >.comment #reply-form #reply_text::-moz-placeholder{color: #999; opacity: 1;}
#comments >.comment #reply-form #reply_text:-ms-input-placeholder{color: #999;}
#comments >.comment #reply-form #reply_text::-webkit-input-placeholder{color: #999;}
#comments >.comment #reply-form #reply_text:focus{outline: 0;}
#comments >.comment #reply-form #reply_text:hover,
#comments >.comment #reply-form #reply_text:focus,
#comments >.comment #reply-form #reply_text:active{background: #F6F6F8;}
#comments >.comment #report-comment-outer{margin-top: 30px; padding-bottom: 10px;}
#comments >.comment #report-comment-outer #report_text{border-radius: 0; background: #FAFAFA; border-color: #EBEBEB; padding: 20px; min-height: 100px; box-shadow: none; -webkit-box-shadow: none;}
#comments >.comment #report-comment-outer #report_text::-moz-placeholder{color: #999; opacity: 1;}
#comments >.comment #report-comment-outer #report_text:-ms-input-placeholder{color: #999;}
#comments >.comment #report-comment-outer #report_text::-webkit-input-placeholder{color: #999;}
#comments >.comment #report-comment-outer #report_text:focus{outline: 0;}
#comments >.comment #report-comment-outer #report_text:hover,
#comments >.comment #report-comment-outer #report_text:focus,
#comments >.comment #report-comment-outer #report_text:active{background: #F6F6F8;}
#comment_text{border-radius: 0; background: #FAFAFA; border-color: #EBEBEB; padding: 20px; min-height: 100px; box-shadow: none; -webkit-box-shadow: none;}
#comment_text::-moz-placeholder{color: #999; opacity: 1;}
#comment_text:-ms-input-placeholder{color: #999;}
#comment_text::-webkit-input-placeholder{color: #999;}
#comment_text:focus{outline: 0;}
#comment_text:hover,
#comment_text:focus,
#comment_text:active{background: #F6F6F8;}
#reviews >.review{padding: 1.250rem 0; border-bottom: 1px solid #ebeded;}
#reviews >.review:first-child{padding-top: 0;}
#reviews >.review:last-child{padding-bottom: 0; border-bottom: 0;}
#reviews >.review .ratings{display: block; line-height: 1;}
#reviews >.review .ratings .ico{margin-right: 3px; color: #F5A623;}
#reviews >.review h4{font-size: 14px; line-height: 1; margin-bottom: 10px;}
#reviews >.review h4 >a{color: #000000;}
#reviews >.review h4 .reviewed-on{display: inline-block; margin-left: 10px; font-weight: 300; color: #999;}
#reviews >.review .review-text{margin-top: 20px;}
.th-popup-cart .ico-check-circled{color: #22d05d;}
.th-popup-cart h4{font-size: 18px; line-height: 1; font-weight: 400; margin: 10px 0 0;}
.th-popup-cart h3{margin: 0; font-size: 20px; line-height: 1.4; font-weight: 600;}
.th-popup-cart .thumbnail-wrap{width: 360px; max-width: 100%; display: inline-block; margin: 30px 0;}
.th-popup-cart .thumbnail-wrap img{display: inline-block; -webkit-box-shadow: 0 1px 6px 0 rgba(135,152,164,0.4); box-shadow: 0 1px 6px 0 rgba(135,152,164,0.4);}
.th-popup-cart .cart-actions{margin-top: 30px; margin-bottom: -5px;}
.th-popup-cart .cart-actions .btn{margin: 5px;}
.th-popup-cart .th-cart-price{margin-top: 20px; color: #888;}
.th-popup-cart .th-cart-price span{display: block; font-size: 30px; line-height: 1; font-weight: 600; color: #000; margin: 0;}
.cart-items >.cart-item{position: relative; margin: 0 0 30px; padding: 20px; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px;}
.cart-items >.cart-item:first-child{margin-top: 20px;}
.cart-items >.cart-item:last-child{margin-bottom: 0;}
.cart-items >.cart-item:nth-child(even){background: #F5F9FB;}
.cart-items >.cart-item .cart-item-thumbnail{height: 80px;}
.cart-items >.cart-item .cart-item-title{display: block; font-size: 16px; line-height: 1.4; margin: 0; font-weight: 500; color: #000000;}
.cart-items >.cart-item .cart-item-author{font-size: 14px; font-weight: 400; color: #878787;}
.cart-items >.cart-item .cart-item-price-wrapper{display: inline-block; margin-right: 40px;}
.cart-items >.cart-item .cart-item-price-wrapper >span{font-weight: 600; display: inline-block;}
.cart-items >.cart-item .cart-item-price-wrapper >span.cart-item-price{font-size: 30px; color: #4A4A4A;}
.cart-items >.cart-item .cart-item-price-wrapper >span.cart-item-original-price{font-size: 14px; line-height: 14px; display: block; color: #999999; letter-spacing: 1px; text-decoration: line-through; margin-right: 3px; margin-bottom: 10px;}
.cart-items >.cart-item .action-remove-cart{top: 50%; right: 20px; position: absolute; display: block; color: #999; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.cart-items >.cart-item .action-remove-cart:hover{color: #333;}
.cart-footer{margin-top: 30px; padding: 20px; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px;}
.cart-footer .cart-footer-original-price{font-size: 14px; line-height: 14px; color: #999999; text-decoration: line-through; margin-bottom: 10px; display: block; font-weight: 500;}
.cart-footer .cart-footer-price{font-size: 30px; line-height: 1; color: #22d05d; font-weight: 500;}
.cart-footer .cart-footer-price strong{color: #999999;}
.payment-methods .input-payment-method >div{position: relative; padding: 15px 15px 0px 15px; border: 1px solid #fff; padding-left: 55px; background-color: #fff; cursor: pointer; color: #757575; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px;}
.payment-methods .input-payment-method >div img{height: 30px;}
.payment-methods .input-payment-method >div .ico{font-size: 24px; color: #999; position: absolute; top: 20px; left: 15px;}
.payment-methods .input-payment-method >div .ico.ico-check-circled{color: #22d05d; display: none;}
.payment-methods .input-payment-method.active >div{border-color: #22d05d; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.payment-methods .input-payment-method.active >div .ico{display: none;}
.payment-methods .input-payment-method.active >div .ico.ico-check-circled{display: inline;}
.payment-action{margin-top: 30px;}
.drop-file-image{background-color: #e5f1f8; border: 3px dashed #fff; padding: 50px 30px; text-align: center; border-radius: 4px;}
.drop-file-image.dragdrop{background-color: #f3fbff; border-color: #daecf7;}
.drop-file-image .ico-check{width: 36px; height: 36px; text-align: center; line-height: 36px; position: absolute; top: -14px; right: -14px; font-size: 18px; color: #fff; background-color: #22d05d; border-radius: 100px; display: none;}
.drop-file-image .thumbnail-wrapper{position: relative; display: inline-block; max-width: 270px;}
.drop-file-image .thumbnail-wrapper.thumbnail-changed .ico-check{display: block;}
.drop-file-image .package-file-container{position: relative; text-align: center; color: #3c763d; background-color: #fff; border: 1px solid #fff; padding: 20px; border-radius: 3px; margin-bottom: 30px;}
.drop-file-image .package-file-container.package-changed .ico-check{display: block;}
.drop-file-image .progress{margin-top: -10px; margin-bottom: 10px;}
.drop-file-image.drop-zip{background-color: rgba(34,208,93,0.1); border-color: #fff;}
.drop-file-image.drop-zip.dragdrop{background-color: rgba(34,208,93,0.05); border-color: rgba(34,208,93,0.3);}
.drop-file-image.drop-zip .progress{margin-top: -10px; margin-bottom: 30px;}
.drop-file-image.drop-zip .ico-file-zip{display: block; font-size: 3em; margin-bottom: 20px;}
.drop-file-image img{display: inline-block; background-color: #fff; padding: 5px; border: 1px solid #ebeded; margin-bottom: 20px; width: 260px; border-radius: 3px;}
.drop-file-image .lead{font-size: 32px;}
.drop-file-image .btn{margin: 20px 0 0;}
.dashboard-profile{background: #FFFFFF; font-size: 0.875rem; padding: 1.875rem; padding-bottom: 0; margin-bottom: 1.875rem; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.dashboard-profile .author-name{font-size: 1.250rem; line-height: 1; margin: 10px 0 0;}
.dashboard-profile .author-joined{display: block; color: #878787;}
.toolbar{margin-top: 1.250rem;}
.toolbar ul{list-style: none; padding: 0; margin: 0 -10px;}
.toolbar ul > li{display: inline-block; padding: 0 10px;}
.toolbar ul > li >a{font-size: 14px; padding-bottom: 10px; font-weight: 400; display: block; color: #878787; border-bottom: 5px solid #fff; -webkit-transition: border-color 300ms; -o-transition: border-color 300ms; transition: border-color 300ms;}
.toolbar ul > li >a.active,
.toolbar ul > li >a:hover{border-bottom-color: #22d05d;}
.purchase-item{background: #FFFFFF; padding: 1.250rem; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px; margin-bottom: 30px;}
.purchase-item .item-thumbnail{height: 80px;}
.purchase-item .item-author{font-size: 0.875rem; font-weight: 400;}
.purchase-item .item-title{font-size: 16px; margin-bottom: 5px;}
.purchase-item .item-title a{color: #4A4A4A;}
.purchase-item .item-title a:hover{color: #22d05d;}
.purchase-item .purchase-meta{font-size: 0.750rem; color: #878787;}
.purchase-item .purchase-meta >span{display: inline-block; margin-right: 15px;}
.purchase-item .purchase-actions{margin: 25px -5px -5px;}
.purchase-item .purchase-actions .btn{margin: 5px;}
.item-ratings-container{font-size: 12px; line-height: 1; margin-top: 5px; color: #878787;}
.item-ratings-container .item-ratings{font-size: 0.750rem; line-height: 1; unicode-bidi: bidi-override; direction: rtl; display: inline-block;}
.item-ratings-container .item-ratings span.rating-star{font-family: "IcoFont"; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; color: #F5A623;}
.item-ratings-container .item-ratings span.rating-star.active:before{content: "\ea4e";}
.item-ratings-container .item-ratings span.rating-star:before{content: "\ea4d"; padding-right: 5px;}
.item-ratings-container .item-ratings span.rating-star:hover:before,
.item-ratings-container .item-ratings span.rating-star:hover ~ span.rating-star:before{content: "\ea4e"; color: #db8c0a; cursor: pointer;}
.item-ratings-container .ico{color: #F5A623;}
.th-popup-review .th-popup-inner{padding: 50px 30px 30px;}
.th-popup-review .item-ratings-container{margin-bottom: 20px;}
.th-popup-review .item-ratings-container .item-ratings{font-size: 18px;}
.th-popup-review textarea{height: 220px;}
.th-popup-review .form-group{margin-bottom: 20px;}
.empty-dashboard{padding: 50px 30px;}
.th-card-icon{padding: 1.250rem; margin-bottom: 30px;}
.th-card-icon .th-card-icon-title{margin-top: 13px; color: #878787;}
.th-card-icon .th-card-icon-content{font-size: 24px; color: #333333; font-weight: bold;}
.th-card-icon .th-card-icon-main{width: 90px; height: 90px; line-height: 90px; text-align: center; color: #fff; border-radius: 100px; font-size: 1.875rem;}
.th-card-icon .ico-chart-line{background: #1E7BE2;}
.th-card-icon .ico-chart-bar-graph{background: #22d05d;}
.th-card-icon .ico-chart-flow{background: #F5A623;}
.th-card-icon .ico-tick-mark{background: #22d05d;}
.th-card-icon .ico-bg-warning{background: #F5A623;}
.th-card-icon .ico-bg-danger{background: #D0021B;}
.th-card-icon .ico-bg-primary{background: #1E7BE2;}
.th-card-icon .ico-bg-success{background: #22d05d;}
#chartjs-tooltip{opacity: 1; position: absolute; background: rgba(255,255,255,0.9); width: 100px; height: 64px; color: #1E7BE2; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); box-shadow: 0 0 6px 0 rgba(30,123,226,0.21); -webkit-box-shadow: 0 0 6px 0 rgba(30,123,226,0.21); border-radius: 4px;}
.table.table-striped td,
.table.table-striped th{padding: 1rem; border: 0; font-size: 0.875rem; font-weight: 400; color: #333;}
.table.table-striped th{font-weight: 600; color: #4A4A4A;}
.table.table-striped tbody tr{-webkit-transition: 400ms; transition: 400ms;}
.table.table-striped tbody tr:nth-of-type(odd){background: #F5F9FB;}
.table.table-striped tbody tr:hover{background: #22d05d;}
.table.table-striped tbody tr:hover td{color: #fff;}
.table.table-striped tbody tr:hover td a,
.table.table-striped tbody tr:hover td a:hover,
.table.table-striped tbody tr:hover td a:focus,
.table.table-striped tbody tr:hover td a:active{-webkit-transition: 400ms; transition: 400ms; color: #fff;}
.table.table-striped .item-link{color: #333;}
.table.table-striped .item-link:hover{color: #22d05d;}
.th-widget{margin-bottom: 1.875rem;}
.th-widget .th-table-wrapper{margin: -1.875rem;}
.th-widget-my-items{margin-bottom: 0;}
.my-item{position: relative;}
.submission-item{background: #FFFFFF; padding: 1.250rem; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px; margin-bottom: 1.875rem;}
.submission-item .item-status{margin-top: 5px; font-size: 0.875rem; font-weight: 500;}
.submission-item.item-approved .item-status{color: #22d05d;}
.submission-item.item-pending .item-status{color: #F5A623;}
.submission-item.item-soft-rejected .item-status,
.submission-item.item-resubmitted .item-status{color: #E32139;}
.submission-item .item-thumbnail{height: 80px;}
.submission-item .item-title{font-size: 16px; margin-bottom: 5px;}
.submission-item .item-title a{color: #4A4A4A;}
.submission-item .item-title a:hover{color: #22d05d;}
.submission-item .submission-meta{font-size: 0.750rem; color: #878787;}
.submission-item .submission-meta a{color: #878787;}
.submission-item .submission-meta a:hover{color: #22d05d;}
.submission-item .submission-meta .meta-delete >a{color: #D0021B;}
.submission-item .submission-meta .meta-delete >a:hover{color: #D0021B;}
.submission-item .submission-meta >span{display: inline-block; margin-right: 20px;}
.submission-item .submission-meta >span:last-child{margin-right: 0;}
.submission-item .item-price{font-weight: 500; color: #22d05d;}
.submission-item .item-price >span{font-size: 36px; line-height: 36px; display: block; font-weight: 700;}
.rejection-history{position: relative; margin: 1.250rem -1.25rem -1.25rem; padding: 1.875rem 1.250rem 1.250rem; border-top: 1px solid #EAEAEA; background: #F5F9FB; border-radius: 0 0 4px 4px;}
.rejection-history:before{content: " "; position: absolute; top: -1px; left: 50px; width: 0; height: 0; border-style: solid; border-width: 16px; border-color: #EAEAEA transparent transparent transparent; z-index: 1;}
.rejection-history:after{content: " "; position: absolute; top: -1px; left: 51px; width: 0; height: 0; border-style: solid; border-width: 15px; border-color: #fff transparent transparent transparent; z-index: 2;}
.rejection-history >div{margin-bottom: 60px;}
.rejection-history >div:last-child{margin-bottom: 30px;}
.rejection-history >div.history-by-reviwer{text-align: right;}
.rejection-history >div.history-by-reviwer .history-body .history-time{left: auto; right: 0;}
.rejection-history >div .history-body{position: relative; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 3px; padding: 15px; font-size: 0.875rem; display: inline-block; min-width: 60%;}
.rejection-history >div .history-body .history-author{font-weight: 500; color: #22d05d;}
.rejection-history >div .history-body .history-author >span{font-size: 11px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; margin-left: 5px; color: #999;}
.rejection-history >div .history-body .history-time{position: absolute; bottom: -35px; left: 0; display: block; font-size: 12px; letter-spacing: 1px; color: #999;}
.th-card.th-card-solid{padding: 20px; color: #fff;}
.th-card.th-card-solid .ico-left-main{font-size: 24px; width: 64px; height: 64px; line-height: 64px; text-align: center; background: #fff; border-radius: 100px;}
.th-card.th-card-solid.th-card-success{background: #22d05d;}
.th-card.th-card-solid.th-card-success .ico-left-main{color: #22d05d;}
.th-card.th-card-solid.th-card-warning{background: #F5A623;}
.th-card.th-card-solid.th-card-warning .ico-left-main{color: #F5A623;}
.profile-edit-header{background: #FFFFFF; font-size: 0.875rem; padding: 1.875rem; padding-bottom: 0; margin-bottom: 1.875rem; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.profile-edit-header .author-name{font-size: 1.250rem; line-height: 1; margin: 10px 0 0;}
.profile-edit-header .author-joined{display: block; color: #878787;}
.field-image-advanced{margin-bottom: 20px;}
.field-image-advanced .img-thumbnail{border-color: #ebeded; padding: 5px;}
#main-chat{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #F5F9FB; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
#main-chat .chat-user-list,
#main-chat .user-chat-list{display: block; position: relative;}
#main-chat .chat-sidebar{position: absolute; padding: 0; background: #fff; border-right: 1px solid #ebeded; overflow-y: auto; width: 100%; height: 100%;}
#main-chat .chat-sidebar .chat-list-item{position: relative; margin: 0 0 10px 0; display: block; cursor: pointer; border-left: 5px solid #fff;}
#main-chat .chat-sidebar .chat-list-item:last-child{border-bottom: 0;}
#main-chat .chat-sidebar .chat-list-item.chat-list-item-unread{border-left-color: #22d05d;}
#main-chat .chat-sidebar .chat-list-item.chat-list-item-unread h4{color: #000; font-weight: bold;}
#main-chat .chat-sidebar .chat-list-item.chat-list-item-unread .last-message{font-weight: bold;}
#main-chat .chat-sidebar .chat-list-item .avatar-container .avatar{float: left;}
#main-chat .chat-sidebar .chat-list-item h4{font-size: 18px; line-height: 1; color: #333333; font-weight: 400; margin: 0;}
#main-chat .chat-sidebar .chat-list-item .last-message{display: block; font-size: 12px; line-height: 1.2; margin-top: 8px;}
#main-chat .chat-sidebar .chat-list-item .last-message-time{font-size: 12px; line-height: 1; margin-top: 8px; color: #878787;}
#main-chat .chat-sidebar .chat-list-item.active{background: #22d05d; border-left-color: #22d05d;}
#main-chat .chat-sidebar .chat-list-item.active h4,
#main-chat .chat-sidebar .chat-list-item.active .last-message{color: #fff;}
#main-chat .chat-sidebar .chat-list-item.active .last-message-time{color: rgba(255,255,255,0.7);}
#main-chat .chat-sidebar #load-chat-list{margin-top: 20px; margin-bottom: 20px;}
#main-chat .chat .chat-history{height: 600px;}
#main-chat .chat-sidebar .chat-list-item{padding: 15px 10px;}
#main-chat .chat-user-list{width: 80px;}
#main-chat .user-chat-list{width: calc(100% - 80px);}
@media (min-width: 768px){#main-chat .chat-sidebar .chat-list-item{padding: 30px 30px 30px 25px;} #main-chat .chat-user-list{width: 300px;} #main-chat .user-chat-list{width: calc(100% - 300px);}}
.empty-chatroom{background: #F5F9FB; padding: 100px 30px; text-align: center; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.empty-chatroom .ico{font-size: 128px; line-height: 128px; color: #d8d8d8; display: block; margin-bottom: 10px;}
.questions >.question{margin: 0; padding: 1.250rem 0; border-bottom: 1px solid #ebeded;}
.questions >.question:first-child{margin-top: -1.25rem;}
.questions >.question:last-child{margin-bottom: -1.25rem; border-bottom: 0;}
.questions >.question:nth-child(even){background: #fafafa;}
.questions .question-subject h2{font-size: 1rem; line-height: 1.4; margin: 0;}
.questions .question-subject h2 a{color: #000000;}
.questions .question-subject h2 .badge{border-radius: 2px; font-weight: 500; letter-spacing: .5px;}
.questions .question-subject h2 .badge.badge-primary{background: #1E7BE2;}
.questions .question-subject h2 .badge.badge-success{background: #22d05d;}
.questions .question-meta{margin: -5px;}
.questions .question-meta >span{margin: 5px; font-size: 0.813rem; display: inline-block; color: #484848;}
.questions .question-meta >span a{font-weight: 400; color: #484848;}
.questions .pagination-wrapper{margin-top: 1.875rem;}
.questions .pagination-wrapper ul{margin-bottom: 0;}
#topic{margin: -1.25rem 0 0;}
#topic >.topic{padding: 1.250rem 0; border-bottom: 1px solid #ebeded;}
#topic .question-subject h2{font-size: 1rem; line-height: 1.4; margin: 0;}
#topic .question-subject h2 a{color: #000000;}
#topic .question-subject h2 .badge{border-radius: 2px; font-weight: 500; letter-spacing: .5px;}
#topic .question-subject h2 .badge.badge-primary{background: #1E7BE2;}
#topic .question-subject h2 .badge.badge-success{background: #22d05d;}
#topic .question-meta{margin: -5px;}
#topic .question-meta >span{margin: 5px; font-size: 0.750rem; display: inline-block; color: #484848;}
#topic .question-meta >span a{font-weight: 400; color: #484848;}
#topic .question-text{margin-top: 10px;}
#answers >.answer{margin: 0; padding: 1.250rem 0; border-bottom: 1px solid #ebeded;}
#answers >.answer.accepted-answer{background: #EEFFF4;}
#answers >.answer .answer-accepted-badge{margin-top: 10px;}
#answers >.answer .answer-accepted-badge .ico{font-size: 20px; color: #22d05d;}
#answers >.answer .answered-by{font-size: 14px; font-weight: bold;}
#answers >.answer .answered-by a{color: #000000;}
#answers >.answer .answered-by .badge{border-radius: 2px; font-weight: 500; letter-spacing: .5px;}
#answers >.answer .answered-by .badge.badge-primary{background: #1E7BE2;}
#answers >.answer .answered-by .badge.badge-success{background: #22d05d;}
#answers >.answer .answer-created{font-size: 0.750rem; color: #484848;}
#answers >.answer .answer-meta{margin: -5px; margin-top: 10px;}
#answers >.answer .answer-meta >span{margin: 5px; font-size: 0.750rem; display: inline-block; color: #C7C7C7; line-height: 1;}
#answers >.answer .answer-meta >span a{font-weight: 400; color: #C7C7C7;}
#answers >.answer .answer-meta >span a:hover{color: #888;}
#answers >.answer .answer-meta >span.answer-meta-accept,
#answers >.answer .answer-meta >span.answer-meta-reject,
#answers >.answer .answer-meta >span.answer-meta-delete{opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}
#answers >.answer .answer-text{margin-top: 10px;}
#answers >.answer:hover .answer-meta >span.answer-meta-accept,
#answers >.answer:hover .answer-meta >span.answer-meta-reject,
#answers >.answer:hover .answer-meta >span.answer-meta-delete{opacity: 1;}
blockquote.support-blockquote{display: block; background: #fff; padding: 15px 20px 15px 50px; margin: 0; position: relative; font-family: Georgia, serif; font-size: 16px; line-height: 1.6; color: #666; border-left: 15px solid #22d05d; border-right: 2px solid #22d05d; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc;}
blockquote.support-blockquote:before{content: "\201C"; font-size: 60px; font-weight: bold; color: #999; position: absolute; left: 10px; top: 0;}
blockquote.support-blockquote b,
blockquote.support-blockquote strong{font-weight: bold;}
.form-reply{margin-top: 1.875rem;}
/*desmond*/
.form-control.filter-padding{padding: 0px;}
/*</> desmond*/
.form-control.form-control-bbcode-editor{border-radius: 0 0 3px 3px; padding-top: 50px; border-color: #ebeded; margin-bottom: 20px;}
.form-control.form-control-bbcode-editor.form-control-bbcode-editor-lg{min-height: 240px;}
.form-control.form-control-bbcode-editor:focus{border-color: #80bdff;}
#bbcode-editor{position: relative;}
#bbcode-editor #bbcode-toolbar{background: #F5F5F5; border-bottom: 1px solid #ebeded; position: absolute; top: 1px; left: 1px; right: 1px; padding: 0;}
#bbcode-editor #bbcode-toolbar ul{display: block; list-style: none; padding: 0; margin: 0;}
#bbcode-editor #bbcode-toolbar ul >li{display: inline-block; font-size: 12px; line-height: 1; padding: 12px 11px 12px 15px;}
#bbcode-editor #bbcode-toolbar ul >li a{color: #838383;}
#bbcode-editor #bbcode-toolbar ul >li.bbcode-separator{border-left: 1px solid #ebeded;}
.questions-toolbar{margin: -0.625rem 0 1.250rem; padding: 0 0 1.250rem; border-bottom: 1px solid #ebeded;}
.questions-toolbar .search-questions{position: relative;}
.questions-toolbar .search-questions .ico-search{position: absolute; color: #C4C3C3; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.questions-toolbar .search-questions .form-control{padding-left: 35px; height: 36px; width: 220px; max-width: 100%;}
.syntx-highlighter{border-radius: 3px;}
.syntx-highlighter br{display: none;}
.profile{position: relative;}
.profile .profile-header{background: #fff; margin-bottom: 1.875rem; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.profile .profile-banner{position: relative;}
.profile .profile-banner img{width: 100%; border-radius: 4px 4px 0 0;}
.profile .profile-banner:after{content: ""; position: absolute; bottom: 0; left: 0; top: 0; right: 0; background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#19000000', GradientType=0);}
.profile .btn-edit-profile{position: absolute; top: 20px; right: 20px; z-index: 2; line-height: 1;}
.profile .profile-details{position: relative; padding: 19px 20px;}
.profile .profile-details h4{font-size: 18px; font-weight: bold; margin: 0;}
.profile .profile-details .avatar-container{position: absolute; left: 20px; top: -70px; background: #fff; padding: 5px; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.profile .profile-details .avatar-container .avatar{float: left;}
.profile .profile-details .profile-info{margin-left: 155px;}
.profile .profile-details .profile-info .profile-created,
.profile .profile-details .profile-info .profile-located{line-height: 14px; display: inline-block; color: #888;}
.profile .profile-details .profile-info .profile-located{display: inline-block; width: 18px;}
.profile .profile-details .social ul{list-style: none; padding: 0; margin: -5px;}
.profile .profile-details .social ul >li{display: inline-block; margin: 5px; line-height: 1;}
.profile .profile-details .social ul >li a.social-facebook{color: #3b5998;}
.profile .profile-details .social ul >li a.social-twitter{color: #1da1f2;}
.profile .profile-details .social ul >li a.social-google-plus{color: #dd4b39;}
.profile .profile-details .social ul >li a.social-pinterest{color: #bd081c;}
.profile .profile-details .social ul >li a.social-dribbble{color: #ea4c89;}
.profile .profile-details .social ul >li a.social-behance{color: #1769ff;}
.profile .profile-details .social ul >li a.social-flickr{color: #ff0084;}
.profile .profile-details .social ul >li a.social-linkedin{color: #0077b5;}
.profile .profile-details .social ul >li a.social-youtube{color: #cd201f;}
.profile .profile-details .social ul >li a.social-vimeo{color: #1ab7ea;}
.profile .profile-details .social ul >li a.social-github{color: #4078c0;}
.profile .profile-details .social ul >li a.social-skype{color: #00aff0;}
.about-user{margin-bottom: 1.875rem; padding: 1.250rem;}
.author-portfolio{margin-top: 3.125rem;}
.author-portfolio .author-portfolio-top{margin-bottom: 1.250rem;}
.author-portfolio .author-portfolio-top h3{font-size: 24px; font-weight: 300; margin: 0; color: #878787;}
.author-portfolio .author-portfolio-top h3 strong{color: #353535;}
.author-portfolio .author-portfolio-top .author-ratings{font-size: 1rem;}
.profile-stats .th-card{margin-bottom: 1.875rem;}
.available-freelance{color: #22d05d; line-height: 1; display: block; margin-bottom: 10px; position: relative; font-weight: 500;}
.available-freelance:before{content: " "; position: absolute; top: 50%; margin-top: -4px; left: -15px; width: 8px; height: 8px; border-radius: 10px; background: #22d05d;}
.chat.chat-sidebar{background: #F5F9FB; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.chat.chat-sidebar h3{background: #1E7BE2; padding: 20px; font-weight: 400; text-align: center; font-size: 14px; color: #FFFFFF; text-transform: uppercase; margin: 0;}
.chat.chat-sidebar.chat-disabled{position: relative;}
.chat.chat-sidebar.chat-disabled::after{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.75);}
.chat.chat-sidebar.chat-disabled .chat-disabled-alert{position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.chat.chat-sidebar.chat-disabled .chat-disabled-alert >div{display: inline-block; margin: 0;}
.chat .chat-history{height: 480px; position: relative; overflow-y: auto;}
.chat .chat-history .chat-history-inner{padding: 20px;}
.chat .chat-footer{position: relative;}
.chat .chat-footer .form-control{height: 75px; line-height: 1.2; padding: 27px 70px 27px 20px; border: 0; resize: none;}
.chat .chat-footer .btn-circle{width: 40px; height: 40px; text-align: center; position: absolute; top: 50%; margin-top: -20px; right: 20px; border-radius: 100px; cursor: pointer; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.chat-item{margin-bottom: 10px;}
.chat-item .avatar{width: 48px; height: 48px; line-height: 48px; font-size: 12px; letter-spacing:0px; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3);}
.chat-item .chat-message{position: relative; font-size: 13px; line-height: 1.6; background: #FFFFFF; color: #333333; padding: 14px; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); border-radius: 4px; display: inline-block;}
.chat-item .chat-message .emoji{display: block; float: right; margin-top: -1px; margin-left: 5px;}
.chat-item .chat-message .emoji img{height: 20px;}
.chat-item .chat-created{font-size: 11px; color: rgba(0,0,0,0.5);}
.chat-item.chat-item-left .chat-message{float: left;}
.chat-item.chat-item-right .chat-message{float: right; text-align: right; background-color: #1E7BE2; color: #fff;}
.chat-item.chat-item-right .chat-created{text-align: right;}
.chat-item .ico{font-size: 16px;}
.chat-history-loader,
.chat-history-warning{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.9); z-index: 1;}
.chat-history-loader .alert,
.chat-history-warning .alert{margin: 30px;}
.chat-history-loader .ico,
.chat-history-warning .ico{position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; font-size: 64px; color: #22d05d;}
#load-chat-history{margin: 20px;}
.m-btn-pay-confirm{width: 100%; bottom: 0px; position: fixed}
/*****************Desmond*******************/
.accordion .panel:hover{background: #F2F5F7;}
.accordion .panel{margin-bottom: 5px; border-radius: 0; border-bottom: 1px solid #efefef;}
.panel{margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel h4{font-size: 16px; font-weight: 500; color: #5A738E;}
.accordion .panel-heading{background: #F2F5F7; padding: 13px; width: 100%; display: block;}
.collapse{display: none;}
.collapse.in{display: block;}
.panel-body{padding: 15px;}
/*tags input*/
.tagsinput{border: 1px solid #CCC; background: #FFF; padding: 6px 6px 0; width: 300px; overflow-y: auto;}
span.tag{-moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px 9px; background: #1ABB9C; color: #F1F6F7; margin-right: 5px; font-weight: 500; margin-bottom: 5px; font-family: helvetica;}
.tag{line-height: 1; background: #1ABB9C; color: #fff!important;}
.tagsinput span.tag a{font-weight: 700; color: #82ad2b; font-size: 11px; text-decoration: none;}
span.tag a{color: #F1F6F7!important;}
.tagsinput input{width: 80px; margin: 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 3px; background: 0 0; color: #000; outline: 0;}
.tagsinput div{display: block; float: left;}
.tags_clear{clear: both; width: 100%; height: 0;}
.qrcode-wrapper{text-align: center; margin-bottom: 0px;}
.qrcode-wrapper .qrcode{display: inline-block; border: 1px solid #efefef; width: 180px; height: 180px;}
.layui-layer-page .layui-layer-content{position: relative; overflow: auto;}
.layui-layer, .layui-layer-shade{position: fixed; _position: absolute; pointer-events: auto;}
.mod-layer-tip.mod-layer-tip__pay .tip-title{padding-top: 55px; color: #333; font-size: 26px;}
.mod-layer-tip .tip-title{padding-top: 50px; font-size: 26px;}
.mod-layer-tip .tip-title, .mod-order-detail .product-statement{color: #f54a40; text-align: center;}
.mod-layer-tip.mod-layer-tip__pay .tip-content .content-l{float: left; width: 50%; text-align: center;}
.mod-layer-tip.mod-layer-tip__pay .tip-content{padding: 30px 30px 0; overflow: hidden;}
.mod-layer-tip.mod-layer-tip__pay .tip-pay-code{display: block; margin-right: auto; margin-bottom: 10px; margin-left: auto; /*border: 1px solid #c4c4c4;*/}
.mod-layer-tip.mod-layer-tip__pay .tip-pay-desc{color: #999; font-size: 12px;}
.mod-layer-tip.mod-layer-tip__pay .tip-content .content-r{float: left; width: 50%;}
.mod-layer-tip.mod-layer-tip__pay .tip-pay-detail{margin-bottom: 15px;}
.mod-layer-tip.mod-layer-tip__pay .tip-pay-detail .detail-list{margin-bottom: 5px; overflow: hidden; color: #666; font-size: 14px; line-height: 1.6;}
.mod-layer-tip.mod-layer-tip__pay .tip-pay-detail .detail-list .list-num{float: left;}
.mod-layer-tip.mod-layer-tip__pay .tip-pay-detail .detail-list .list-desc{overflow: hidden; text-align: left;}
.mod-layer-tip.mod-layer-tip__pay .link-btn{color: #f54a40; font-size: 14px;}
.mod-layer-tip .tip-opt{margin-top: 30px; text-align: center;}
.mod-submit-btn.mod-submit-btn__md{padding: 0 40px;}
.mod-submit-btn{-webkit-transition: all .15s ease; -o-transition: all .15s ease; display: inline-block; vertical-align: middle; transition: all .15s ease; outline: none; border: none; border-radius: 2px; background-color: #f24c46; padding: 0 22px; height: 46px; color: #fff; font-size: 0; font-size: 18px; line-height: 46px;}
.mod-layer-tip.mod-layer-tip__pay .tip-opt__alipay .link-pay-error{display: inline-block; vertical-align: middle; margin-left: 10px; color: #999; font-size: 14px;}
.mt-xl{margin-top: 30px!important;}
.tac{text-align: center;}
.mod-layer-tip.mod-layer-tip__success .tip-title{margin-bottom: 30px; font-size: 0; text-align: center;}
.mod-layer-tip.mod-layer-tip__success .tip-title img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.mod-layer-tip.mod-layer-tip__success .tip-title .title-info{display: inline-block; vertical-align: middle; color: #f54a40; font-size: 26px;}
.mod-layer-tip.mod-layer-tip__success .tip-ticket{font-size: 18px; text-align: center;}
.mod-layer-tip.mod-layer-tip__success .tip-ticket .ticket-info{color: #008ec3;}
.mod-layer-tip.mod-layer-tip__success .tip-opt{margin-top: 40px; margin-bottom: 25px; text-align: center;}
.mod-submit-btn.mod-submit-btn__lg{padding: 0 65px;}
/**************************登录框****************************/
#login-modal .icon-close{background: #FFF; margin-bottom: 10px; position: absolute; right: -8px; top: -8px; font-size: 14px; font-weight: bold; border-radius: 50%; width: 30px; height: 30px; border: 0; color: #a9a9a9; cursor: pointer; outline: none;}
#login-modal.hasScroll .icon-close{display: none;}
#login-modal [class^="icon-"],
#login-modal [class*=" icon-"]{speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#login-modal header{background: #eee; margin-bottom: 10px; overflow: hidden; border-radius: 3px 3px 0 0; width: 100%;}
#login-modal header a.active{background: #fff; color: #777;}
#login-modal header a{display: block; float: left; width: 50%; padding: 0; text-align: center; background: #ddd; color: #999; height: 65px; vertical-align: middle; line-height: 65px; font-family: 'Lato', arial; font-size: 15px; transition: all 0.3s ease;}
#login-modal .sections{overflow: hidden;}
#login-modal section {
    padding: 30px;
}

.hide {
    display: none;
}

#login-modal .forgotPassword {
    position: absolute;
    right: 30px;
    margin-top: -56px;
    color: #999;
}
#login-modal .icon-close:hover,
#login-modal .icon-close:focus{color: black;}
#login-modal section label[for="remember"]{margin-bottom: 26px; font-size: 14px; color: #999; display: block;width: 50%;}
/************************end***************************/
/************************侧边栏***************************/
body.mobile{line-height: 1.33; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; height: auto; min-height: 100%; background-color: #f8f8f8;-webkit-touch-callout:none;  -moz-touch-callout:none;-ms-touch-callout:none;touch-callout:none;}
body.mobile .gitee-nav{position: fixed; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; background: #A0C36E !important; line-height: 1.173333rem; height: 1.173333rem; color: #fff; padding: 1rem; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
body.mobile .gitee-nav>.item{height: 1.0667rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
body.mobile .gitee-nav .left-side .iconfont{font-size: .4rem; color: #fff;}
body.mobile .gitee-nav .slider-box.on{opacity: 1; visibility: visible;}
body.mobile .gitee-nav .slider-box{position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; z-index: 100; -webkit-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s; background: rgba(0,0,0,0.4);}
body.mobile .gitee-nav .slider-box.on>.content{-webkit-transform: translateX(0); transform: translateX(0);}
body.mobile .gitee-nav .slider-box>.content{position: absolute; top: 0; left: 0; height: 100%; width: 150px; background: #5D5E5F; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.5s cubic-bezier(0, 0.78, 0.67, 1.11); transition: 0.5s cubic-bezier(0, 0.78, 0.67, 1.11); will-change: transform; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; overflow-y: auto;}
body.mobile .gitee-nav .slider-box>.content>.top-area{text-align: center; padding: 30px 15px; background: #5D5E5F; line-height: 1;}
body.mobile .gitee-nav .slider-box>.content>.top-area .avatar-box{width: 60px; height: 60px; background: url("../images/avator_icon.png"); border-radius: 50%; background-size: 100%; display: inline-block;}
body.mobile .gitee-nav .slider-box>.content>.top-area .avatar-box .avatar{height: 100%; width: 100%; border-radius: 50%;}
.avatar.image{border-radius: 50%; vertical-align: middle;}
body.mobile .gitee-nav .slider-box>.content>.top-area .info-box{font-size: 14px; line-height: 1; margin-top: .213333rem; word-break: break-all;}
body.mobile .gitee-nav .slider-box>.content>.top-area .info-box a{color: #DCE3E8;}
body.mobile .gitee-nav .slider-box>.content>.middle-area{-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1;}
body.mobile .gitee-nav .slider-box>.content>.middle-area .action-list{padding: 15px;}
body.mobile .gitee-nav .slider-box>.content>.middle-area .action-list>ul{padding: 0; margin: 0;}
body.mobile .gitee-nav .slider-box>.content>.middle-area .action-list>ul li{padding: 15px 0; color: #DCE3E8; letter-spacing: 0; line-height: 1.3; list-style: none;border-bottom: 1px solid #bfbfbf;}
body.mobile .gitee-nav .slider-box>.content>.middle-area .action-list>ul li a{display: block; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #FFFFFF;}
body.mobile .gitee-nav .slider-box>.content>.bottom-area .slider-ctrl .fa{font-size: 1em; display: inline-block; color: #8C92A4; width: .5467rem;}
body.mobile .gitee-nav .slider-box>.content>.middle-area .action-list>ul li .item-name{margin-left: .266667rem; color: #DCE3E8; font-size: 0.9em;}
body.mobile .gitee-nav .slider-box>.content>.middle-area .action-list>ul li.split-line{height: 2px; opacity: 0.5; background: #515660;}
body.mobile .gitee-nav .slider-box>.content>.bottom-area .slider-ctrl{height: 38px; line-height: 38px; text-align: center; color: #8C92A4;}
body.mobile .gitee-nav .slider-box>.content>.bottom-area .slider-ctrl i.icon,
body.mobile .gitee-nav .slider-box>.content>.bottom-area .slider-ctrl i.iconfont,
body.mobile .gitee-nav .slider-box>.content>.bottom-area .slider-ctrl .fa{font-size: 20px; vertical-align: middle; color: #fff;}
body.mobile .gitee-nav .slider-box>.content>.top-area .buttons-box .button.orange{background: #FE7300;}
body.mobile .gitee-nav .slider-box>.content>.top-area .buttons-box .button:last-child{margin-bottom: 0;}
body.mobile .gitee-nav .slider-box>.content>.top-area .buttons-box .button{height: 1.5rem; line-height: 1; margin: .75rem 0; font-size: 14px; border-radius: .133rem; color: #fff;}
body.mobile .gitee-nav .center.nav-title{min-width: 0; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; overflow: hidden;}
body.mobile .gitee-nav>.item{height: 2rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
body.mobile .gitee-nav>.left-side.item span{font-weight: 100;font-size: 16px}
body.mobile .gitee-nav>.left-side.item span:before{font-family: "IcoFont"; content: "\e9de";}
body.mobile .gitee-nav .center.nav-title .nav-title-link{color: #FFFFFF; font-size: 18px; padding: 0 .48rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.33;}
body.mobile .gitee-nav .center.nav-title .nav-title-link>*:first-child{margin-left: 0;}
body.mobile .gitee-nav .center.nav-title .nav-title-link img{height: 1.5rem; vertical-align: middle;}
body.mobile .gitee-nav .center.nav-title .nav-title-link>*{margin-left: .16rem;}
.button.orange{background: #fe7300; border-color: #fe7300; color: #fff;}
.button.fluid{width: 100%;}
.button{display: inline-block; border: 1px solid #DCE3E8; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; padding: .16rem .32rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 12px;}
body.mobile .gitee-footer{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;-webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between;padding: 0 .44rem; background: #F8F8F8; -webkit-box-shadow: inset 0 1px 0 0 #c8c7cc;box-shadow: inset 0 1px 0 0 #c8c7cc;position: absolute;bottom: 0;width: 100%;height: 35px;}
body.mobile .gitee-footer .side{line-height: 2rem;}
body.mobile .gitee-footer .left-side img{height: 1.2rem; vertical-align: middle; display: inherit;}
body.mobile .gitee-footer .left-side>a>*{vertical-align: middle;}
body.mobile .gitee-footer .left-side .copyright{font-size: 14px; color: #9d9d9d; margin-left: .226667rem;}
/*browser 界面*/
body.mobile .main-container{-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 3rem;}
body.mobile .banner{background: url("../images/banner/m_banner.jpg");background-repeat: no-repeat;background-size: 100%;height: 200px}
body.mobile .search-margin{margin: -40px 10px 0 10px;box-shadow: 0px 3px 19px 0 rgba(0, 0, 0, 0.15)}
body.mobile .browser{}
body.mobile .browser [class$="-item"]:after{font-family: "IcoFont"; content: "\e9df"; right: 20px; position: absolute; top: 50%; transform: translate(0%, -50%); color: #999999;}
body.mobile .browser [class$="-item"].no-expand:after{height: 0;width: 0}
body.mobile .browser .open>[class$="-item"]:after{font-family: "IcoFont"; content: "\e9dd";}
body.mobile .browser .layer-1-item{position: relative; background: #FFFFFF; border-bottom: 1px solid #ececec; padding: 15px 20px; color: #606060;}
body.mobile .browser .layer-1-expand{position: relative; background: #FFFFFF; border-bottom: 1px solid #ececec; padding: 5px 20px;}
body.mobile .browser .layer-1-item:hover,body.mobile .browser .layer-1-item:focus,body.mobile .browser .layer-1-item:active{position: relative; background: #a0c36e; color: #FFFFFF;}
body.mobile .browser .layer-1-item>span{position: absolute; left: 55px; top: 50%; transform: translate(0%, -50%); font-size: 20px;}
body.mobile .browser .layer-1-item>.icon{width: 30px; height: 34px;}
body.mobile .browser .layer-1-item>.icon-src{background: url("../images/paper_icon_dark.png"); background-size: 100%,100%; background-repeat: no-repeat;}
body.mobile .browser .layer-1-item:hover>.icon-src,body.mobile .browser .layer-1-item:focus>.icon-src,body.mobile .browser .layer-1-item:active>.icon-src{background: url("../images/paper_icon.png"); background-size: 100%,100%; background-repeat: no-repeat;}
body.mobile .browser .layer-1-item:hover:after,body.mobile .browser .layer-1-item:focus:after,body.mobile .browser .layer-1-item:active:after{color: #FFFFFF}
body.mobile .browser .layer-2{margin: 0 0 5px 0; background: #F5F5F5;}
body.mobile .browser .layer-2-item{margin: 0 10px; padding: 10px 0px; position: relative;}
body.mobile .browser .layer-2-expand{margin: 0 10px; position: relative;}
body.mobile .browser .layer-2-item>.icon{width: 34px; height: 34px;}
body.mobile .browser .layer-2-item>.icon-src{background: url("../images/book_icon.png"); background-size: 100%,100%; background-repeat: no-repeat;}
body.mobile .browser .layer-2-item>span{position: absolute; left: 40px; top: 50%; transform: translate(0%, -50%); font-size: 16px; color: #333333;}
body.mobile .browser .layer-2-expand>li{list-style-type: disc; list-style-position: inside; color: #5D5E5F; border-top: 1px solid #CCCCCC; padding: 20px 0px; position: relative; font-size: 18px; margin: 0 6px;}
body.mobile .browser .layer-2-expand>li span{margin-left: -5px;}
body.mobile .browser .layer-3-item:after{right: -7px;}
body.mobile .browser .layer-3-expand{margin: 0 -5px 15px -5px;}
body.mobile .browser .layer-4-item{background: #E9E9E9; padding: 15px; font-size: 16px; color: #5D5E5F; margin-bottom: 5px;}
body.mobile .loading-progress{background: rgba(0,0,0,.4);width: 100%;height: 100%;position: fixed}
/*browser end*/
/*公众号浮动框*/
#leftsead{width:131px;height:143px;position:fixed;top:70%;right:0px;}
#leftsead li{width:131px;height:53px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}
#leftsead li a.wechat .hides{display:none;position:absolute;right:216px;top:-78px;}
/********************************************************************/
/*<end>*/
/*</>desmond*/
/*desmond*/
/*************************声明页*************************************/
#sp-page-builder .page-content .sppb-section:first-child{margin-top: 0;}
.sp-page-builder .page-content{padding: 70px 0px 70px; margin: 0px;}
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section{will-change: top;}
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section{z-index: 1; position: relative;}
.sp-page-builder .sppb-section{will-change: transform;}
.sppb-empty-space{height: 30px;}
.sppb-row-container{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
@media (min-width: 768px){.sppb-row-container{width: 750px;}}
@media (min-width: 992px){.sppb-row-container{width: 970px;}}
@media (min-width: 1200px){.sppb-row-container{width: 1170px;}}
/*<end>*/
/*</>desmond*/
/*desmond 首页搜索*/
@media screen and (max-width: 1440px){.search_box{left: 130px; top: 120px; width: 900px; position: absolute;}}
.index_search_choose{width: 400px; float: left; padding-left: 10px;}
.laborLawLibrary_title{
    font-size: 25px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}
.input_mode{/* padding: 2px 0 2px 0; */ border: 1px solid #0c71b4; border-right: 0 none; background: #fff; width: 580px; height: 48px; float: left; margin: 9px 0px 0 0px; /* border-radius: 3px 0 0 4px; */}
.btn.search-confirm{border-color: #a0c36e; background-color: #a0c36e;color: #fff;}
.btn.search-confirm:hover,
.btn.search-confirm:active,
.btn.search-confirm:focus{border-color: #699232; background-color: #699232; color: #fff;}
.btn.search-confirm.gap{margin-left: 10px}
.opacity-50{zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
@media (min-width: 768px){html{height: 100%;} body{height: 100%;}}
/* End of basic styles */
.home{width: 100%; overflow: hidden; height: 100%; position: relative; z-index: 10; background-color: #111111;}
.home .home-fullscreen{background-size: cover; width: 100%;}
#home .home-parallax{position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -1; overflow: hidden !important;}
#home .home-parallax .parallax-layer{width: 120%; height: 120%; position: absolute; left: -10%; top: -10%; background-size: cover; background-position: center center;}
*{margin:0;padding:0;list-style-type:none;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.mr20{margin-right:20px}
.zq-icon{display:inline-block;background:url(../images/hr_ico.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}
@media (min-width: 768px){.card-area{margin:40px auto 0;/**height:560px;width:1280px**/;position:relative;}}
@media (max-width: 768px){.card-area{width:100%;position:relative;}}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
@media (min-width: 768px){.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:335px;background-color:transparent}}
@media (max-width: 768px){.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;height:500px;background-color:transparent}}
.card-area .card-item+.card-item{margin-left:-1px}
@media (min-width: 768px){.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:transparent;border: 1px solid rgba(125,125,125,1)}}
@media (max-width: 768px){.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:transparent;border: 0px}}
@media (min-width: 768px){.card-area .card-item .card .card-content{width:100%;line-height:2;background:url("../images/book_select_bg.png");background-size: 100% 100%;overflow-x: hidden}}
@media (max-width: 768px){.card-area .card-item .card .card-content{width:100%;line-height:2;background-size: 100% 100%;overflow-x: hidden}}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);line-height:2;}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:100%;line-height:1.1;font-size:14px;top:0;background-color: #a0c36e;/*background:linear-gradient(120deg , #02ff0a63 0%, #dbf5d6 80%);*/}
.card-area .card-item .card .card-title .content{position:absolute;width:100%;margin-top: 20px;}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#eff9ee;margin-bottom:0;text-align: center}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.card-area .card-item .card .card-title .char{font-size:15px; font-weight:700;color:#eff9ee;text-align: center; width:100%;word-wrap:break-word;}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
@media (min-width: 768px){.card-area .card-item .card .card-content.content-second{margin:auto 0 auto auto;font-size:14px;color:#a9b0b4;text-align:center;}}
@media (max-width: 768px){.card-area .card-item .card .card-content.content-second{width:100%;margin:auto;font-size:14px;color:#a9b0b4;text-align:center;}}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
@media (min-width: 768px){.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);}}
@media (max-width: 768px){.card-area .card-item.active{z-index:6;}}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.card-area .card-item.active .card .card-content.content-second{height:100%;transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}
.card-area .card-item.inactive .card .card-content{display: none}
.card-area .card-item.inactive .card .card-title h1{width:100%;word-wrap:break-word;margin: -50px 0 0 10px;letter-spacing:80px;/* Set large letter-spacing as precaution */}
@media (min-width: 768px){.entry_box ul{margin: 5px 20px 5px 20px;}}
@media (max-width: 768px){.entry_box li{float: left; width: 32.3%; height: 150px; margin: 1.5px; cursor: pointer;list-style-type: none; vertical-align: 0;}}
.entry_box ul > li:first-child{border-top: 0;}
@media (min-width: 768px){.entry_box ul > li{display: block;padding: 0;line-height: 1.4;border-top: 1px solid #a2a2a2;text-align: left;-webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;}}
@media (max-width: 768px){.entry_box ul > li{display: block;padding: 0;line-height: 1.4;-webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;}}
@media (max-width: 768px){.entry_box ul > li:hover,.entry_box ul > li:focus,.entry_box ul > li:active{background: #CECECE}}
@media (min-width: 768px){.entry_box ul > li a{font-weight: 400; display: block; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; padding: 15px;}}
@media (max-width: 768px){.entry_box ul > li a{font-weight: 400; display: block; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; padding: 15px 0 15px 0;}}
@media (min-width: 768px){.entry_box ul > li a{color: #FFFFFF; background-color: rgba(0,0,0,0);}}
@media (max-width: 768px){.entry_box ul > li a{text-align: center;color: #000000;background-color: rgba(0,0,0,0);}}
@media (min-width: 768px){.entry_box ul > li a:focus,.entry_box ul > li a:hover,.entry_box ul > li a:active{color: #7D7D7D; background-color: #a0c36e;}}
@media (min-width: 768px){.entry_box ul > li .box-icon-frame{width: 0px;height: 0px;}}
@media (max-width: 768px){.entry_box ul > li .box-icon-frame{width: 55px;height: 55px;border-radius: 10%;background: #a0c36e;margin: 20px auto 0 auto;padding-top: 10px}}
@media (min-width: 768px){.entry_box ul > li .box-icon-src{width: 0px;height: 0px;}}
@media (max-width: 768px){.entry_box ul > li .box-icon-src{width: 30px;height: 38px;margin: 0 auto;}}
.entry_box ul > li .paper-icon{background: url("../images/paper_icon.png");background-repeat: no-repeat;background-size: 100%,100%;}
.entry_box ul > li .hr-icon{background: url("../images/hr_icon.png");background-repeat: no-repeat;background-size: 100%,100%;}
.book-shadow{background: url("../images/shadow.png"); background-size: 100% 100%; height: 40px;z-index: 2;position: relative;}
.pop-index-cover{position: absolute; bottom: -529px; top: 330px; background: rgba(58, 58, 58, 0.7); width: 100%; z-index: 1; display: none;}
.book-mid-level{padding-top: 150px; padding-bottom: 100px; background: #fff; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(31, 31, 31, 0.79);}
.book-mid-level a{color: #6d6d6d;}
.book-mid-level .level-3-title{width: 100%; height: 40px; background: #a0c36e; display: flex; padding: 0 20px;}
.book-mid-level .level-3-title span{font-size: 18px; color: #FFFFFF; margin: auto 0; width: 100%}
.book-mid-level .level-3-title i{font-size: 20px; color: #FFFFFF; margin: auto 0;}
.book-mid-level .level-3-title i:hover,.book-mid-level .level-3-title i:active,.book-mid-level .level-3-title i:focus{font-size: 20px; color: #6E6E6E; margin: auto 0;}
.book-mid-level .level-4-title{font-size: 16px; font-weight: 300; color: #6d6d6d; padding: 15px 60px 15px 60px; margin: 0 -40px; border-bottom: 1px solid #d6d6d6;cursor: pointer;}
.book-mid-level .level-4-title i{font-size: 20px; float: right; margin-top: 3px;}
.book-mid-level .level-4-title i:hover,.book-mid-level .level-4-title i:active,.book-mid-level .level-4-title i:focus{font-size: 20px; float: right; margin-top: 3px; color: #343434;}
.book-mid-level .level-4-title .level-4-content{font-size: 12px; font-weight: 200; line-height: 1.5;}
.book-mid-level .level-5-title{background: #efefef; margin: 10px -20px -6px -20px; padding: 8px 20px 8px 20px; overflow-x: hidden; text-overflow: ellipsis;}
/*end*/

/** 首页合通机器人样式 */
.info-hetong-robot{text-align: center; height: 95px;border-radius: 34px; flex: 0 0 95%; display: flex; flex-direction: row;}
.info-hetong-robot.hetong-robot{background-image: url("../images/indexImg/hetong_robot.jpg");background-size: 100% 100%; cursor: pointer;}
.info-hetong-robot .info-hetong-first{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-left: 33px;margin-right: 21px;padding-bottom: 6px;}
.info-hetong-robot .info-hetong-second{margin-top: 34px;text-align: left}
.info-hetong-robot .info-hetong-third{margin-top: 32px;text-align: left;padding-left: 421px;}

.info-hetong-robot .module-icon{background-size: 100% 100%; height: 63px; width: 168px; background-repeat: no-repeat;background-position: center;}
.info-hetong-robot .module-icon.hetong-robot-icon{background-image: url("../images/indexImg/hetong_robot_logo.png");}
.info-hetong-robot .module-solid{border:1px solid #999;float:left;height:50px;}
.info-hetong-robot .module-describe{font-family: PingFangSC-Light;color: #56575C;width: 100%;font-size: 18px;letter-spacing: 0; width: 490px;height: 50px;padding-left: 25px;line-height: 25px;}
.info-hetong-robot .module-next{ background-color: #A0C36E; border-radius: 23px; width: 168px;height: 45px;text-align: center; padding-top: 7px;}
.info-hetong-robot .module-next a{font-family:PingFangSC-Regular;color: #FFFFFF;width: 100%;font-size: 18px; height: 25px;}

/** 劳动法宝页合通机器人样式 */
.laborLawLibrary_hetong{justify-content: center; width: 62.3%;margin:0 auto;}
.info-hetong-robot2{text-align: center; height: 88px;border-radius: 34px; flex: 0 0 95%; display: flex; flex-direction: row;}
.info-hetong-robot2.hetong-robot2{background-image: url("../images/indexImg/hetong_robot.jpg");background-size: 100% 100%; cursor: pointer;}
.info-hetong-robot2 .info-hetong-first{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-left: 33px;margin-right: 21px;padding-bottom: 6px;}
.info-hetong-robot2 .info-hetong-second{margin-top: 34px;text-align: left}
.info-hetong-robot2 .info-hetong-third{margin-top: 32px;text-align: left;padding-left: 255px;}

.info-hetong-robot2 .module-icon{background-size: 100% 100%; height: 63px; width: 168px; background-repeat: no-repeat;background-position: center;}
.info-hetong-robot2 .module-icon.hetong-robot-icon{background-image: url("../images/indexImg/hetong_robot_logo.png");}
.info-hetong-robot2 .module-solid{border:1px solid #999;float:left;height:50px;}
.info-hetong-robot2 .module-describe{font-family: PingFangSC-Light;color: #56575C;width: 100%;font-size: 18px;letter-spacing: 0; width: 490px;height: 50px;padding-left: 25px;line-height: 25px;}
.info-hetong-robot2 .module-next{ background-color: #A0C36E; border-radius: 23px; width: 168px;height: 45px;text-align: center; padding-top: 7px;}
.info-hetong-robot2 .module-next a{font-family:PingFangSC-Regular;color: #FFFFFF;width: 100%;font-size: 18px; height: 25px;}

.search{background-image: url("../images/indexImg/magnifier.png");background-size: 100% 100%;height: 34px; width: 34px;margin-bottom: 3px}
.calculator{background-image: url("../images/indexImg/calculator.png");background-size: 100% 100%;height: 34px; width: 34px;margin-bottom: 3px}
.regulationSearch{background-image: url("../images/indexImg/regulationSearch.png");background-size: 100% 100%;height: 30px; width: 26px;margin-bottom: 3px}
.bulb{background-image: url("../images/indexImg/bulb.png");background-size: 100% 100%;height: 34px; width: 30.2px;margin-bottom: 3px}
.robot{background-image: url("../images/indexImg/robot.png");background-size: 100% 100%;height: 32px; width: 34px;margin-bottom: 3px}
.microClass{background-image: url("../images/indexImg/microClass.png");background-size: 100% 100%;height: 32px; width: 34px;margin-bottom: 3px}
.info-module.active .search{background-image: url("../images/indexImg/magnifierCopy.png");}
.info-module.active .calculator{background-image: url("../images/indexImg/calculatorCopy.png");}
.info-module.active .regulationSearch{background-image: url("../images/indexImg/regulationSearchCopy.png");}
.info-module.active .bulb{background-image: url("../images/indexImg/bulbCopy.png");}
.info-module.active .robot{background-image: url("../images/indexImg/robotCopy.png");}
.info-module.active .microClass{background-image: url("../images/indexImg/microClassCopy.png");}

.info-module .module-icon.marriage{background-image: url("../images/marriage_none.png");}
.info-module.active .module-icon.marriage{background-image: url("../images/marriage_selected.png");}
.info-module .module-icon.house{background-image: url("../images/house_none.png");}
.info-module.active .module-icon.house{background-image: url("../images/house_selected.png");}

.info-module .module-icon.search{background-image: url("../images/indexImg/magnifierCopy.png");}
.info-module.active .module-icon.search{background-image: url("../images/indexImg/magnifier.png");}
.info-module .module-icon.calculator{background-image: url("../images/indexImg/calculatorCopy.png");}
.info-module.active .module-icon.calculator{background-image: url("../images/indexImg/calculator.png");}
.info-module .module-icon.regulationSearch{background-image: url("../images/indexImg/regulationSearchCopy.png");}
.info-module.active .module-icon.regulationSearch{background-image: url("../images/indexImg/regulationSearch.png");}
.info-module .module-icon.bulb{background-image: url("../images/indexImg/bulbCopy.png");}
.info-module.active .module-icon.bulb{background-image: url("../images/indexImg/bulb.png");}
.info-module .module-icon.robot{background-image: url("../images/indexImg/robotCopy.png");}
.info-module.active .module-icon.robot{background-image: url("../images/indexImg/robot.png");}

.info-module .module-icon.microClass {
    background-image: url("../images/indexImg/regulationSearchCopy.png");
}

.info-module.active .module-icon.microClass {
    background-image: url("../images/indexImg/regulationSearch.png");
}


/*.info-module.active .module-icon.search{background-image: url("../images/search_selected.png");}*/
.info-module .module-icon.contract{background-image: url("../images/contract_none.png");}
.info-module.active .module-icon.contract{background-image: url("../images/contract_selected.png");}

.info-module .module-icon.circle {
    background-image: url("../images/u12.png");
    width: 46px;
    height: 46px;
    margin-top: 17.5px;
    font-weight: bolder;
    line-height: 46px;
}

.info-module.active .module-icon.circle {
    background-image: url("../images/u12.png");
    width: 80px;
    height: 80px;
    margin-top: 0px;
    font-weight: bolder;
    line-height: 80px;
}

.info-module .module-icon.circle1 {
    background-image: url("../images/u12.png");
    width: 46px;
    height: 46px;
    margin-top: 17.5px;
    font-weight: bolder;
    line-height: 46px;
}

.team-title, .about-title, .news-overview-title, .team-brief-title, .about-brief-title {
    font-size: 16px;
    color: #565656;
    font-weight: 500;
    margin-left: 20px;
}

.team-title span, .about-title span, .news-overview-title span {
    font-size: 12px;
}

.team-border-line, .about-border-line {
    height: 1px;
    background: #636363;
    margin-bottom: 20px;
}

.news-overview-line {
    height: 1px;
    background: #636363;
    margin-bottom: 10px;
}

.team-divide-line {
    height: 1px;
    background: #9e9e9e;
}

.team-pic {
    background: url("../images/team_info.jpg");
    background-size: 100% 100%;
    height: 350px;
    margin: 10px 0
}

.team-pic2 {
    background: url("../images/team_info2.jpg");
    background-size: 100% 100%;
    height: 350px;
    margin: 10px 0
}

.team-brief-title {
    color: #a0c36e;
}

.team-brief-content {
    padding: 20px;
    font-size: 14px;
    line-height: 1.5
}

.team-brief-divide {
    height: 3px;
    width: 30px;
    margin-left: 20px;
    background: #565656;
}

.news-overview-divide {
    height: 3px;
    width: 30px;
    margin-top: 10px;
    margin-left: 20px;
    background: #565656;
}

.team-brief-next {
    margin-left: 20px;
    position: absolute;
    bottom: 20px;
    border-bottom: 2px solid #a0c36e;
}

.news-overview-next {
    margin-left: 20px;
    margin-top: 10px;
    width: 60px;
    border-bottom: 2px solid #a0c36e;
}

.news-overview-divide.right, .news-overview-next.right {
    text-align: right;
    margin: 10px 20px 0px auto;
}

.news_overview_item {
    height: 35px;
    padding-top: 5px;
    margin: 0px;
}

.news_overview_item_divider {
    border-top: 1px dashed #d6d6d6;
}

.news_overview_item_title {
    color: #6d6d6d;
    font-size: 14px;
    line-height: 1.5;
    padding: 0px 0px 0px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_overview_item_title a{color: #6d6d6d}
.news_overview_item_time {text-align: right; color: #6d6d6d; font-size: 14px; line-height: 1.5; padding: 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.team-brief-next a,.news-overview-next a{color: #a0c36e;}
.news-overview-next.right{color: #a0c36e;}
.about-pic{background: url("../images/about_info.png"); background-size: 100% 100%; height: 350px;}
.about-brief{position: absolute; right: 0px;}
.about-brief-title{margin-left: 0px;}
.about-brief-content{right: 0px; font-size: 14px; line-height: 1.5; margin-top: 10px;}
.about-brief-divide1{height: 3px; width: 30px; background: #a0c36e; position: absolute; right: 20px; margin-top: 50px}
.about-brief-divide2{height: 1px; width: 110px; background: #565656; position: absolute; right: 20px; margin-top: 60px}
/*end*/
/*desmond 计算器*/
.cal-title{width: 400px; padding-left: 10px; margin: 0 auto;}
.cal-icon-center{width: 100%}
.cal-icon-center .bg{width: 14.2%;  height: 130px;  border-radius: 10%;  margin: 10px auto 0 auto;float: left;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.cal-icon-center .bg:hover{background: url("../images/cal-item-bg.png"); background-size: 100% 100%;background-repeat: no-repeat;}
.cal-icon-center .icon-bg{height:105px; width: 105px; background: url("../images/cal-icon-bg.png"); background-size: 85% 85%;background-repeat: no-repeat; padding: 18px 18px 18px 18px; margin: 15px 16px -7px 36px;}
.cal-icon-center .icon{width: 80%; height: 80%}
.cal-icon-center .compensation{background: url("../images/calculator/compensation.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .anl{background: url("../images/calculator/anl.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .ave-salary{background: url("../images/calculator/ave-salary.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .bday{background: url("../images/calculator/bday.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .bnstax{background: url("../images/calculator/bnstax.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .comprehensive-tax{background: url("../images/calculator/comprehensive-tax.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .comptax{background: url("../images/calculator/comptax.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .inj{background: url("../images/calculator/inj.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .maternity{background: url("../images/calculator/maternity.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .tax_setting{background: url("../images/calculator/tax_setting.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .mdp{background: url("../images/calculator/mdp.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .min-salary{background: url("../images/calculator/min-salary.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .ot{background: url("../images/calculator/ot.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .si{background: url("../images/calculator/si.png"); background-size: 100% 100%; background-repeat: no-repeat; }
.cal-icon-center .text{text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.cal-pop-content-bg{padding-top: 30px; padding-bottom: 100px; background: #f9f9f9; box-shadow: 0 2px 4px 0 rgba(135,152,164,0.3); -webkit-box-shadow: 0 2px 4px 0 rgba(31, 31, 31, 0.79);}
.cal-pop-content-bg .result-frame,#mb-main-body .result-frame{height: 100%; border-radius: 4px;background: #fff;}
.cal-pop-content-bg .result-frame .result-inner{border-radius: 5px; height: 100%; padding: 50px 40px 30px 30px;}
#mb-main-body .result-frame .result-inner{padding: 20px 20px 20px 20px;}
.cal-pop-content-bg .result-frame .result-inner h3,#mb-main-body .result-frame .result-inner h3{text-align: center; padding-bottom: 10px;}
.cal-pop-content-bg .result-frame .result-inner .ico-check-circled,#mb-main-body .result-frame .result-inner .ico-check-circled {color: #A0C36E; text-align: center;}
.cal-pop-content-bg .result-frame .result-inner .ico-close-circled,#mb-main-body .result-frame .result-inner .ico-close-circled{color: #c3162e; text-align: center;}
.cal-pop-content-bg .result-frame .result-inner .announce,#mb-main-body .result-frame .result-inner .announce {font-size: 10px; text-align: center; color: #212529;}
.cal-pop-content-bg .result-frame .result-inner .main_ans,#mb-main-body .result-frame .result-inner .main_ans{margin-top:20px;font-weight: 400; font-size: 16px; color: #0d2054;}
.cal-pop-content-bg .result-frame .result-inner .main_ans p,#mb-main-body .result-frame .result-inner .main_ans p{line-height: 2; margin: 0;}
.cal-pop-content-bg .result-frame .result-inner .sub_ans,#mb-main-body .result-frame .result-inner .sub_ans{margin-top: 10px; font-weight: 300; font-size: 14px; color: #0d2054;}
.cal-pop-content-bg .result-frame .result-inner .sub_ans p,#mb-main-body .result-frame .result-inner .sub_ans p{line-height: 2; margin: 0;}
.cal-pop-content-bg .result-frame .result-inner .message,#mb-main-body .result-frame .result-inner .message{margin-top: 5px; font-weight: 300; font-size: 15px; color: #0e74ff;}
.cal-pop-content-bg .result-frame .result-inner .message p,#mb-main-body .result-frame .result-inner .message p{line-height: 1.5; margin: 0;}
.cal-pop-content-bg .result-frame .result-inner .alert,#mb-main-body .result-frame .result-inner .alert{margin-top: 5px; font-weight: 300; font-size: 15px; color: #db3d3c; padding: 0;  margin-bottom: 0;  border: 0 solid transparent;  border-radius: 0;}
.cal-pop-content-bg .result-frame .result-inner .alert p,#mb-main-body .result-frame .result-inner .alert p{line-height: 1.5; margin: 0;}
.cal-pop-content-bg .result-frame .result-inner .figure,#mb-main-body .result-frame .result-inner .figure{margin-top: 15px; font-weight: 100; font-size: 10px; color: #1f1f1f;}
.cal-pop-content-bg .result-frame .result-inner .figure p,#mb-main-body .result-frame .result-inner .figure p{line-height: 1.5; margin: 0;}
.cal-pop-content-bg .result-frame .result-inner .laws,#mb-main-body .result-frame .result-inner .laws{margin-top: 3px; font-weight: 100; font-size: 10px; color: #1f1f1f;}
.cal-pop-content-bg .result-frame .result-inner .laws p,#mb-main-body .result-frame .result-inner .laws p{line-height: 1.5; margin: 0;}
.cal-pop-content-bg .result-frame .result-inner .housing-each-result,#mb-main-body .result-frame .result-inner .housing-each-result{margin-bottom: 1em;}
.cal-pop-content-bg .result-frame .result-inner .housing-item-title,#mb-main-body .result-frame .result-inner .housing-item-title{margin-top: 5px; font-weight: 300; font-size: 16px; color: #188ec4;}
.cal-pop-content-bg .result-frame .result-inner .housing-item-content,#mb-main-body .result-frame .result-inner .housing-item-content{font-weight: 300; font-size: 16px; color: #314659; white-space: pre-line;}
.cal-form label{font-size: 12px; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis }
.cal-form label.hint{color: #7C7C7C}
.cal-form .multi{line-height: 1.5; white-space: normal;}
.cal-form label .star{color: red}
.cal-form .sub-title{color: #7C7C7C}
.cal-form .form-control{padding: 0.4rem 0.4rem}
.cal-form#compensation_tax .form-group,.cal-form #si_rate_area .form-group{margin-bottom: 1rem;}
.cal-form .chzn-choices input[type="text"]{padding: 8px 12px !important; min-height: 32px;}
.cal-form .chzn-container-single .chzn-single{height: 32px; line-height: 32px; border-radius: 2px;}
.cal-form .chzn-container .chzn-single div:after{ top:13px ;}
.cal-form .center{text-align: center}
.cal-form .error{color: red}
/*desmond 购买页面*/
@media (min-width: 768px){.product-purchase-title{font-size: 16px; color: #565656; font-weight: 500; margin-left: 20px;}}
@media (max-width: 768px){.product-purchase-title{margin: 0; font-weight: 400; font-size: 14px; color: rgba(69,90,100,.6);padding: 10px 15px;}}
.product-purchase-title span{font-size: 12px;}
.product-purchase-line{height: 1px; background: #636363; margin-bottom: 10px;}
@media (min-width: 768px){.product-purchase-item{padding-top: 5px;margin: 0;}}
@media (max-width: 768px){.product-purchase-item{padding: 20px 15px 0 15px;margin: 0;display: flex;}}
.product-purchase-item .icon{background: url("../images/product_book_img.png") center center no-repeat;  background-size: 100% 100%;  width: 45px;  height: 45px;  border: 0px solid transparent;  display: inline-block;  }
.product-purchase-item input[type='checkbox'] {display: none;}
.product-purchase-item input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
@media (min-width: 768px){.product-purchase-item label{display:inline-block;cursor:pointer;width: 100%;margin-top: 6px;}}
@media (max-width: 768px){.product-purchase-item label{display:inline-block;cursor:pointer;width: 100%;margin: 10px 0 0 15px}}
.product-purchase-item label input[type="checkbox"] + span{width:20px;height:20px;display:inline-block;vertical-align: middle;background: url("../images/product_choice_none.png") left center no-repeat;background-size: 100% 100%;margin-right: 10px;margin-top: -4px;}
.product-purchase-item label input[type="checkbox"]:checked + span{background: url("../images/product_choice_selected.png") left center no-repeat;background-size: 100% 100%;}
.product-purchase-item .text{font-size: 16px;color: #565656;font-weight: 500;display: inline;vertical-align: middle;}
/*劳动法宝首页*/
.laborLawLibrary_que input[type='checkbox'] {display: none;}
.laborLawLibrary_que input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
@media (min-width: 768px){.laborLawLibrary_que label{display:inline-block;cursor:pointer;width: 100%;margin-top: 6px;}}
@media (max-width: 768px){.laborLawLibrary_que label{display:inline-block;cursor:pointer;width: 100%;margin: 10px 0 0 15px}}
.laborLawLibrary_que label input[type="checkbox"] + span{width:20px;height:20px;display:inline-block;vertical-align: top;background: url("../images/product_choice_none.png") left center no-repeat;background-size: 100% 100%;margin-right: 10px;margin-top: 4px;}
.laborLawLibrary_que label input[type="checkbox"]:checked + span{background: url("../images/product_choice_selected.png") left center no-repeat;background-size: 100% 100%;}
.laborLawLibrary_que .text{font-size: 16px;color: #565656;font-weight: 500;display: inline-block;vertical-align: middle;width: 80%;}
/*end*/
/*desmond cll 手机端页面*/
#cll-component {height: 580px}
#cll-component .cal-item{width: 25%;text-align: center;padding: 15px 0 15px 0;}
#cll-component .icon{font-size: 28px;}
#cll-component .icon.green{color: #A0C36E;}
#cll-component .name{margin-top: 10px;}
.cal-form h2{margin: 0;font-weight: 400;font-size: 14px;color: rgba(69,90,100,.6);padding: 10px 15px;}
.cal-form .cell {width: 100%;display: -webkit-box;display: -webkit-flex;display: flex;padding: 10px 15px;box-sizing: border-box;line-height: 24px;position: relative;background-color: #fff;color: #323233;font-size: 14px;overflow: hidden;}
.cal-form .cell .commit{width: 100%;}
.cal-form .cell:not(:last-child):after {content: " ";position: absolute;pointer-events: none;box-sizing: border-box;left: 15px;right: 0;bottom: 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);border-bottom: 1px solid #ebedf0;}
.cal-form .cell .third{width: 33.3%}
.cal-form .title{width: 50%;font-size: 14px;font-weight: 400;}
.cal-form .cell label.third{font-size: 14px;font-weight: 400;}
.cal-form .cell .third.title{background-color: black;color: #ececec;}
.cal-form .cell .third input{width:70%}
.cal-form .value{width: 50%;font-size: 14px;font-weight: 300;}
.cal-form .value.right{text-align: right}
.cal-form .value input,.cal-form .value textarea{padding: 0.2rem 0.2rem;border-radius: 2px;border: 0;display: block;width: 100%;color: #969799;background-color: transparent;background-clip: padding-box;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin: 0;resize: none;box-sizing: border-box;}
.cal-form .value input:focus,.cal-form .value textarea:focus{outline: none;background-color: transparent;}
@media (min-width: 768px){.cal-form .value input,.cal-form .value textarea{font-size: 1rem;line-height: 1.25;}}
@media (max-width: 768px){.cal-form .value input,.cal-form .value textarea{font-size: 14px}}
/*end*/
/*desmond common*/
.error-from{color: red;}
.cal-form .commit,.product-purchase .commit,.login-btn{background-color: #A0C36E;  font-size: 0.750rem;  line-height: 1;  font-weight: 400;  border-radius: 2px;  padding: 0.688rem 0.938rem;  display: inline-block;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  transition: all .15s ease-in-out;  outline:none;  color: ghostwhite;  border: 1px solid transparent;}
.cal-form .commit:hover,.product-purchase .commit:hover,.login-btn:hover { background-color:#5cbf2a; }
.cal-form .commit:active,.product-purchase .commit:active,.login-btn:active { background-color:#5cbf2a; }
/*end*/
/*laborLawLibrary*/
#citySelected a.active {
    background-color: rgba(242, 242, 242, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 2px;
    color: #333333;
    box-shadow: none;
    height: 29px;
}

#citySelected a {
    color: #666;
    display: inline-block;
    padding: 0px 7px;
    margin-top: 5px;
    margin-left: 5px;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.laborLawLibrary_tag_div {
    width: 62.3%;
    margin: 0 auto;
}
.laborLawLibrary_tag_div .row {
    display: flex;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 22px;
}
.laborLawLibrary_tag {
    line-height: 16px;
    width: 20%;
}
.laborLawLibrary_tag div {
    color:rgba(255,255,255,0.0)
}
.laborLawLibrary_tag div:hover {
    background: #A0C36E !important;
    font-family: STHeitiSC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}
.laborLawLibrary_div {
    width: 100%;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    position: relative;
}
.laborLawLibrary_div span {
    position: absolute;
    /*background: #A0C36E !important;*/
    background: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.laborLawLibrary_div img {
    width: 100%;
    height: 100%;
}
.laborLawLibrary_div:hover,
.laborLawLibrary_div:active,
.laborLawLibrary_div:focus {
    background-color: rgba(102, 102, 102, 1);
    color:#FFFFFF;
}
.laborLawLibrary_div:hover span,
.laborLawLibrary_div:active span,
.laborLawLibrary_div:focus span {
    background: #A0C36E !important;
}
.laborLawLibrary_div_select span {
    background: #A0C36E !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
}
.laborLawLibrary_div_select img {
    width: 100%;
    height: 100%;
}
.laborLawLibrary_div_select {
    background: #A0C36E !important;
    font-family: STHeitiSC-Medium;
    font-size: 14px;
    color: #FFFFFF !important;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    color: #333333;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.laborLawLibrary_que {
    min-height: 200px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    box-shadow: none;
    width: 62.3%;
    margin: 0 auto;
    padding: 40px 40px;
    background: #F5FFF8;
    border: 1px solid #D9F5B1;
    display: flex;
    flex-wrap: wrap;
}
.laborLawLibrary_que ul li {

    overflow:hidden;
    text-overflow:ellipsis;
    /*white-space:nowrap;*/
}


.laborLawLibrary_hotQue {
    width: 62.3%;
    margin: 0 auto;
    background: url("/static/images/laodongfabaoPlate/bg2.png") no-repeat center bottom ;
    background-size: 49%;
    /*margin-top: 38px;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 86px;
    align-items: flex-end;
}
.laborLawLibrary_hotQue ul{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #535151;
    letter-spacing: 0;
    width: 30.5%;
}
.laborLawLibrary_hotQue ul li{

    height: 76px;
    border: 1px solid #CDDED3;
    background: #FFFFFF;
    margin-bottom: 12px;
    padding: 0 30px;
    vertical-align: middle;
    line-height: 16px;
    display: flex;
    align-items: center;

}
.recommendedRegulations {
    background: #EDEEEF;
    padding: 42px 20.7%;
}
.recommendedRegulations_div {
    margin-top: 81px;
    margin-bottom: 37px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 314px;
}
.recommendedRegulations_div1 {
    height: 175px;
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #838080;
    letter-spacing: 0;
    line-height: 24px;
    word-wrap: break-word;
    padding: 79px 16px 24px 16px;
    background: #fff;
}
.recommendedRegulations_div2 {
    width: 100%;
    height: 88px;
    background: #F1F2F3;
    padding: 23px 145px 32px 4px;
    border-bottom: 1px solid #B8B5B5;

    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #A9A5A5;
    letter-spacing: 0;
    line-height: 33px;
}
.recommendedRegulations_div img {
    width: 30px;
    height: 30px;
}
.recommendedRegulations_div ul {
    /*display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;*/
}
.recommendedRegulations_div ul li {
    width: 285px;
    height: 263px;
    background: #FAFBFC;
    border: 1px solid #B8B5B5;
}
.recommendedRegulations_cd {
    width: 285px !important;
    height: 314px !important;
}
.recommendedRegulations_cd img {
    width: 100%;
    height: auto;
}
.recommendedCase-day {
    font-family: PingFangSC-Regular;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0;
    border-bottom: #fff 1px solid;
    text-align: center;
}
.recommendedCase-year {
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0;
}
.recommendedRegulations_cd_div {
    width: 100%;
    height: 218px;
    background: #A0C36E;
    font-family: PingFangSC-Regular;
    color: #FFFFFF;
    justify-content: center;
    text-align: center;

    padding: 44px 21px 54px 21px;
}
.recommendedRegulations_cd_div a {
    color: #fff;
}
.recommendedCase {
    background: #3C3C3D;
    padding: 68px 0px 41px 0px;
}
.recommendedCase-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.recommendedCase-div img {
    width: 394px;
    height: 252px;
    margin-right: 80px;
}
.recommendedCase-div ul li {
    display: flex;
    flex-direction: row;
    width: 596px;
    height: 58px;
    color: #fff !important;
    align-items: center;
    padding: 9px 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommendedRead-div .bx-prev {
    left: -60px !important;
    background: url("/static/images/laodongfabaoPlate/left3.png") !important;
    background-size: contain !important;
}
.recommendedRead-div .bx-next {
    right: -60px !important;
    background: url("/static/images/laodongfabaoPlate/right3.png") !important;
    background-size: contain !important;
}
.aboutUs {
    background: #EDEEEF;
    text-align: center;
    padding-top: 47px;
    padding-bottom: 54px;
}
.recommendedRead {
    padding-top: 15px;
    padding-bottom: 15px;
}
.recommendedRead-div .container {
    /*height: 267px;*/
    /*width: 65%;*/
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.recommendedRead-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*height: 267px;*/
    justify-content: center;
}
.recommendedRead-div-img {
    width: 30px;
    height: 30px;
}
.recommendedCase-div ul li:hover {
    background: #A0C36E;
}
.recommendedCase-div ul li a{
    color: #fff;
}
.recommendedRegulations_cd_div a:hover {
    color: #fff;
}
.recommendedRegulations_cd_div1 {
    margin-bottom: 15px;
}
.laborLawLibrary_hotQue ul li a:hover {
    color: #fff !important;
}
.laborLawLibrary_hotQue ul li:hover{
    background: #A0C36E;
    color: #fff !important;
    border: 1px solid #A0C36E;
}
/*.laborLawLibrary_que ul {*/
/*    width: 48%;*/
/*    font-family: 'Arial Normal', 'Arial';*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-size: 16px;*/
/*    color: #333333;*/
/*    line-height: normal;*/
/*    line-height: 30px;*/
/*}*/
/*.laborLawLibrary_que ul li:hover{*/
/*    color: #22d05d;*/
/*}*/
.laborLawLibrary_que .text:hover{
    color: #22d05d;
}
.laborLawLibrary_que label{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.laborLawLibrary_tit {
    height: 63px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(242, 242, 242, 1);
    border-radius: 0px;
    box-shadow: none;
    margin-right: 6%;
    margin-left: 6%;
    padding: 40px 40px;
    margin-top: 30px;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
}
.laborLawLibrary_area0 {
    margin-top: 30px;
    background: url("/static/images/laodongfabaoPlate/bg1.png") no-repeat 100%;
    padding-top: 30px;
    padding-bottom: 53px;
}
.laborLawLibrary_area {
    width: 61.8%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}
.laborLawLibrary_area0 ul li {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.laborLawLibrary_area_left {
    /*float: left;*/
    margin-bottom: 30px;
    width:49.5%;
    height: 304px;
    margin-right: 1%;

    display: flex;
    flex-direction: row;
}
.laborLawLibrary_area_right {
    /*float: right;*/
    margin-bottom: 30px;
    width:49.5%;
    height: 304px;

    display: flex;
    flex-direction: row;
}
.laborLawLibrary_area_left div {
    padding: 20px;
    width: 69.6%;
}
.laborLawLibrary_area_right div {
    padding: 20px;
    width: 69.6%;
}
.next-button {
    width: 100px;
    height: 24px;
    border: 1px solid #979797;
    border-radius: 12px;
    color: #000000;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.next-button:hover{
    color: #22d05d;
    border: 1px solid #22d05d;
}
.seeMore {
    width: 100px;
    height: 24px;
    border: 1px solid #979797;
    border-radius: 12px;
    color: #fff;

    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: center;
    margin-top: 53px;
    font-size: 10px;
    align-items: center;
}
.seeMore img {
    width: 9px;
}
.mobile-laodongfabao {
    background: #a0c36e;
    margin-top: 0px !important;
    border-radius: 3px;
    line-height: 45px;
    color: #fff !important;
    font-weight: bolder !important;
}
.mobile-laodongfabao img {
    float: left;
    margin-left: 4.5px;
    margin-top: 4.5px;
    margin-right: 10px;
}
.mobile-laodongfabao .text{
    color: #fff;
}
.mobile-laodongfabao span{
    font-weight: 400 !important;
    float: right;
    border: 1px #fff solid;
    height: 20px;
    /*margin-top: 13px;*/
    margin-right: 10px;
    margin-bottom: 10px;
    width: 30%;
    text-align: center;
    border-radius: 30px;
    line-height: 19px;
    font-size: 11px;
}
.laborLawLibrary_area div {
    background: inherit;
    background-color: #f5fff8;;
    box-sizing: border-box;

    font-family: STHeitiSC-Medium;
    font-size: 14px;
    color: #606160;
    letter-spacing: 0;
    line-height: 24px;
}
.laborLawLibrary_area div span {
    font-family: STHeitiSC-Medium;
    font-size: 18px;
    color: #A0C36E;
    letter-spacing: 0;
    padding-bottom: 7px;

    border-bottom: #e4f3dd solid 1px;
    display: block;
    width: 90%;
}
.laborLawLibrary_area ul {
    margin-top: 10px;
}
.laborLawLibrary_area ul li:hover{
    color: #22d05d;
}
.laborLawLibrary_law {
    width: 88%;
    height: auto;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(242, 242, 242, 1);
    border-radius: 0px;
    box-shadow: none;
    margin-right: 6%;
    margin-left: 6%;
    padding: 40px 40px;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 16px;
    float: left;
}
.laborLawLibrary_law div {
    float: left;
}
.laborLawLibrary_law li {
    clear: both;
}
.laborLawLibrary_law li :hover{
    color: #22d05d;
}
.laborLawLibrary_law_time {
    margin-right: 40px;
}
.laborLawLibrary_book {
    margin-top: 30px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(242, 242, 242, 1);
    border-radius: 0px;
    box-shadow: none;
    margin-right: 6%;
    margin-left: 6%;
    padding: 40px 10px;
    min-height: 390px;
}
.laborLawLibrary_book_div{
    background: #fff;
    padding: 10px 40px;
    width: 14.2%;
    text-align: center;
    float: left;
}
.bookname {
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.right-win {
    width: 60px;
    position: fixed;
    z-index: 999;
    right: 0;
    top: 40%;
}
.right-win div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.contactCustomerService i {
    position: relative;
    top: 8px;
}
.right-win div span {
    top: -8px;
    position: relative;
}
.right-down-win {
    position: fixed;
    z-index: 999;
    right: 60px;
    bottom: 30px;
}
.right-down-win .ai-robot {
    background-image: url("/static/images/ai_robot.gif");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    height: 240px;
    width: 150px;
}
.ai-robot-chat-modal {
    top: unset;
    right: 0;
    bottom: 10px;
    left: unset;
    z-index: 10000;
}
.ai-robot-chat-modal .modal-dialog {
    margin: auto;
}
.contactCustomerService {
    /*background: #21d15c;*/
    background: #fff;
    /*color: #fff;*/
    color: #21d15c;
    border: #ebeaea solid 1px;
}
.contactCustomerService:hover {
    background: #21d15c;
    color: #fff;
}
.contactCustomerService:hover .right-QRCode {
    display: block;
}

.iWantFeedback i, .backToTheTop i {
    top: 3px;
    position: relative;
}
.iWantFeedback {
    background: #fff;
    border: #ebeaea solid 1px;
    color: #21d15c;
    margin-top: 5px;
    margin-bottom: 5px;
}

.iWantHideAiRobot {
    background: #21d15c;
    border: #ebeaea solid 1px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.iWantShowAiRobot {
    background: #21d15c;
    border: #ebeaea solid 1px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}
.backToTheTop {
    background: #fff;
    border: #ebeaea solid 1px;
    color: #21d15c;
}
.right-QRCode {
    background: #fff;
    border-radius: 0 !important;
    position: relative;
    top: -280px;
    right: 120px;
    width: 120px !important;
    padding: 10px;
    height: 150px !important;
    border: #ebeaea solid 1px;
    display: none;
}
.mobile-laodongfabao-body-head {
    color: #a0c36e;
    font-size: 20px;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    font-weight: bolder;

}
.mobile-laodongfabao-body-head img {
    width: 24px;
    margin-left: 10px;
    height: 24px;
}
.mobile-laodongfabao-body-prompts {
    color: #a0c36e;
    font-size: 10px;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mobile-laodongfabao-body-prompts div {
    border: 1px #a0c36e solid;
    border-radius: 30px;
    padding: 0px 10px;
    margin-right: 10px;
    height: 24px;
    line-height: 24px;
    width: max-content;
    margin-bottom: 10px;
}


#keleyislide {
    width: 350px;
    /*height: 350px;*/
    position: fixed;
    bottom: 2px;
    left: 10px;
    display: none;
    background-color: White;
    z-index: 9999;
    box-shadow: -2px 0 10px -1px #999;
}

#keleyislide a {
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.popUpWin-head {
    background: url("/static/images/popUpWin.png") no-repeat;
    width: 100%;
    height: 100px;
    background-size: cover;
}
.popUpWin-title {
    color: #fff;
    font-weight: bolder;
    font-size: 20px;
    text-align: center;
    line-height: 100px;
}
.popUpWin-body {
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
}
.popUpWin-body input {
    margin-bottom: 10px;
    background: #f0f7e5;
    height: 40px;
}
.popUpWin-body button {
    background: #a0c36e !important;
    margin-top: 20px;
}
.contactUs {
    background: #a0c36e;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: -70px;
    padding: 40px 70px;
    justify-content: space-around;
    height: 140px;
    align-items: center;
}
.contactUs-text {
    color: #fff;
}
.contactUs-textHead {
    font-weight: bolder;
    font-size: 20px;
}
.contactUs-textBtn {
    color: #a0c36e;
    /*width: 100px;*/
    text-align: center;
    line-height: 40px;
    display: flex;
    flex-direction: row;
}
.productShow {
    display: none !important;
}
.productShowCss {
    margin-left: 50px;
    background: #fff;
    position: absolute;
    top: 100%;
    /*left: 80px;*/
    left: unset;
    min-width: 250px;
    box-shadow: 0px 0px 5px #c0c0c0;
    padding: 10px 15px;
    color: #000 !important;
    display: block;
}
.productShowCss a {
    color: #000 !important;
}
.productShowCss a:hover {
    color:#22d05d !important;
}
.author {
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.modal-body-content {
    /*border: 1px solid rgba(228, 228, 3, 6);*/
    border: 1px solid rgba(228, 228, 228, 1);
    width: 660px;
    height: 366px;
}
.modal-btn {
    border-radius: 5px;
    width: 104px;
    hight:30px;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1000px;
        margin: 30px auto;
    }
}
.hear1 {
    position: fixed;
    width: 100%;
    background-color: #fff;
    padding-top: 20px;
    top: 0;
    z-index: 100;
}
/*end*/

/*laborLawLibrary_result*/
.search_input {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 7px;
    margin-left: -10%;
    width: 60% !important;
    height: 50px;
    padding-top: 7px !important;
}
.result_btn {
    margin-left: 14px;
    background: inherit;
    background: #A0C36E !important;
    border: none;
    border-radius: 2px;
    font-size: 14px;

}
#header1 .text_search {
    background: #FFFFFF;
    border: 1px solid #E9E8E8;
    border-radius: 10px 0 0 10px;
    height: 50px;
    width: 32.9%;
}
#header1 {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #F6F6F6;
}
#header1 .search_btn {
    margin-left: 0px;
    border-radius: 0px 10px 10px 0px;
}
#header1 .pre_high_light {
    opacity: 0.33;
    background: #FFFFFF !important;
    border: 1px solid #A0C36E !important;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header1 .next_high_light {
    opacity: 0.33;
    background: #FFFFFF !important;
    border: 1px solid #A0C36E !important;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header1 .pre_high_light img {
    width: 20px;
    height: 20px;
}
#header1 .next_high_light img {
    width: 20px;
    height: 20px;
}
#header1 .hl_tol_num {
    color: #A0C36E;
}
#header1 .hl_now_num {
    color: #A0C36E;
}
#header1 #highlight {
    /*background-image: linear-gradient(-41deg, #8BBE42 0%, #D0FC92 100%);*/
    background: #fff;
    border: 1px solid #ECF5E1;
    border-radius: 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    /*color: #FFFFFF;*/
    color: #070606;
    letter-spacing: 0;
    padding: 4px 20px;
    line-height: 30px !important;
}
.highlightSelect {
    background-image: linear-gradient(-41deg, #8BBE42 0%, #D0FC92 100%) !important;
    color: #FFFFFF !important;
}

#header1 #highlight label {
    margin-bottom: 0;
    width: 68px;
    text-align: center;
}

#s_search_button {
    margin-left: 0px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#s_search_button img {
    width: 20px;
    height: 20px;
}
.middleContent {
    padding: 21px 19.25%;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    background-color: #F6F6F6;
    margin-top: 40px;
}
.filterResultsHead {
    margin-bottom: 28px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #0F0F0F;
    letter-spacing: 0;
}
.searchResult {
    background: #FFFFFF;
    box-shadow: 0 4px 7px 1px rgba(215,234,218,0.50);
    padding: 22px 18px 19px 18px;
    margin-bottom: 20px;

    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #0F0F0F;
    letter-spacing: 0;
}
.middleContent img {
    vertical-align:middle;
    display:inline-block;
    float: none;
    width: 20px;
    height: 17px;
    margin-top: -4px;
}
.result_title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}
.result_content {
    margin-bottom: 20px;
}
.result_time {}

.result_modal_title {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #A0C36E;
    letter-spacing: 0;
    text-align: justify;
    border-bottom: 1px solid #A0C36E;
    width: 100%;
    padding-bottom: 6.8px;
}
.filterConditionSelectI {
    background-image: linear-gradient(-41deg, #8BBE42 0%, #D0FC92 100%) !important;
    color: #fff !important;
}
.filterConditionSelectI1 {
    background-image: linear-gradient(-41deg, #8BBE42 0%, #D0FC92 100%) !important;
    color: #fff !important;
}
.showCity {
    display: flex;
    flex-direction: column;
}
.showCity .showCitytop, .showCity .showCityDown {
    display: flex;
    flex-direction: row;
}
.showCity .filterConditionSelect1 {
    margin-top: 0;
    margin-right: 10px;
}
.filterConditionSelect1 {
    background: #FFFFFF;
    border: 1px solid #ECF5E1;
    border-radius: 12px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #070606;
    letter-spacing: 0;
    text-align: justify;
    padding: 2px 16px;
    width: max-content;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.showCity .filterConditionSelect1 label {
    padding-left: 0;
}
.filterConditionSelect {
    background: #FFFFFF;
    border: 1px solid #ECF5E1;
    border-radius: 12px;
    border-radius: 12px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #070606;
    letter-spacing: 0;
    text-align: justify;
    padding: 2px 16px;
    width: max-content;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.filterConditionSelectrLeft {
    float: left;
    width: 50%;
}
.filterConditionSelectrRight {
    float: left;
    width: 50%;
}
.filterConditionSelect label{
    margin-bottom: 0rem;
}
.result_modal_tag {
    margin-bottom: 0;
    float: left;
    text-align: center;
    width: 18%;
    margin-right: 8px;
}
.modal-proLeft {
    width: 46%;
    float: left;
    height: 90%;
    margin-right: 20px;
    margin-bottom: 10px;
}
#exampleModalCenter .form-check-label {
    padding-left: 0px;
}
#exampleModalCenter .modal-footer {
    display: flex;
    justify-content: center;
}
#exampleModalCenter #modal_confirm {
    background: #A0C36E;
    border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A0C36E;
    color: #fff;
}
#exampleModalCenter #modal_close {
    background: #fff;
    border: 1px solid #A0C36E;
    border-radius: 4px;
    border-radius: 4px;
    color: #A0C36E;
}
.modal-proFooter {
    clear:both;
    font-weight: 400;
    color: rgb(51, 51, 51);
    background: #F3F9EB;
    border: 0 solid #C2E294;
    margin: 0 -10px;
    padding: 10px 30px;
    min-height: 52px;

    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    text-align: justify;
}
.modal-proFooter label {
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px dotted #799B49;
    border-radius: 12px;
    padding: 2px 14px;
    line-height: 16px!important;
}
/*end*/
/*laborLawLibraryDetails*/
.details_btn {
    background: #fff !important;
    color: #000 !important;
    font-weight: 400;
    font-family: 'Arial Normal', 'Arial';
    border: 1px solid rgba(228, 228, 228, 1) !important;
    font-size: 20px;
}
.detailsContent {
    padding: 0 8%;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    color: #333333;
}
.detailsContent_question {
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
}
.detailsContent_title {
    font-size: 16px;
    /*color: #1E1E1E;*/
    /*text-align: left;*/
    margin-bottom: 50px;
    min-height: 50px;
    background: #E6EEDA;

    font-family: PingFangSC-Regular;
    /*font-size: 16px;*/
    /*color: #57890F;*/
    /*letter-spacing: 0;*/
    padding: 2px 31px 10px 31px;
}
.detailsContent_title label{
    /*background-image: linear-gradient(-41deg, #8BBE42 0%, #D0FC92 100%);*/
    background-color: #8BBE42;
    color: #fff;
    border: 1px solid #ECF5E1;
    border-radius: 12px;
    padding-left: 0;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 2px 16px;
    width: max-content;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.detailsContent_title_img {
    margin-top: 43px;
    width: 22px;
    height: 21px;
    margin-bottom: -12px;
    margin-left: -5px;
}
.detailsContent_condition {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.detailsContent_condition_tips {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    background-color: #fff5ec;
    color: #ff8d07;
    width: fit-content;
    padding: 0 20px;
    margin: 10px 0;
}
.detailsContent_Content {
    /*background-color: rgba(242, 242, 242, 1);*/
    margin-top: 30px;
    /*padding: 40px 30px;*/
}
.detailsContent_related {
    /*border: 1px solid rgba(215, 215, 215, 1);*/
    margin-top: 40px;
    /*padding: 30px 10% 20px 20px;*/

    width: 49.5%;
    float: left;
}
.detailsContent_related1 {
    margin-right: 1%;
}
.detailsContent_related_title {
    font-size: 18px;
    border-bottom: 1px solid #979797;
    padding: 18px 25px 11px 25px;
    margin-bottom: 27px;
}
.detailsContent_related li {
    height: 44px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #68AA09 !important;
    letter-spacing: 0;
    line-height: 22px;
    padding: 12px 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detailsContent_related li a {
    color: #68AA09 !important;
}
.detailsContent_related_que {
    min-height: 150px;
    overflow: auto;
}
.detailsContent_related_que ul {
    width: 50%;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    line-height: normal;
    float: left;
    line-height: 30px;
}
.more{
    width: 82px;
    float: right;
    font-size: 14px;
    margin-top: -30px;
}
.more_title{
    width: 82px;
    font-size: 18px;
    margin-top: -14px;
}
.btn.search-confirm2{
    border-color: #a0c36e;
    background-color: #a0c36e;
    color: #FFFFFF;
    /*font-size: 16px;*/
}
.btn.search-confirm2:hover,
.btn.search-confirm2:active,
.btn.search-confirm2:focus{
    border-color: #a0c36e;
    background-color: #a0c36e;
    color: #FFFFFF;}
/*end*/

@media (max-width: 575px) {
    /*  bootstrap中缺少的格栅样式  */
    .col-xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-xs-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-xs-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-xs-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-xs-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-xs-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-xs-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-xs-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-xs-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-xs-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-xs-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-xs-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-xs-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-xs-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

/* AI机器人聊天框样式 */
.ai-robot-chat-modal {
    overflow: hidden !important;
    border-radius: 14px;
    width: 520px;
    box-shadow: -6px 4px 30px 0 rgba(102, 125, 151, .12);
    transform: scale(0) translate(-100%, -50%);
    transition: transform 0.6s;
    transform-origin: 90% 90%;
    height: calc(100vh - 200px);
    min-height: 400px;
    min-width: 400px;
}

.ai-robot-chat-modal .resize-handle-top {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: n-resize;
    z-index: 999999;
}

.ai-robot-chat-modal .resize-handle-right {
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: e-resize;
    z-index: 999999;
}

.ai-robot-chat-modal .resize-handle-bottom {
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: n-resize;
    z-index: 999999;
}

.ai-robot-chat-modal .resize-handle-left {
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: e-resize;
    z-index: 999999;
}

.ai-robot-chat-modal .resize-handle-top-right {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: ne-resize;
    z-index: 1000000;
}

.ai-robot-chat-modal .resize-handle-right-bottom {
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: se-resize;
    z-index: 1000000;
}

.ai-robot-chat-modal .resize-handle-bottom-left {
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: ne-resize;
    z-index: 1000000;
}

.ai-robot-chat-modal .resize-handle-left-top {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: se-resize;
    z-index: 1000000;
}

.ai-robot-chat-modal.smallSize {
    font-size: 0.875rem;
}

.ai-robot-chat-modal.middleSize {
    font-size: 1rem;
}

.ai-robot-chat-modal.bigSize {
    font-size: 1.125rem;
}

.ai-robot-chat-modal.expand-mode {
    width: 100% !important;
    height: 100% !important;;
}

.ai-robot-chat-modal.expand-mode .modal-dialog {
    max-width: 100% !important;
}

.ai-robot-chat-modal.smallSize .user-chat-tips .user-chat-tips-content .fa {
    color: #A0C36E;
    font-size: 20px;
}

.ai-robot-chat-modal.middleSize .user-chat-tips .user-chat-tips-content .fa {
    color: #A0C36E;
    font-size: 22px;
}

.ai-robot-chat-modal.bigSize .user-chat-tips .user-chat-tips-content .fa {
    color: #A0C36E;
    font-size: 25px;
}

.ai-robot-chat-modal .modal-content {
    border: unset;
    border-radius: 14px;
    /*background: linear-gradient(45deg, #87CEEB, #000080);*/
}

.ai-robot-chat-modal .modal-body {
    border: 1px solid #A0C36E;
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
}
.ai-robot-chat-modal .user-chat {
    box-shadow: 0 2px 4px rgba(15,34,58,.12);
    transition: all .4s;
}
.ai-robot-chat-modal .user-chat-flex {
    display: flex;
}

.ai-robot-chat-modal .user-chat-head {
    padding: 1.0rem !important;
    border-bottom: 1px solid #f0eff5 !important;
    cursor: move;
}

.ai-robot-chat-modal .robot-avatar {
    height: 2.2rem;
    width: 2.2rem;
}

.ai-robot-chat-modal .list-inline-item i {
    margin-left: 10px;
}

.ai-robot-chat-modal .select-font-size {
    display: inline-block;
}

.ai-robot-chat-modal .select-font-size .dropdown-menu {
    min-width: 80px;
    left: -25px !important;
}

.ai-robot-chat-modal .select-font-size .dropdown-menu li {
    cursor: pointer;
    text-align: center;
}

.ai-robot-chat-modal .select-font-size .dropdown-menu li:hover {
    color: #22d05d !important;
}

.ai-robot-chat-modal .select-font-size .dropdown-menu .bigSize {
    font-size: 1.125rem;
}

.ai-robot-chat-modal .select-font-size .dropdown-menu .middleSize {
    font-size: 1rem;
}

.ai-robot-chat-modal .select-font-size .dropdown-menu .smallSize {
    font-size: 0.875rem;
}

.ai-robot-chat-modal.bigSize .select-font-size .dropdown-menu .bigSize {
    color: #A0C36E;
}

.ai-robot-chat-modal.middleSize .select-font-size .dropdown-menu .middleSize {
    color: #A0C36E;
}

.ai-robot-chat-modal.smallSize .select-font-size .dropdown-menu .smallSize {
    color: #A0C36E;
}

.ai-robot-chat-modal .hide-chat-icon,
.ai-robot-chat-modal .expand-chat-icon,
.ai-robot-chat-modal .compress-chat-icon,
.ai-robot-chat-modal .info-chat-icon,
.ai-robot-chat-modal .font-chat-icon {
    font-size: 30px !important;
    color: #888888;
    cursor: pointer;
}

.ai-robot-chat-modal .hide-chat-icon:hover,
.ai-robot-chat-modal .expand-chat-icon:hover,
.ai-robot-chat-modal .compress-chat-icon:hover,
.ai-robot-chat-modal .info-chat-icon:hover,
.ai-robot-chat-modal .font-chat-icon:hover {
    color: #A0C36E;
}

.ai-robot-chat-modal .user-chat-conversation {
    min-height: 200px;
    padding: 1rem !important;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 0;
}

.ai-robot-chat-modal .user-chat-tips {
    padding: 5px 10px;
    background-color: #F0EFF5;
    border-radius: 8px;
    position: relative;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}

.text-blink {
    animation: colorBlink 1s infinite;
}

@keyframes colorBlink {
    30% {
        color: #999999;
    }
    60% {
        color: #1ba449;
    }
    100% {
        color: #22d05d;
    }
}

.ai-robot-chat-modal .user-chat-tips .user-chat-tips-content {
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #999999;
}

.ai-robot-chat-modal .user-chat-tips .close-chat-tips {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    color: #888888;
    cursor: pointer;
}

.ai-robot-chat-modal.smallSize .user-chat-tips .close-chat-tips {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    color: #888888;
    cursor: pointer;
}

.ai-robot-chat-modal.middleSize .user-chat-tips .close-chat-tips {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #888888;
    cursor: pointer;
}

.ai-robot-chat-modal.bigSize .user-chat-tips .close-chat-tips {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    color: #888888;
    cursor: pointer;
}

.ai-robot-chat-modal .conversation-content {
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 0;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list-contents {
    display: grid;
    display: flex;
    flex-direction: column;
}

.ai-robot-chat-modal .conversation-list {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    margin-right: 10px;
}
.ai-robot-chat-modal .user-chat-avatar {
    margin-right: 15px;
}

.ai-robot-chat-modal .user-chat-avatar img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e9ecef;
    max-width: unset;
    max-height: unset;
}

.ai-robot-chat-modal.smallSize .user-chat-avatar img {
    width: 36px;
    height: 36px;
}

.ai-robot-chat-modal.middleSize .user-chat-avatar img {
    width: 46px;
    height: 46px;
}

.ai-robot-chat-modal.bigSize .user-chat-avatar img {
    width: 56px;
    height: 56px;
}

.ai-robot-chat-modal .user-chat-content {
    padding: 5px 10px;
    background-color: #A0C36E;
    border-radius: 8px;
    color: #ffffff;
    position: relative
}

.ai-robot-chat-modal .chat-content-operate {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    /*color: #333333;*/
}

.ai-robot-chat-modal .user-chat-answer-loading .chat-content-operate {
    display: none !important;
}

.ai-robot-chat-modal .user-chat-conversation .right .conversation-list {
    float: right;
    margin-bottom: 10px;
    /*text-align: right;*/
    margin-left: 10px;
    margin-right: unset !important;
}

.ai-robot-chat-modal .user-chat-conversation .right .user-chat-avatar {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-right: 0;
    margin-left: 15px;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-time {
    font-size: 12px;
    margin-bottom: 0;
    text-align: left;
    color: rgba(255, 255, 255, .5);
    line-height: 16px;
}

.ai-robot-chat-modal.smallSize .user-chat-conversation .conversation-list .chat-time {
    font-size: 12px;
    margin-bottom: 0;
}

.ai-robot-chat-modal.middleSize .user-chat-conversation .conversation-list .chat-time {
    font-size: 14px;
    margin-bottom: 4px;
}

.ai-robot-chat-modal.bigSize .user-chat-conversation .conversation-list .chat-time {
    font-size: 16px;
    margin-bottom: 8px;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-message {
    /*max-width: 415px;*/
    white-space: normal;
    word-break: break-word;
    margin-bottom: 0 !important;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.ai-robot-chat-modal .user-chat-conversation .auto-tips .conversation-list .chat-message,
.ai-robot-chat-modal .user-chat-conversation .conversation-list.isShow .chat-message {
    display: inherit !important;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .showFullText,
.ai-robot-chat-modal .user-chat-conversation .conversation-list.isShow .hideFullText {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    color: #1c5ca3;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .hideFullText,
.ai-robot-chat-modal .user-chat-conversation .conversation-list.isShow .showFullText {
    display: none;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-loading {
    display: none;
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
    text-align: center;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-loading img {
    width: 40px;
    height: 40px;
    max-width: unset;
    margin: 0 auto;
}
.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-message .btn {
    font-size: 12px;
    padding: 1px 5px;
    margin: 0 5px;
    line-height: 14px;
    border-radius: 3px;
    cursor: pointer;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-message .link {
    color: #d38202f2;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-message .user-chat-document {
    color: #0056b3;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-message .user-chat-document:hover {
    color: #007bff;
}

.ai-robot-chat-modal .user-chat-conversation .conversation-list .chat-message.error {
    color: #c7800b;
}

.ai-robot-chat-modal .user-chat-conversation .user-chat-answer-loading .conversation-list .chat-loading {
    display: block !important;
}

.ai-robot-chat-modal .user-chat-conversation .user-chat-answer-loading .conversation-list .chat-time {
    display: none;
}

.ai-robot-chat-modal .user-chat-conversation .user-chat-answer-loading .conversation-list .chat-message {
    display: none;
}
.ai-robot-chat-modal .user-chat-conversation .user-chat-answering .chat-message:after {
    content: "|";
    display: inline-block;
    animation: blink-caret 0.75s infinite;
}
@keyframes blink-caret {
    50% { opacity: 0; }
}
.ai-robot-chat-modal .user-chat-conversation .right .chat-time {
    text-align: right;
}

.ai-robot-chat-modal .user-chat-input {
    padding: 1rem !important;
    border-top: 1px solid #f0eff5 !important;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.ai-robot-chat-modal .user-chat-input .clear-chat-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #A0C36E;
    cursor: pointer;
    font-size: 15px;
}

.ai-robot-chat-modal.smallSize .user-chat-input .clear-chat-content {
    font-size: 15px;
}

.ai-robot-chat-modal.middleSize .user-chat-input .clear-chat-content {
    font-size: 17px;
}

.ai-robot-chat-modal.bigSize .user-chat-input .clear-chat-content {
    font-size: 19px;
}

.ai-robot-chat-modal .user-chat-input .clear-chat-content-text {
    width: 75px;
    text-align: center;
}

.ai-robot-chat-modal.smallSize .user-chat-input .clear-chat-content-text {
    width: 75px;
}

.ai-robot-chat-modal.middleSize .user-chat-input .clear-chat-content-text {
    width: 85px;
}

.ai-robot-chat-modal.bigSize .user-chat-input .clear-chat-content-text {
    width: 95px;
}

.ai-robot-chat-modal .user-chat-input-wrap {
    background-color: #F0F3F6;
    border-radius: 8.5px;
    box-sizing: border-box;
    padding: 10px 8px 7px 16px;
    position: relative;
    transition: opacity .5s;
    width: 100%;
}

.ai-robot-chat-modal .user-chat-input-textarea {
    display: flex;
    position: relative;
}
.ai-robot-chat-modal .user-chat-input-textarea-wrap {
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}
.ai-robot-chat-modal .user-chat-input-keywords {
    background-color: #F0F3F6;
    text-indent: 0px;
    border: none;
    box-sizing: border-box;
    color: #222;
    height: 50px;
    line-height: 20px;
    outline: 0;
    overflow-y: auto;
    width: 100%;
    resize: none;
}

.ai-robot-chat-modal.smallSize .user-chat-input-keywords {
    font-size: 15px;
}

.ai-robot-chat-modal.middleSize .user-chat-input-keywords {
    font-size: 17px;
}

.ai-robot-chat-modal.bigSize .user-chat-input-keywords {
    font-size: 19px;
}

.ai-robot-chat-modal .user-chat-input-infos {
    display: flex;
    justify-content: space-between;
}

.ai-robot-chat-modal .copy-success-tips {
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translate(-50%, -50%);
    margin-bottom: unset;
}

.ai-robot-chat-modal .user-chat-input-count {
    color: #AAAAAA;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    line-height: 21px;
    text-align: left;
}

.ai-robot-chat-modal .user-chat-input-model {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    padding: 2px 7px;
    margin-left: 10px;
    font-size: 12px;
    color: #4C4C4C;
    cursor: pointer;
}

.ai-robot-chat-modal .user-chat-input-model:hover {
    background-color: #E0E4ED;
}

.ai-robot-chat-modal .user-chat-input-model.active {
    border: 1px solid #22D05D;
    background: linear-gradient(-41deg, #22D05D 0%, #A5D561 100%);
    color: #FFFFFF !important;
}

.ai-robot-chat-modal .user-chat-input-model.active:hover {
    background: linear-gradient(-41deg, #2cdb67 0%, #22d05d 100%);
}

.ai-robot-chat-modal.smallSize .user-chat-input-count {
    font-size: 12px;
}

.ai-robot-chat-modal.middleSize .user-chat-input-count {
    font-size: 15px;
}

.ai-robot-chat-modal.bigSize .user-chat-input-count {
    font-size: 18px;
}

.ai-robot-chat-modal .send-user-chat-keywords-btn {
    border-radius: 4px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    line-height: 30px;
    text-align: center;
    color: #A0C36E;
}

.ai-robot-chat-modal.smallSize .send-user-chat-keywords-btn {
    height: 15px;
    width: 15px;
}

.ai-robot-chat-modal.smallSize .send-user-chat-keywords-btn i {
    font-size: 15px;
}

.ai-robot-chat-modal.middleSize .send-user-chat-keywords-btn {
    height: 20px;
    width: 20px;
}

.ai-robot-chat-modal.middleSize .send-user-chat-keywords-btn i {
    font-size: 20px;
}

.ai-robot-chat-modal.bigSize .send-user-chat-keywords-btn {
    height: 25px;
    width: 25px;
}

.ai-robot-chat-modal.bigSize .send-user-chat-keywords-btn i {
    font-size: 25px;
}

.ai-robot-chat-modal .send-user-chat-keywords-btn.disable {
    cursor: not-allowed;
    color: #888888;
}

.ai-robot-chat-modal .user-chat-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.ai-robot-chat-modal.smallSize .stop-chat-btn {
    background-color: #F0EFF5;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 13px;
}

.ai-robot-chat-modal.middleSize .stop-chat-btn {
    background-color: #F0EFF5;
    padding: 7px 17px;
    cursor: pointer;
    font-size: 16px;
}

.ai-robot-chat-modal.bigSize .stop-chat-btn {
    background-color: #F0EFF5;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 18px;
}

.ai-robot-chat-modal.expand-mode.smallSize .stop-chat-btn {
    background-color: #F0EFF5;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 14px;
}

.ai-robot-chat-modal.expand-mode.middleSize .stop-chat-btn {
    background-color: #F0EFF5;
    padding: 7px 17px;
    cursor: pointer;
    font-size: 16px;
}

.ai-robot-chat-modal.expand-mode.bigSize .stop-chat-btn {
    background-color: #F0EFF5;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 18px;
}

.ai-robot-chat-modal .stop-chat-btn:focus {
    box-shadow: unset;
}

.ai-robot-chat-modal .stop-chat-btn:hover {
    background-color: #a0c36e;
    color: #ffffff;
}

/* 滚动条的轨道 */
.ai-robot-chat-modal .conversation-content::-webkit-scrollbar,
.ai-robot-chat-modal .user-chat-input-keywords::-webkit-scrollbar {
    width: 5px;
    height: 16px;
    background-color: #F5F5F5;
}

.ai-robot-chat-modal .conversation-content::-webkit-scrollbar-track,
.ai-robot-chat-modal .user-chat-input-keywords::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/* 滚动条的滑块 */
.ai-robot-chat-modal .conversation-content::-webkit-scrollbar-thumb,
.ai-robot-chat-modal .user-chat-input-keywords::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #CCCCCC;
}

.iziModal {
    max-height: 90%;
}

.iziModal-isAttached {
    overflow: unset !important;
}