:root {
--hovercolor: #e50012;
--textcolor: #535262;
--bgcolor: #848596;
--hyh_fs72: 72px;
--hyh_fs60: 60px;
--hyh_fs54: 54px;
--hyh_fs48: 48px;
--hyh_fs45: 46px;
--hyh_fs42: 40px;
--hyh_fs38: 38px;
--hyh_fs36: 32px;
--hyh_fs30: 30px;
--hyh_fs28: 28px;
--hyh_fs24: 24px;
--hyh_fs22: 22px;
--hyh_fs18: 18px;
--hyh_fs16: 16px;
--hyh_fs14: 14px;
--hyh_m20: 20px;
--hyh_p20: 20px;
}
.flex{
display:flex;
}
.t-left{
text-align:left;
}
.t-center{
text-align:center;
}
.t-right{
text-align:right;
}
/*media*/
@media only screen and (max-width:1440px) {
:root {
--hyh_fs72: 54px;
--hyh_fs60: 48px;
--hyh_fs54: 42px;
--hyh_fs48: 45px;
--hyh_fs45: 42px;
--hyh_fs42: 38px;
--hyh_fs38: 30px;
--hyh_fs36: 28px;
--hyh_fs30: 26px;
--hyh_fs28: 24px;
--hyh_fs24: 22px;
--hyh_fs22: 18px;
--hyh_fs18: 16px;
--hyh_fs16: 14px;
}
}
@media only screen and (max-width:1366px) {
:root {
--hyh_fs72: 42px;
--hyh_fs60: 45px;
--hyh_fs54: 42px;
--hyh_fs48: 45px;
--hyh_fs45: 38px;
--hyh_fs42: 32px;
--hyh_fs38: 28px;
--hyh_fs36: 26px;
--hyh_fs30: 24px;
--hyh_fs28: 22px;
--hyh_fs24: 20px;
--hyh_fs22: 16px;
--hyh_fs18: 16px;
--hyh_fs16: 14px;
--hyh_fs14: 12px;
}
}
/*幻灯按钮更新*/
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
width: 36px;
height: 36px;
background: rgba(0, 0, 0, .6);
border-radius: 100%;
transition: all ease .3s;
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
font-size: 18px;
font-weight: bold;
color: #fff;
}
.swiper .swiper-button-next {
right: 0;
}
.swiper .swiper-button-prev {
left: 0;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
background: var(--bgcolor);
}
.p_articles img{
max-width: 800px!important;height: auto!important;
width: auto!important;display: block!important;
margin: 0 auto;
}
.p_articles div,
.p_articles p{
font-size: 1rem;
line-height: 2rem;
color: #666;
}
.p_articles table {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.p_articles td {
border-color: #ccc;
}
.e_breadcrumb-3 .siblings::after{
display:none!important;
}
/*在线客服颜色*/
.pl_service2 .service_value,
.pl_service2 .service_item {
background-color: var(--bgcolor)!important;
}
.pl_service2 .service_value,
.pl_service2 .service_item {
background-color: var(--bgcolor)!important;
}
.pl_service2 .service_value::after {
border-left: 6px solid var(--bgcolor)!important;
}
.pl_service2 .service_icon .icon {
fill: #fff!important;
}.pl_service2 .service_value .p_doThirdFunc .icon {
display: none;
}
/*翻页颜色*/
.page_a.current:hover {
background-color: var(--bgcolor)!important;
color: rgba(255, 255, 255, 1);
border-color: var(--bgcolor)!important;
}
.page_a.current {
background-color: var(--bgcolor)!important;
font-size: 14px;
font-family: Arial;
color: rgba(255, 255, 255, 1);
border-style: solid;
border-width: 0;
border-color: var(--bgcolor)!important;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.page_a:hover {
color: var(--bgcolor)!important;
border-color: var(--bgcolor)!important;
background-color: rgba(255, 255, 255, 0);
}
/*触发按钮*/
.hyh_button{
border-radius: 30px;
border:1px solid var(--bgcolor);
color: var(--bgcolor);
}
.hover {
background-color: rgba(0, 0, 0, 0);
position: relative;
transition: all .5s ease;
z-index: 1;
overflow: hidden;
}
.hover span {
position: relative;
z-index:2;
}
.hover:hover:after {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.hover:after {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
background: var(--bgcolor);
border: 1px solid var(--bgcolor);
z-index: 1;
transition: all .5s ease;
}
/*文字闪动*/
#c_static_001-1645253205640 .s_title span ,
#c_static_001-16575286501900 .s_title span {
opacity:0;
display:inline-block;
min-width:0.5em;
letter-spacing:0.1em;    transition: all .2s;
text-transform:uppercase;
}
#c_static_001-1645253205640 .s_title.response-transition span ,
#c_static_001-16575286501900 .s_title.response-transition span {
transition: all .2s;
opacity:1;
}
.light .yjTitle{
background-color:var(--textcolor)!important;
}
.ejTitle:hover {
background-color: var(--textcolor)!important;
}
.yjTitle:hover {
background-color:var(--textcolor)!important;
}
.mt20{margin-top:20px;}
.img100 {
position: relative;
padding-bottom: 100%;
}
.img100 img {
position: absolute;
left: 50%;
top: 50%;
transition: all .5s ease;
transform: translate(-50%, -50%) scale(1, 1);
}
.img100:hover img {
position: absolute;
left: 50%;
top: 50%;
transition: all .5s ease;
transform: translate(-50%, -50%) scale(1.15, 1.15);
}
.img75 {
position: relative;
padding-bottom: 75%;
}
.img75 img {
position: absolute;
left: 50%;
top: 50%;
transition: all .5s ease;
transform: translate(-50%, -50%) scale(1, 1);
}
.img75:hover img {
position: absolute;
left: 50%;
top: 50%;
transition: all .5s ease;
transform: translate(-50%, -50%) scale(1.15, 1.15);
}
.img125 {
position: relative;
padding-bottom: 125%;
}
.img125 img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1, 1);
-webkit-transform: translate(-50%, -50%) scale(1, 1);
-ms-transform: translate(-50%, -50%) scale(1, 1);
transform: translate(-50%, -50%) scale(1, 1);
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s;
}
.img125:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.15, 1.15);
-ms-transform: translate(-50%, -50%) scale(1.15, 1.15);
transform: translate(-50%, -50%) scale(1.15, 1.15);
opacity: 1;
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s;
}
.big_img img {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: -webkit-transform 1s linear;
transition: transform 1s linear;
transition: transform 0.35s ease 0s;
}
.big_img:hover img {
-webkit-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
transform: scale(1.15, 1.15);
opacity: 1;
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s;
}
/*滑动光线*/
.line{
border-left:1px solid rgba(255,255,255,.3);
}
.line::after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 1px;
top: 0;
left: -1px;
background-color: #fff;
-webkit-animation: moveLeftBounces-one 20s linear infinite;
animation: moveLeftBounces-one 20s linear infinite;
}
.line::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
@-webkit-keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/*留言表单*/
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 15px);
padding: 0.375rem 0.8rem;
line-height: 1.5;
color: #495057;
background-color: #fbfbfb;
background-clip: padding-box;
border: 2px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
box-shadow: none !important;
}
.p_required, [class^=e_][required] .p_label::after {
vertical-align: middle;
font-size: 14px;
line-height: 100%;
top: 0;
padding-left: 0px;
position: relative;
font-weight: 500;
}
.p_label .s_label{
color: rgb(0 0 0 / 50%);
}
/*容器滑动
.response-transition .s_layout .p_item:nth-child(1){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:0.3s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .s_layout .p_item:nth-child(2){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:0.8s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .s_layout .p_item:nth-child(3){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:1.1s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .s_layout .p_item:nth-child(4){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:1.5s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .s_layout .p_item:nth-child(5){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:2s;
animation-fill-mode:both;
opacity:1;
}
/*循环体
.response-transition .p_list .p_loopitem:nth-child(1){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:0.3s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .p_list .p_loopitem:nth-child(2){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:0.8s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .p_list .p_loopitem:nth-child(3){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:1.1s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .p_list .p_loopitem:nth-child(4){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:1.5s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .p_list .p_loopitem:nth-child(5){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:2s;
animation-fill-mode:both;
opacity:1;
}
.response-transition .p_list .p_loopitem:nth-child(6){
animation-name:fadeInUp;
animation-duration:2s;
animation-delay:2.5s;
animation-fill-mode:both;
opacity:1;
}*/
@media only screen and (max-width: 768px){
.p_articles img{
max-width: 800px!important;height: auto!important;
width: 100%!important;display: block!important;
margin: 0 auto;
}
.p_linkBox.light .yjTitle .yjLink{
color: #fff!important;
}
.moveBtn{
background-color:var(--textcolor)!important;
border: 1px solid var(--textcolor)!important;
}
}
/*循环体滑动*/
/*bootstrap 响应式样式*/
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}