*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:root {
    --primary-color: #FF6B35;
    --secondary-color: #3f37c9;
    --accent-color: #4895ef;
    --light-color: #f8f9fa;
    --dark-color: #212529;
    --gray-color: #6c757d;
    --success-color: #4cc9f0;
    --warning-color: #f8961e;
    --danger-color: #f72585;
    --border-radius: 10px;
    --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --transition: all 0.3s ease;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #787878;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: 22px;
}

body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#999;border-radius:2px}
body::-webkit-scrollbar-thumb{background:#FF6B35;border-radius:10px}
body::-webkit-scrollbar-thumb:hover{background:#FF6B35}
body::-webkit-scrollbar-corner{background:#FF6B35}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    color: #232323;
}

h1 {
    font-size: 34px;
    font-weight: 700;
}

h2 {
    font-size: 32px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
    font-weight: 500;
}

h6 {
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #111;
}

a{color:#111;text-decoration:none;cursor: pointer;}
a:active,a:hover{outline:0;text-decoration:none;}
p {
    margin-top: 0;
    margin-bottom: 20px;
}

img {
    max-width: 100%;
}
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
form,input,textarea{border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}

/* 布局 */
.flex-between{display:flex;align-items:center;justify-content:space-between;}
.flex{display:flex}
.align-center{align-items:center}
.align-start{align-items:flex-start}
.flex1{flex:1}
.basis-df{flex-basis:50%}
.flex-wrap{flex-wrap:wrap}
/* 通用 */
.box-shadow {box-shadow: 0 0 20px 0 rgba(0,0,0,.08)}
.hidden {display: none !important;}
.radius-sm{border-radius: 5px;}
.radius-xs{border-radius: 10px;}
.radius-lg{border-radius: 20px;}
/* 间距 */
.padding {padding: 20px;}
.padding-lg {padding: 30px;}
.padding-tb-sm{padding-top: 10px;padding-bottom: 10px;}
.padding-tb-xs{padding-top: 20px;padding-bottom: 20px;}
.padding-left {padding-left: 20px;}
.padding-lr-xs {padding-left: 5px;padding-right: 5px;}
.padding-lr-sm {padding-left: 10px;padding-right: 10px;}
.padding-lr {padding-left: 20px;padding-right: 20px;}
.padding-lr-lg {padding-left: 30px;padding-right: 30px;}
.padding-right {padding-right: 20px;}
.padding-right-sm {padding-right: 10px;}
.padding-top {padding-top: 20px;}
.padding-bottom {padding-bottom: 20px;}
.padding-bottom-sm {padding-bottom: 10px;}
.margin-top-xs {margin-top: 5px;}
.margin-top-sm {margin-top: 10px;}
.margin-top {margin-top: 20px;}
.margin-top-lg {margin-top: 30px;}
.margin-top-xl {margin-top: 50px;}
.margin-right-xs {margin-right: 5px;}
.margin-right-sm {margin-right: 10px;}
.margin-right {margin-right: 20px;}
.margin-left {margin-left: 20px;}
.margin-left-xs {margin-left: 5px;}
.margin-left-sm {margin-left: 10px;}
.margin-tb-lg {margin-top: 30px;margin-bottom: 30px;}
.margin-auto {margin:auto;}
.margin-bottom-sm {margin-bottom: 10px;}
.margin-bottom {margin-bottom:20px;}
.margin-bottom-lg {margin-bottom: 30px;}
.margin-bottom-xl {margin-bottom: 50px;}
.margin-lr-xs {margin-left: 5px;margin-right: 5px;}
.margin-0{margin-bottom: 0!important;}
/* 文本 */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align:right}
.text-bold {font-weight: bold;}
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.text-cut2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.text-xs {font-size: 12px !important;}
.text-sm {font-size: 14px !important;}
.text-df {font-size: 16px !important;}
.text-lg {font-size: 20px !important;}
.text-xl {font-size: 24px !important;}
.text-xxl {font-size: 34px !important;}
.section {
    padding: 55px 0 75px 0;
}
/*提示*/
.toasts{z-index:999999;font-family:Lato,Tahoma,Arial;font-size:14px;display:flex;padding:8px 10px 9px 0;top:50%;left:50%;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#454a56;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:28px;-webkit-animation-duration:.5s;animation-duration:.5s;pointer-events:all;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:45px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);max-width:90%;margin:5px 0;border-radius:4px}
.toasts .l-info{float: left;display: inline-block;}
.toasts .r-info{float: left;display: inline-block;margin-left: 40px;}
.toasts.in{-webkit-animation-name:contentZoomIn;animation-name:contentZoomIn}
.toasts .text{max-width:300px;font-size:14px;color:#fff;white-space:normal}
.toasts .toast-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-11px;margin-left:10px;color:#000;width:24px;height:24px}
.toasts .ico-info{background:url('data:image/svg+xml;    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcxMTk5MzYwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwODAzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiAyOC40MTZjLTI2Ny40Njg4IDAtNDg0LjI0OTYgMjE2LjgzMi00ODQuMjQ5NiA0ODQuMjQ5NiAwIDI2Ny40MTc2IDIxNi44MzIgNDg0LjI0OTYgNDg0LjI0OTYgNDg0LjI0OTYgMjY3LjQxNzYgMCA0ODQuMzAwOC0yMTYuODMyIDQ4NC4zMDA4LTQ4NC4yNDk2Qzk5Ni4zMDA4IDI0NS4yNDggNzc5LjQxNzYgMjguNDE2IDUxMiAyOC40MTZ6TTQ1NS41MjY0IDI0NS4wOTQ0QzQ3MC4zMjMyIDIyOS44ODggNDkwLjcwMDggMjIxLjMzNzYgNTExLjc5NTIgMjIxLjY0NDhjMjEuMTk2OC0wLjIwNDggNDEuNzc5MiA4LjI0MzIgNTYuNTI0OCAyMy40NDk2IDE1LjAwMTYgMTQuNzk2OCAyMy4yOTYgMzUuMTIzMiAyMy4wOTEyIDU2LjExNTIgMC4yMDQ4IDIxLjE5NjgtOC4yOTQ0IDQxLjU3NDQtMjMuMzk4NCA1Ni4yMTc2LTE0LjY5NDQgMTQuNjk0NC0zNC43MTM2IDIzLjA0LTU1LjM5ODQgMjMuMDRMNTExLjc5NTIgMzgwLjQ2NzJjLTIwLjk5MiAwLjIwNDgtNDEuMzY5Ni04LjE0MDgtNTYuMDY0LTIzLjE0MjRDNDQwLjY3ODQgMzQyLjY4MTYgNDMyLjMzMjggMzIyLjMwNCA0MzIuNTM3NiAzMDEuMjA5NiA0MzIuMzMyOCAyODAuMjE3NiA0NDAuNjc4NCAyNTkuODkxMiA0NTUuNTI2NCAyNDUuMDk0NHpNNjI3LjYwOTYgNzY4LjE1MzZsMCAxMy40MTQ0IDAgMjIuMjIwOEwzOTYuMjg4IDgwMy43ODg4bDAtNTcuMTM5MiAyMS42MDY0LTAuNzY4YzEwLjI0LTAuNDYwOCAxNC41OTItMi43MTM2IDE2Ljk5ODQtNC43NjE2bDEuMjI4OC01LjQyNzJjMC45NzI4LTUuNTgwOCAxLjYzODQtMTQuNDM4NCAxLjU4NzItMjUuOTA3Mkw0MzcuNzA4OCA1MDcuOTA0YzAuMjU2LTE3Ljc2NjQtMi4zNTUyLTI5LjkwMDgtMy40ODE2LTMyLjU2MzJsMCAwTDQzMS42MTYgNDc0LjA2MDhDNDI4Ljg1MTIgNDczLjA4OCA0MjMuOTM2IDQ3Mi4wNjQgNDE3LjE3NzYgNDcxLjY1NDRMMzk2LjI4OCA0NzAuMzc0NCAzOTYuMjg4IDQxMy40OTEybDE4OS40OTEyIDAgMCAyOTYuMjk0NGMtMC4zMDcyIDE3LjcxNTIgMi40MDY0IDI5Ljc5ODQgMy40MzA0IDMyLjU2MzJsMC4wNTEyIDAgMi43MTM2IDEuMTc3NmMyLjgxNiAwLjk3MjggNy43ODI0IDEuOTk2OCAxNC42OTQ0IDIuMzU1MmwyMC44ODk2IDEuMjhMNjI3LjU1ODQgNzY4LjE1MzZ6IiBwLWlkPSIxMDgwNCIgZmlsbD0iIzQwOUVGRiI+PC9wYXRoPjwvc3ZnPg==') no-repeat 50% 50%;background-size:85%}
.toasts .ico-warning{background:url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcwODczNzUzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUxMTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyLjAyMzI3MyAxMDI0Qzc5NC43NjM2MzYgMTAyNCAxMDI0IDc5NC43ODY5MDkgMTAyNCA1MTEuOTc2NzI3IDEwMjQgMjI5LjIzNjM2NCA3OTQuNzg2OTA5LTAuMDIzMjczIDUxMi4wMjMyNzMtMC4wMjMyNzNTMCAyMjkuMjEzMDkxIDAgNTExLjk3NjcyN0MwIDc5NC43ODY5MDkgMjI5LjIzNjM2NCAxMDI0IDUxMi4wMjMyNzMgMTAyNE00NjkuMzQxMDkxIDc2OGMwLTIzLjU1MiAxOC45MjA3MjctNDIuNjU4OTA5IDQyLjcwNTQ1NS00Mi42NTg5MDkgMjMuNTUyIDAgNDIuNjU4OTA5IDE4LjkyMDcyNyA0Mi42NTg5MDkgNDIuNjU4OTA5IDAgMjMuNTc1MjczLTE4LjkyMDcyNyA0Mi43MDU0NTUtNDIuNjU4OTA5IDQyLjcwNTQ1NUM0ODguNDcxMjczIDgxMC43MDU0NTUgNDY5LjM0MTA5MSA3OTEuNzM4MTgyIDQ2OS4zNDEwOTEgNzY4TTQ2OS4zNDEwOTEgMjU1LjgxMzgxOGMwLTIzLjQ1ODkwOSAxOC45MjA3MjctNDIuNDcyNzI3IDQyLjcwNTQ1NS00Mi40NzI3MjcgMjMuNTUyIDAgNDIuNjU4OTA5IDE5LjQzMjcyNyA0Mi42NTg5MDkgNDIuNDcyNzI3bDAgMzQxLjczNjcyN2MwIDIzLjQ1ODkwOS0xOC45MjA3MjcgNDIuNDcyNzI3LTQyLjY1ODkwOSA0Mi40NzI3MjctMjMuNTc1MjczIDAtNDIuNzA1NDU1LTE5LjQzMjcyNy00Mi43MDU0NTUtNDIuNDcyNzI3TDQ2OS4zNDEwOTEgMjU1LjgxMzgxOHoiIHAtaWQ9IjUxMTkiIGZpbGw9IiNmZjk5MDAiPjwvcGF0aD48L3N2Zz4=') no-repeat 50% 50%;background-size:85%}
.toasts .ico-error{background:url('data:image/svg+xml;   base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcwNDI1NDkwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTExLjk5NjQxOCAyMy41MjA2OTNjLTI2OS43NjcwNSAwLTQ4OC40NTQ3NDggMjE4LjY4ODcyMS00ODguNDU0NzQ4IDQ4OC40NTQ3NDggMCAyNjkuNzY4MDczIDIxOC42ODg3MjEgNDg4LjQ1MzcyNCA0ODguNDU0NzQ4IDQ4OC40NTM3MjQgMjY5Ljc2NjAyNyAwIDQ4OC40NTQ3NDgtMjE4LjY4NTY1MSA0ODguNDU0NzQ4LTQ4OC40NTM3MjRDMTAwMC40NTExNjYgMjQyLjIwOTQxNCA3ODEuNzYyNDQ1IDIzLjUyMDY5MyA1MTEuOTk2NDE4IDIzLjUyMDY5M3pNNzY5LjMzNDM5MSA3MTUuMTU1OTU2bC01NC4xNTY0MzQgNTQuMTU2NDM0TDUxMS45OTY0MTggNTY2LjEyOTgyOCAzMDguODEzODU2IDc2OS4zMTIzOWwtNTQuMTU1NDExLTU0LjE1NjQzNEw0NTcuODQxMDA4IDUxMS45NzU0NDEgMjU0LjY1ODQ0NiAzMDguNzkyODc4bDU0LjE1NTQxMS01NC4xNTU0MTFMNTExLjk5NjQxOCA0NTcuODIwMDNsMjAzLjE4MjU2Mi0yMDMuMTgyNTYyIDU0LjE1NjQzNCA1NC4xNTU0MTFMNTY2LjE1MTgyOSA1MTEuOTc1NDQxIDc2OS4zMzQzOTEgNzE1LjE1NTk1NnoiIHAtaWQ9IjEyNjYiIGZpbGw9IiNGNTZDNkMiPjwvcGF0aD48L3N2Zz4=') no-repeat 50% 50%;background-size:80%}
.toasts .ico-success{background:url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcwNTI2MjA3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ5NjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMTAyNCA1MTEuOTk5NTAyYzAgMjgyLjc3MDU1Ny0yMjkuMjI5OTQxIDUxMi4wMDA0OTgtNTExLjk5OTUwMiA1MTIuMDAwNDk4LTI4Mi43Njk1NjEgMC01MTIuMDAwNDk4LTIyOS4yMjk5NDEtNTEyLjAwMDQ5OC01MTIuMDAwNDk4IDAtMjgyLjc2ODU2NiAyMjkuMjMwOTM2LTUxMS45OTk1MDIgNTEyLjAwMDQ5OC01MTEuOTk5NTAyQzc5NC43NjkwNjQgMCAxMDI0IDIyOS4yMzA5MzYgMTAyNCA1MTEuOTk5NTAyek03OTYuNTc3MDgxIDM3OC4zMTc3MTNsLTQ4LjQ1OTA1MS00OC40NTkwNTEtMjk3LjA3ODM4NyAyOTcuMDc3MzkyTDI3Ny4yNjc4NTIgNDUzLjE2NTI1OGwtNDguNDU4MDU2IDQ4LjQ1ODA1NiAyMjIuMjI4ODUxIDIyMi4yMzA4NDJMNzk2LjU3NzA4MSAzNzguMzE3NzEzeiIgcC1pZD0iNDk2NiIgZmlsbD0iIzY3YzIzYSI+PC9wYXRoPjwvc3ZnPg==') no-repeat 50% 50%;background-size:85%}
.toasts .ico-question{background:url('data:image/svg+xml;    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc1ODE3MDE0NzM4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3MjkiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTIgOTY3LjExMUMyNjAuNjM2IDk2Ny4xMTEgNTYuODg5IDc2My4zNjQgNTYuODg5IDUxMlMyNjAuNjM2IDU2Ljg4OSA1MTIgNTYuODg5IDk2Ny4xMTEgMjYwLjYzNiA5NjcuMTExIDUxMiA3NjMuMzY0IDk2Ny4xMTEgNTEyIDk2Ny4xMTF6TTUxMiA3NjhjMTYuODY4IDAgMzAuNTUtNS40NjEgNDEuMDc0LTE2LjM1NiAxMC41MjQtMTAuOTIyIDE1LjgxNS0yNC40MzMgMTUuODE1LTQwLjUzM3MtNS4yNjItMjkuMzU1LTE1LjgxNS0zOS43MzdjLTEwLjUyNS0xMC40MS0yNC4yMDYtMTYuMS00MS4wNzQtMTcuMTUyLTIyLjEzIDEuMDUzLTM4LjQ1NyAxMC45MjMtNDguOTgxIDI5LjYxLTEwLjUyNSAxOC43MTctMTAuNTI1IDM3LjQwNSAwIDU2LjEyMkM0NzMuNTQzIDc1OC42NDIgNDg5Ljg3IDc2OCA1MTIgNzY4eiBtNDMuNTc3LTE4NS44MjhjMC0zLjI3LTEuMTM4LTEyLjY1Ny0wLjk5Ni0xMS4zMi0xLjE2Ni0xMS44MzMgMC4zOTktMjIuMzU4IDYuODg0LTMyLjUxMiA0LjcyMi03LjQyNCAxMi4wMzItMTQuMzkzIDIyLjk1NS0yMC44NSA2NC4yMjctMzcuOTQ1IDg3LjcyMi04MC4yMTQgODYuMzg1LTEyNC4xODktMS45OS02NS44NzctNTAuNTE3LTEzMC41MzEtMTU1Ljc2MS0xMzEuNDctODcuOTgtMC44MjUtMTQ1LjgwNyA0MS42NzEtMTU5LjQ4OCAxMjEuNDU4YTQyLjY2NyA0Mi42NjcgMCAwIDAgODQuMDgxIDE0LjQyMWM2LjIzLTM2LjEyNCAyNi40NTQtNTEgNzQuNjEtNTAuNTc0IDUyLjgyMSAwLjQ4NCA3MC41NDIgMjQuMDkyIDcxLjI4MiA0OC42OTdhMjAuNDggMjAuNDggMCAwIDEtMy4yNDMgMTEuOTc1Yy01Ljg4OCAxMC41ODEtMTguNjYgMjIuODctNDEuMjQ0IDM2LjIxLTIyLjMzIDEzLjE3LTM5LjUxIDI5LjU1NC01MS41NyA0OC40OTgtMTguNzQ1IDI5LjQ0LTIyLjg0IDU4LjU2Ny0xOS42NTUgODguMTc3IDAuNDgzIDQuNDY2IDAuNDI3IDMuODk3IDAuNDI3IDEuNDhhNDIuNjY3IDQyLjY2NyAwIDEgMCA4NS4zMzMgMHoiIGZpbGw9IiNEODFFMDYiIHAtaWQ9IjM3MzAiPjwvcGF0aD48L3N2Zz4=') no-repeat 50% 50%;background-size:85%}
.toasts .ico-load{background:url('data:image/svg+xml;    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQ1NTUyMzAyOTE3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyNDAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyIDY0YzI0Ny4yIDAgNDQ4IDIwMC44IDQ0OCA0NDhoLTY0YzAtMjEyLTE3Mi0zODQtMzg0LTM4NFY2NHogbTAgODMyYy0yMTIgMC0zODQtMTcyLTM4NC0zODRINjRjMCAyNDcuMiAyMDAuOCA0NDggNDQ4IDQ0OHYtNjR6IiBwLWlkPSI0MjQxIiBmaWxsPSIjMUU5RkZGIj48L3BhdGg+PC9zdmc+') no-repeat 50% 50%;background-size:85%;animation:toast-rotate 1.2s linear infinite}
.toasts.in{-webkit-animation-name:contentZoomIn;animation-name:contentZoomIn}
.toasts.out{-webkit-animation-name:contentZoomOut;animation-name:contentZoomOut}
@-webkit-keyframes toast-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
@keyframes toast-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@-webkit-keyframes contentZoomIn {
  0% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes contentZoomIn {
  0% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@-webkit-keyframes contentZoomOut {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
}

@keyframes contentZoomOut {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
}
/*===================
    sidebar
===================*/
#sidebar{z-index:99;position:fixed;bottom:100px;right:30px;width:70px}
#sidebar .icon-sidebar{display:inline-block;width:30px;height:30px;background:url(../images/sidebar.png) no-repeat}
#sidebar .sidebar-message .icon-sidebar{background-position:1px 1px}
#sidebar .sidebar-message:hover .icon-sidebar{background-position:1px -29.2px}
#sidebar .sidebar-service .icon-sidebar{background-position:-30px 1px}
#sidebar .sidebar-service:hover .icon-sidebar{background-position:-30px -29.2px}
#sidebar .sidebar-mini .icon-sidebar{background-position:-60px 1px}
#sidebar .sidebar-mini:hover .icon-sidebar{background-position:-60px -29.2px}
#sidebar .sidebar-top .icon-sidebar{background-position:-92px 1px}
#sidebar .sidebar-top:hover .icon-sidebar{background-position:-92px -29.2px}
#sidebar ul.list{border:1px solid #eee;border-radius:5px;overflow:visible;background:#fff}
#sidebar ul.list>li{vertical-align:top;position:relative;width:68px;border-bottom:1px solid #eee}
#sidebar ul.list>li.sidebar-message{border-top:0}
#sidebar ul.list>li.sidebar-message .msg-num{position:absolute;right:5px;top:5px;min-width:10px;height:18px;line-height:18px;padding:0 4px;border-radius:9px;background:#ff3b30;text-align:center;font-size:12px;color:#fff}
#sidebar ul.list>li.sidebar-top{display:none}
#sidebar ul.list>li a.sidebar-item-on{position:relative;display:block;padding:10px 0;text-align:center;color:#666}
#sidebar ul.list>li a.sidebar-item-on small{display:block;line-height:26px;font-size:12px}
#sidebar ul.list>li .slip{display:none;position:absolute;right:68px;bottom:0;padding:0 10px;overflow:hidden}
#sidebar .sidebar-item:hover .slip{display:block}
#sidebar .sidebar-item:hover a.sidebar-item-on{color:#ff7940}
#sidebar ul.list>li .slip .panel{padding:5px 10px;border:1px solid #ececec;border-radius:6px;box-shadow:0 0 10px 0 rgba(0,0,0,.15);overflow:hidden;background-color:#fff}
#sidebar ul.list>li.sidebar-service .service-list li{padding:8px 0}
#sidebar ul.list>li.sidebar-service .service-list i{float:left;width:24px;height:24px;background:url(../images/service.png) no-repeat}
#sidebar ul.list>li.sidebar-service .service-list i.icon-qq{background-position:3px 2px}
#sidebar ul.list>li.sidebar-service .service-list i.icon-qq-group{background-position:-27px 2px}
#sidebar ul.list>li.sidebar-service .service-list i.icon-tel{background-position:-57px 2px}
#sidebar ul.list>li.sidebar-service .service-list span{display:block;margin:-5px 0 2px 30px;font-size:14px;color:#333}
#sidebar ul.list>li.sidebar-service .service-list a,#sidebar ul.list>li.sidebar-service .service-list small{display:block;margin:0 0 0 30px;font-size:14px;color:#888}
#sidebar ul.list>li.sidebar-mini .slip,#sidebar ul.list>li.sidebar-service .slip,#sidebar ul.list>li.sidebar-message .slip{width:182px}
#sidebar ul.list>li.sidebar-mini .slip .panel,#sidebar ul.list>li.sidebar-service .slip .panel,#sidebar ul.list>li.sidebar-message .slip .panel{padding:13px 12px}
#sidebar ul.list>li.sidebar-mini .slip .panel img,#sidebar ul.list>li.sidebar-message .slip .panel img{width:100%}
#sidebar ul.list>li.sidebar-mini .slip .panel span,#sidebar ul.list>li.sidebar-message .slip .panel span{display:block;line-height:24px;text-align:center;font-size:12px;color:#333}
#sidebar .admission{width:70px;height:70px;margin-bottom:10px;background:#ff7940;box-shadow:0 0 10px 0 rgba(0,0,0,.15);border-radius:6px}
#sidebar .admission a{display:block;padding:11px 0}
#sidebar .admission a small{display:block;width:36px;margin:0 auto;font-size:18px;color:#fff}
.notification-badge {
    display: inline;
    position: absolute;
    top: -10px;
    right: -50px;
    z-index: 1;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    background: #ff372b;
    border-radius: 11.5px 11.5px 11.5px 0;
    cursor: pointer;
    display: none;
}
/*分页*/
.pageModel{text-align:center;margin-top:30px;margin-bottom:30px}
.pageModel a{padding:5px 12px;margin:0 4px;background:#fff;border:1px solid #dbdbdb;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#333}
.pageModel a:hover{background-color:#FF6B35;color:#fff;border:1px solid #FF6B35}
.pageModel .current{background-color:#FF6B35;color:#fff;border:1px solid #FF6B35}
.pageModel .disabled{border:#eee 1px solid;margin:2px;color:#ccc;background-color:#fff}
.pageModel .current,.pageModel .disabled{line-height:20px;margin:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
/*===================
    preview
===================*/
a.preview-btns {
    background: #FF6B35;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    padding: 12px 28px;
    transition: all .3s;
    margin-top: 20px;
    margin-right: 10px;
    text-decoration:none;
}
a.preview-btns:hover {
    color: #fff;
    border-radius: 30px;
}
/*===================
    button
===================*/
.button {
    background: #FF6B35;
    border: 0;
    color: #fff;
    padding: 6px 14px 6px 14px;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    padding: 8px 20px;
    transition: all .3s;
    margin-top: 20px;
}

.button:hover {
    color: #fff;
    border-radius: 30px;
}

/*===================
    navbar
===================*/
.navbar {
    padding: 10px 0 10px 0;
}

.navbar .navbar-brand h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.6em;
}

.navbar .nav-item {
    font-size: medium;
}

.navbar .nav-item:last-child a {
    padding-right: 0 !important;
}
.navbar .user-item{
    padding-left: 18px;
    position: relative;
}
.navbar .user-link {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #111;
    padding: 0.5rem 0;
    
}
.navbar .nav-link {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #111;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.navbar .nav-link.dropdown-toggle i {
    margin-left: 12px;
    position: relative;
    top: 1px;
}

.navbar .dropdown-toggle::after {
    display: none;
}

.navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
    padding: 8px 20px 8px 20px;
    background: #fff;
    border: 0;
    box-shadow: 0px 0px 20px 0px #DDDDDD;
    width: 220px;
    margin-top: 10px;
}

.navbar .nav-item:hover .nav-link {
    color: #FF6B35;
}

.navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
}

.navbar .dropdown-menu.fade-up {
    top: 180%;
}

.navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
}

.navbar .dropdown-menu li {
    padding: 5px 0 5px 0;
}

.navbar .dropdown-menu li a {
    font-weight: 500;
    font-size: 14px;
    color: #111;
}

.navbar .dropdown-menu li a:hover {
    text-decoration: none;
    color: #FF6B35;
}
.user-info{
    height: 38px;
    display: flex;
    align-items: center;
}
.user-info img.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 3px;
    flex-shrink: 0;
    object-fit: cover;
}
.user-info img.authorize{
    width: 22px;
    height: 22px;
    margin-left: 3px;
}
.logined-user-info{
    height: 38px;
    display: none;
    align-items: center;
}
.logined-user-info img.avatar{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 3px;
    flex-shrink: 0;
    object-fit: cover;
}
.logined-user-info img.authorize{
    width: 22px;
    height: 22px;
    margin-left: 3px;
}
/*===================
    header intro
===================*/
.header-intro {
    background-image: url("../images/bg-hero.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.header-intro .entry {
    padding: 75px 0 75px 0;
}

.header-intro .entry span {
    color: #FF6B35;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.header-intro .entry h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin: 20px 0;
}

.header-intro .entry img {
    width: 100%;
}

/*===================
    header pages
===================*/
.header-pages .pages-title {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
    background-image: url("../images/bg-header-pages.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.header-pages .pages-title span {
    color: #FF6B35;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.header-pages .pages-title h2 {
    font-size: 38px;
    font-weight: 700;
    margin-top: 16px;
}

/*===================
    title section
===================*/
.title-section {
    text-align: center;
    padding-bottom: 40px;
}

.title-section span {
    color: #FF6B35;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
    display: block;
}

.title-section i {
    color: #818a91;
    font-size: 50px;
    margin-bottom: 15px;
}

/*===================
    services
===================*/
.services {
    background-image: url("../images/bg.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

.services .entry {
    margin: 0px 20px 0px 20px;
    padding: 20px 20px 2px 20px;
    border-radius: 10px;
    text-align: center;
}

.services .entry i {
    color: #FF6B35;
    font-size: 75px;
}

.services .entry h5 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.services .entry:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 45px 0px #DDDDDD;
}

.services .first-row {
    padding-bottom: 40px;
}

.services-page {
    padding: 0 0 75px 0;
}
/*===================
    log
===================*/
.log {
    background-image: url("../images/bg.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

.log .entry {
    margin: 0px 20px 0px 20px;
    padding: 20px 20px 2px 20px;
    border-radius: 10px;
    text-align: center;
}
.point-time {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  top: 17px;
  left: 25%;
  background: #1c87bf;
  margin-left: -4px;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #fff;
}
.point-bar{background-color: #FF6B35;}
.timeline-content article {
  position: relative;
  margin: 0 auto;
}
.timeline-content article > h3 {
  width: 20%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  font-size: 1.4em;
  color: #1d1d1d;
  padding: 10px 0 20px;
}
.timeline-content article section {
  padding: 0 0 17px;
  position: relative;
}
.timeline-content article section:before {
  content: "";
  width: 5px;
  top: 17px;
  bottom: -17px;
  left: 25%;
  background: #e6e6e6;
  position: absolute;
}
.timeline-content article section:last-child:before {
  display: none;
}
.timeline-content article section time {
  width: 20%;
  display: block;
  position: absolute;
}
.timeline-content article section time > span {
  display: block;
  text-align: right;
}
.timeline-content article section aside {
  color: #3a3a38;
  margin-left: 30%;
  padding-bottom: 15px;
}
.timeline-content article section .brief {
  color: #9f9f9f;
}
/*===================
    about us
===================*/
.about-us {
    background-image: url("../images/bg-about-us.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}

.about-us .entry img {
    padding-right: 40px;
}

.about-us .entry span {
    color: #FF6B35;
    font-size: 16px;
    font-weight: 600;
}

.about-us .entry h2 {
    margin: 20px 0;
}

.about-us-pages {
    padding-top: 0;
    background-image: none;
}

.our-mission .entry img {
    padding-right: 0;
    padding-left: 40px;
}

/*===================
    counter
===================*/
.counter {
    text-align: center;
}

.counter .content {
    background-color: #F9F9F9;
    background-image: url("../images/bg-counter.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 20px 60px 21px;
    border-radius: 10px;
}

.counter .content:hover {
    opacity: 0.7;
}

.counter .entry {
    font-size: 19px;
    font-weight: 400;
    color: #333;
}

.counter span {
    color: #FF6B35;
    font-size: 52px;
    display: block;
    font-weight: 600;
    margin-bottom: 30px;
}

/*===================
    pricing
===================*/
.pricing {
    background-image: url("../images/bg2.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 55px 0 130px;
}

.pricing .entry {
    text-align: center;
    border-radius: 10px;
    padding: 30px;
    margin: 0 15px 0 15px;
}

.pricing .entry h3 {
    font-size: 38px;
    color: #FF6B35;
    margin: 17px 0;
}

.pricing .entry ul {
    padding: 0;
    margin: 0;
}

.pricing .entry ul li {
    list-style: none;
    padding: 5px 0;
}

.pricing .entry:hover {
    box-shadow: 0px 1px 45px 0px #DDDDDD;
    background: #fff;
}

.pricing .entry-center {
    background: #FFE8DC;
}

.pricing .entry-center ul li {
    color: #111;
}

.pricing .entry-center:hover {
    background: #FFE8DC;
}

.pricing .pricing-button {
    background: transparent;
    border: 1px solid #FF6B35;
    color: #111;
}

.pricing .pricing-button:hover {
    color: #111;
}

.pricing-pages {
    background-image: none;
    padding: 0 0 100px 0;
    background-image: url(../images/bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.pricing-pages .nature {
    width: auto;
    overflow-x: scroll;
}
.pricing-pages .nature>span {
    display: block;
    padding: 40px;
    font-size: 20px;
    font-weight: bold;
}
.nature>ul {
    background: #fff;
}
@media screen and (max-width: 1279px) {
    .nature {
        width: auto;
        overflow-x: scroll;
    }

    .nature>ul {
        width: 1140px;
    }
}
.nature>ul>li {
    display: flex;
    line-height: 50px;
    border: 1px solid #FF8C5A;
    border-bottom: none;
    word-wrap: break-word;
}

.nature>ul>li>h5 {
    width: 140px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}

.nature>ul>li>h6 {
    width: 700px;
    font-weight: normal;
    border-left: 1px solid #FF8C5A;
    font-size: 14px;
    line-height: 50px;
    padding-left: 10px;
}

.nature>ul>li>span {
    width: 100px;
    border-left: 1px solid #FF8C5A;
    text-align: center;
}

.nature>ul>li.first,
.nature>ul>li.last {
    color: #fff;
    background: #FF6B35;
}

.yes {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(../images/com.png) -3px 0px;
}

.no {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(../images/com.png) -27px 0px;
}
/*===================
    why us
===================*/
.why-us {
    background-image: url("../images/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 130px;
}

.why-us .entry {
    margin: 0px 20px 0px 20px;
    padding: 20px 20px 2px 20px;
    border-radius: 10px;
    text-align: center;
}

.why-us .entry i {
    color: #FF6B35;
    font-size: 75px;
}

.why-us .entry h5 {
    margin-top: 25px;
    margin-bottom: 20px;
}

.why-us .entry:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 45px 0px #DDDDDD;
}

.why-us .first-row {
    padding-bottom: 40px;
}
/*===================
    anli work
===================*/
.our-anli {
    background-image: url("../images/bg.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 50px 0;
}

.our-anli .col-anli {
    margin-bottom: 30px;
    text-align: center;
}

.our-anli .col-anli img {
    width: auto;
    padding: 5px;
    transition: all .3s;
    width: 100%;
}

.our-anli .col-anli img:hover {
    opacity: 0.9;
    transform: scale(1.1);
}
/*===================
    our work
===================*/
.our-work {
    background-image: url("../images/bg2.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 50px 0;
}

.our-work .col-work {
    margin-bottom: 30px;
}

.our-work .col-work img {
    transition: all .3s;
}

.our-work .col-work img:hover {
    padding: 17px;
    opacity: 0.9;
}

/*===================
    testimonial
===================*/
.testimonial {
    background-image: url("../images/bg.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 130px;
}

.testimonial .entry {
    margin: 0px 13px 0px 13px;
    padding: 20px 20px 2px 20px;
    border-radius: 10px;
    text-align: center;
}

.testimonial .entry i {
    color: #FF6B35;
    font-size: 75px;
    margin-bottom: 25px;
}

.testimonial .entry h5 {
    margin-top: 35px;
    margin-bottom: 20px;
}

.testimonial .entry:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 45px 0px #DDDDDD;
}

.testimonial .first-row {
    padding-bottom: 40px;
}

.testimonial-work {
    background-image: url("../images/bg.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 130px;
    padding-top: 50px;
}

.testimonial-work .entry {
    margin: 0px 13px 0px 13px;
    padding: 20px 20px 2px 20px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
}

.testimonial-work .entry h5 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.testimonial-work .entry ul {
    margin-top: 25px;
}

.testimonial-work .entry ul li {
    display: inline-block;
}

.testimonial-work .entry ul li i {
    color: #f0ad4e;
}

.testimonial-work .entry:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 45px 0px #DDDDDD;
}

.testimonial-work .first-row {
    padding-bottom: 40px;
}

/*===================
    call action
===================*/
.call-action {
    padding: 30px 0 130px 0;
    text-align: center;
}

.call-action h2 {
    margin-bottom: 20px;
}

.call-action p {
    padding: 0 20%;
}

/*===================
    features
===================*/
.features {
    padding: 0 0 130px 0;
}

.features .entry img {
    padding-right: 40px;
}

.features .entry span {
    color: #FF6B35;
    font-size: 16px;
    font-weight: 600;
}

.features .entry h4 {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}

.features .accordion {
    margin-top: 30px;
}

.features .accordion .card {
    border-radius: 0;
}

.features .accordion .card-header {
    background: #fff;
    margin: 0;
    padding: 3px 6px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    border-bottom: 0;
}

.features .accordion .card-header button {
    color: #111;
    font-weight: 700;
    outline: none;
    font-size: 14px;
}

.features .accordion .card-header button i {
    margin-right: 15px;
    color: #888;
}

.features .accordion .card-header button:hover {
    text-decoration: none;
    color: #FF6B35;
}

.features .accordion .card-header button:focus {
    text-decoration: none;
    box-shadow: none;
}

.features .accordion .collapse.show {
    border-top: 1px solid #ddd;
}

/*===================
    faq
===================*/
.faq {
    padding-bottom: 120px;
}

.faq .title-section {
    padding-bottom: 50px;
}

.faq h5 {
    margin-bottom: 20px;
    margin-top: 23px;
}

/*===================
    404
===================*/
.page404 {
    text-align: center;
    padding-bottom: 130px;
}

.page404 img {
    width: 50%;
}

.page404 h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}

.page404 p {
    padding: 0 25%;
}

/*===================
    Contact us
===================*/
.contact-us {
    padding-bottom: 130px;
}

.contact-us .entry {
    margin: 10px 0;
    border-radius: 5px;
    border: 1px solid #bcbcbc;
    padding: 24px 28px 10px 28px;
}

.contact-us .entry h5 {
    margin-bottom: 10px;
}

.contact-us .entry ul li {
    padding: 12px 0;
}

.contact-us .entry ul li i {
    margin-right: 15px;
    font-size: 15px;
}
.contact-us .entry ul li .qq-qun{display: flex;}
.contact-us .entry ul li .qq-qun-img{
    width: 50%;
    text-align: center;
}
.contact-us .entry ul li .qq-qun-img img{
    width: 120px;
    height: 120px;
    text-align: center;
}
.contact-us .entry ul li .qq-qun-join{
    width: 50%;
    text-align: center;
}
/*===================
    footer
===================*/
footer {
    text-align: center;
    background: #302C42;
    padding: 130px 29%;
    color: #ddd;
    line-height: 22px;
    font-weight: 400;
}

footer h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

footer h6 {
    color: #DDDDDD;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

footer ul {
    margin-top: 22px;
    margin-bottom: 22px;
}

footer ul li {
    display: inline-block;
    margin: 0 7px;
}

footer ul li a{
    color: #bdbdbd;
}
footer ul li a:hover{
    color: #ddd;
}
/*===================
    responsive
===================*/
@media (max-width:767px) {
    .navbar-brand {
        margin-left: 15px;
    }

    .header-intro .entry-img {
        padding-top: 0;
    }


    .navbar .nav-item .dropdown-menu {
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        padding: 8px 20px 8px 20px;
        background: #fff;
        border: 0;
        box-shadow: 0px 0px 20px 0px #DDDDDD;
        width: 220px;
        margin-top: 10px;
        margin-left: 20px;
    }

    .navbar .nav-item:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
        display: block;
    }

    .services .entry {
        margin: 0;
    }

    .about-us .entry img {
        padding-right: 0;
        padding-bottom: 55px;
    }

    .counter .entry {
        padding: 10px 0;
        margin-bottom: 30px;
    }

    .counter .col-md-4:last-child .entry {
        margin-bottom: 0;
    }


    .pricing .entry {
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .pricing .col-md-4:last-child .entry {
        margin-bottom: 0;
    }

    footer {
        padding: 130px 0;
    }

    .call-action p {
        padding: 0;
    }

    .page404 {
        text-align: center;
        padding-bottom: 130px;
    }

    .page404 img {
        width: 100%;
    }

    .page404 h2 {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .page404 p {
        padding: 0;
    }

    .our-mission .entry img {
        padding-left: 0;
    }

    .why-us .entry {
        margin: 0;
    }

}

@media (max-width:575px) {
    .container {
        width: 100%;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .counter .container {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-brand {
        margin-left: 0;
    }

    .navbar-toggler {
        padding-right: 0;
    }

    .navbar .nav-link {
        padding-left: 2px !important;
    }
    .navbar .user-item{
        padding-left: 2px;
    }
     .navbar .nav-item .dropdown-menu {
       margin-left: 0;
    }

    .counter {
        padding: 0 30px;
    }

    .services .entry {
        margin: 0;
    }

    .pricing .entry {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar .user-item .user-info{
        display: none;
    }
    .logined-user-info{
        display: flex;
    }
    .our-anli .col-anli{width: 48%;float: left;}
}