/* 产品页面背景CSS */
.quick_amount .btn-light-primary::after {
	  content: ' $';
}
.xiazai{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:url(/style/img/bg/2.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
.hosting{
	    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(/style/img/bg/testimonial.jpg);
    background-size: cover;
    background-position: center 0px; /* 水平居中，垂直方向下移10px */
    background-repeat: no-repeat;
	
}


.hosting1{
 background:#0c2531 url(/style/img/bg/banner-overlay.png);
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hostings1{
    background: url(/style/img/bg/img-1.png) calc(100% - 0px) calc(100% - 50px) no-repeat;
    background-size: 26%;
}
.cloud{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(/style/img/bg/pebris_cloud.png);
    background-size: cover;
    background-position: center 20px; /* 水平居中，垂直方向下移10px */
    background-repeat: no-repeat;
}
.cloud2{
 background:#000 url(/style/img/bg/banner-overlay.png);
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clouds2{
    background:url(/style/img/bg/layout-86-banner.png) calc(100%) bottom no-repeat;
    background-size: 35%;
}
.server{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(/style/img/bg/pebris_server.png?d=13);
    background-size: cover;
    background-position: center 0px; /* 水平居中，垂直方向下移10px */
    background-repeat: no-repeat;
}
.oss{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(/style/img/bg/oss.png);
    background-size: cover;
    background-position: center 7px; /* 水平居中，垂直方向下移8px */
    background-repeat: no-repeat;
}

.guajibao{
 background:#000 url(/style/img/bg/banner-overlay.png);
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.guajibaos{
    background:url(/style/img/bg/img-host2.png) calc(100% + 30px) calc(100% - 55px) no-repeat;
    background-size: 35%;
}
.ssl_bg{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:url(/style/img/bg/t0125942d4ece60b0c5.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
.xiaochengxu{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:url(/style/img/bg/blog-bg.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
.yuming{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:url(/style/img/bg/content_banner.35bc01a5.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
/* 产品页面背景CSS */
.foot{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background-color:#fff;
	background:#fff url(/style/img/home_partner_bg.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
.sheji{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:url(/style/img/20211101-140004-eb5d.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
/**cp_bg**/

.foot-b{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:#fff;
	background:url(/style/img/bg/2280.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
.wx-app{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background:#131829 url(/style/img/about_bg.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
.docbg {
    background: #fff url(/assets/media/illustrations/counting.png) calc(100% - 40px) bottom no-repeat;
    background-size: 28%;
}
.dwbg {
    background: #fff url(/assets/media/illustrations/defence.png) calc(100% - 40px) bottom no-repeat;
    background-size: 25%;
}
.jbbg{
	background-image: linear-gradient(135deg, #fff 0%, #f7fffc 80%);
}
/* 渐变 */
.via-\[\#D5C98C\] {
    --tw-gradient-to: hsla(50,46%,69%,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#d5c98c,var(--tw-gradient-to)!important
}

.via-\[\#FFA900\] {
    --tw-gradient-to: rgba(255,169,0,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#ffa900,var(--tw-gradient-to)!important
}

.via-\[rgba\(115\2c 131\2c 240\2c 0\.5\)\] {
    --tw-gradient-to: rgba(115,131,240,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),rgba(115,131,240,.5),var(--tw-gradient-to)!important
}

.via-white {
    --tw-gradient-to: hsla(0,0%,100%,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#fff,var(--tw-gradient-to)!important
}

.via-\[\#007589\] {
    --tw-gradient-to: rgba(0,117,137,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#007589,var(--tw-gradient-to)!important
}

.via-\[\#FFE3B4\] {
    --tw-gradient-to: rgba(255,227,180,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#ffe3b4,var(--tw-gradient-to)!important
}

.via-\[\#1D59B3\] {
    --tw-gradient-to: rgba(29,89,179,0)!important;
    --tw-gradient-stops: var(--tw-gradient-from),#1d59b3,var(--tw-gradient-to)!important
}

.to-white {
    --tw-gradient-to: #fff!important
}

.to-\[\#ff5700\] {
    --tw-gradient-to: #ff5700!important
}

.to-yellow-100 {
    --tw-gradient-to: #fef9c3!important
}

.to-\[\#0d083e\] {
    --tw-gradient-to: #0d083e!important
}

.to-black {
    --tw-gradient-to: #000!important
}

.to-primary {
    --tw-gradient-to: #fe7300!important
}

.to-\[\#c04848\] {
    --tw-gradient-to: #c04848!important
}

.to-\[\#6d2856\] {
    --tw-gradient-to: #6d2856!important
}

.to-\[\#460646\] {
    --tw-gradient-to: #460646!important
}

.to-\[\#0b1fc0\] {
    --tw-gradient-to: #0b1fc0!important
}

.to-\[\#6d42d3\] {
    --tw-gradient-to: #6d42d3!important
}

.to-\[\#0E1EBD\] {
    --tw-gradient-to: #0e1ebd!important
}

.to-\[\#4389a2\] {
    --tw-gradient-to: #4389a2!important
}

.to-\[\#5f4d92\] {
    --tw-gradient-to: #5f4d92!important
}

.to-\[\#452869\] {
    --tw-gradient-to: #452869!important
}

.to-\[\#ED6336\] {
    --tw-gradient-to: #ed6336!important
}

.to-\[\#000000\] {
    --tw-gradient-to: #000!important
}

.to-\[\#FFF\] {
    --tw-gradient-to: #fff!important
}

.to-\[\#A6A6A6\] {
    --tw-gradient-to: #a6a6a6!important
}

.to-\[\#1E5AB4\] {
    --tw-gradient-to: #1e5ab4!important
}

.to-\[\#E3F8FD\] {
    --tw-gradient-to: #e3f8fd!important
}

.to-\[\#F6F7FA\] {
    --tw-gradient-to: #f6f7fa!important
}

.to-\[\#F5F6FA\] {
    --tw-gradient-to: #f5f6fa!important
}

.to-\[\#E6EDFC\] {
    --tw-gradient-to: #e6edfc!important
}

.to-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
    --tw-gradient-to: hsla(0,0%,100%,.5)!important
}

.to-\[\#DFE9F9\] {
    --tw-gradient-to: #dfe9f9!important
}

.to-white\/0 {
    --tw-gradient-to: hsla(0,0%,100%,0)!important
}

.to-\[\#0BD9ED\] {
    --tw-gradient-to: #0bd9ed!important
}

.to-\[\#FFBB23\] {
    --tw-gradient-to: #ffbb23!important
}

.to-\[\#DFE9F9\]\/\[50\%\] {
    --tw-gradient-to: rgba(223,233,249,.5)!important
}

.to-\[rgba\(242\2c 245\2c 255\2c 0\)\] {
    --tw-gradient-to: rgba(242,245,255,0)!important
}

.to-\[rgba\(238\2c 244\2c 251\2c 0\.32\)\] {
    --tw-gradient-to: rgba(238,244,251,.32)!important
}

.to-\[\#46408b\] {
    --tw-gradient-to: #46408b!important
}

.to-\[\#7C85C6\] {
    --tw-gradient-to: #7c85c6!important
}

.to-\[\#E0EAF8\] {
    --tw-gradient-to: #e0eaf8!important
}

.to-\[\#D4E3FA\] {
    --tw-gradient-to: #d4e3fa!important
}

.to-\[rgba\(118\2c 131\2c 240\2c 0\)\] {
    --tw-gradient-to: rgba(118,131,240,0)!important
}

.to-\[rgba\(177\2c 130\2c 233\2c 1\)\] {
    --tw-gradient-to: #b182e9!important
}

.to-\[\#6E83F1\],.to-\[rgba\(110\2c 131\2c 241\2c 1\)\] {
    --tw-gradient-to: #6e83f1!important
}

.to-\[\#FFFFFF\] {
    --tw-gradient-to: #fff!important
}

.to-\[\#CEA773\] {
    --tw-gradient-to: #cea773!important
}

.to-\[rgba\(178\2c 226\2c 255\2c 0\.2\)\] {
    --tw-gradient-to: rgba(178,226,255,.2)!important
}

.to-\[\#1E46FF\] {
    --tw-gradient-to: #1e46ff!important
}

.to-\[\#26FBDC\] {
    --tw-gradient-to: #26fbdc!important
}

.to-\[\#00A4FF\] {
    --tw-gradient-to: #00a4ff!important
}

.to-\[\#D5C98C\] {
    --tw-gradient-to: #d5c98c!important
}

.to-\[rgba\(187\2c 204\2c 246\2c 1\)\] {
    --tw-gradient-to: #bbccf6!important
}

.to-\[\#F6FBFF\] {
    --tw-gradient-to: #f6fbff!important
}

.to-\[\#F7FCFF\] {
    --tw-gradient-to: #f7fcff!important
}

.to-\[rgba\(64\2c 118\2c 232\2c 0\.1\)\] {
    --tw-gradient-to: rgba(64,118,232,.1)!important
}

.to-\[\#845BFE\] {
    --tw-gradient-to: #845bfe!important
}

.to-\[rgba\(116\2c 183\2c 255\2c 0\.04\)\] {
    --tw-gradient-to: rgba(116,183,255,.04)!important
}

.to-\[rgba\(216\2c 231\2c 255\2c 1\)\] {
    --tw-gradient-to: #d8e7ff!important
}

.to-\[\#EBF7FF\] {
    --tw-gradient-to: #ebf7ff!important
}

.to-\[rgba\(228\2c 244\2c 255\2c 0\.16\)\] {
    --tw-gradient-to: rgba(228,244,255,.16)!important
}

.to-\[\#EBF2FF\] {
    --tw-gradient-to: #ebf2ff!important
}

.to-transparent {
    --tw-gradient-to: transparent!important
}

.to-\[rgba\(112\2c 133\2c 241\2c 0\)\] {
    --tw-gradient-to: rgba(112,133,241,0)!important
}

.to-\[rgba\(0\2c 0\2c 0\2c 0\)\] {
    --tw-gradient-to: transparent!important
}
/* 渐变 */
/*text限制行数*/
.text-yi{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-er{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-san{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-si{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-wu{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-liu{
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-qi{
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.badge-open{
	color: #50cd89 !important;
	background-color: #e8fff3;
	}
.badge-light-open{
	color: #50cd89 !important;
	background-color: #e8fff3;
	}
/**等待**/
.status-on-hold{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
/**草稿**/
.status-draft{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
/**交付**/
.status-delivered{
	color: #50cd89 !important;
	background-color: #e8fff3;
	}
	
/**已接受**/
.status-accepted{
	color: #50cd89 !important;
	background-color: #e8fff3;
	}
/**丢失**/
.status-lost{
	    color: #f1416c !important;
	    background-color: #fff5f8;
	}
/**失效**/
.status-dead{
	    color: #181c32 !important;
	    background-color: #eff2f5;
	}
.status-cancelled{
    color: #7e8299;
    background-color: #f5f8fa;
	}
/**审核中**/
.badge-customer-reply{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
.badge-pending{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
/**有效的**/
.badge-active{
	color: #50cd89 !important;
	background-color: #e8fff3;
	}
.badge-answered{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
.status-paid{
	color: #50cd89 !important;
	background-color: #e8fff3;
	}
/**已暂停**/
.badge-terminated{
	    color: #f1416c !important;
	    background-color: #fff5f8;
	}
.badge-cancelled{
	    color: #f1416c !important;
	    background-color: #fff5f8;
	}
.badge-suspended{
	    color: #f1416c !important;
	    background-color: #fff5f8;
	}
.status-unpaid{
	    color: #f1416c !important;
	    background-color: #fff5f8;
	}
.badge-light-answered{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
.badge-light-customer-reply{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
.badge-light-on-hold{
	    color: #ffc700 !important;
	    background-color: #fff8dd;
	}
.badge-light-in-progress{
	    color: #f1416c !important;
	    background-color: #fff5f8;
	}
.badge-light-closed{
	    color: #181c32 !important;
	    background-color: #eff2f5;
	}
	
.sotop{
	margin-top:-55px;
}
/* 加载中样式 */
/*===== All Preloader Style =====*/

.preloader {
  /* Body Overlay */
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
-webkit-backdrop-filter: saturate(180%) blur(1px);
	  backdrop-filter: saturate(180%) blur(1px);
	  background: rgba(0,0,0,0.7);
  z-index: 99999; }
  .preloader .loader {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .preloader .loader .ytp-spinner {
      position: absolute;
      left: 50%;
      top: 40%;
      width: 64px;
      margin-left: -32px;
      z-index: 18;
      pointer-events: none; }
      .preloader .loader .ytp-spinner .ytp-spinner-container {
        pointer-events: none;
        position: absolute;
        width: 100%;
        padding-bottom: 100%;
        top: 40%;
        left: 50%;
        margin-top: -50%;
        margin-left: -50%;
        -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        animation: ytp-spinner-linspin 1568.23529647ms linear infinite; }
        .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
          position: absolute;
          width: 100%;
          height: 100%;
          -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
          .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            overflow: hidden;
            right: 50%; }
          .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            left: 50%; }
    .preloader .loader .ytp-spinner-circle {
      box-sizing: border-box;
      position: absolute;
      width: 200%;
      height: 100%;
      border-style: solid;
      /* Spinner Color */
      border-color: #0067f4 #0067f4 #e9ecef;
      border-radius: 50%;
      border-width: 3px; }
    .preloader .loader .ytp-spinner-left .ytp-spinner-circle {
      left: 0;
      right: -100%;
      border-right-color: #e9ecef;
      -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
    .preloader .loader .ytp-spinner-right .ytp-spinner-circle {
      left: -100%;
      right: 0;
      border-left-color: #e9ecef;
      -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    -moz-transform: rotate(675deg);
    -ms-transform: rotate(675deg);
    -o-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    -moz-transform: rotate(810deg);
    -ms-transform: rotate(810deg);
    -o-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg); } }
@keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    -moz-transform: rotate(675deg);
    -ms-transform: rotate(675deg);
    -o-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    -moz-transform: rotate(810deg);
    -ms-transform: rotate(810deg);
    -o-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg); } }
@-webkit-keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); } }
@keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); } }
@-webkit-keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); } }
@keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); } }
/* 加载中样式 */

.kbbg2{
    background-image: -moz-linear-gradient(60deg,#f14141 0,#fca432 100%);
    background-image: -webkit-linear-gradient(60deg,#f14141 0,#fca432 100%);
    background-image: -ms-linear-gradient(60deg,#f14141 0,#fca432 100%);
    background-image: -linear-gradient(60deg,#f14141 0,#fca432 100%)
}
.kbbg5{
background-image: -moz-linear-gradient(60deg,#e1199e 0,#6a14d1 100%);
    background-image: -webkit-linear-gradient(60deg,#e1199e 0,#6a14d1 100%);
    background-image: -ms-linear-gradient(60deg,#e1199e 0,#6a14d1 100%);
    background-image: linear-gradient(60deg,#e1199e 0,#6a14d1 100%);
}
.kbbg7{
    background-image: -moz-linear-gradient(60deg,#453bc6 0,#2d80fd 100%);
    background-image: -webkit-linear-gradient(60deg,#453bc6 0,#2d80fd 100%);
    background-image: -ms-linear-gradient(60deg,#453bc6 0,#2d80fd 100%);
    background-image: linear-gradient(60deg,#453bc6 0,#2d80fd 100%)
}
.kbbg1{
    background-image: -moz-linear-gradient(60deg,#652fc0 0,#8769e9 100%);
    background-image: -webkit-linear-gradient(60deg,#652fc0 0,#8769e9 100%);
    background-image: -ms-linear-gradient(60deg,#652fc0 0,#8769e9 100%);
    background-image: linear-gradient(60deg,#652fc0 0,#8769e9 100%)
}
.kbbg{
-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -moz-transition: transform .3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -ms-transition: transform .3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -o-transition: transform .3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    transition: transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
}

.kbbg:hover {
    -webkit-transform: translateY(-2px) translate3d(0, -2px, 0);
    -moz-transform: translateY(-2px) translate3d(0, -2px, 0);
    -ms-transform: translateY(-2px) translate3d(0, -2px, 0);
    transform: translateY(-2px) translate3d(0, -2px, 0);
	    -webkit-transition: transform .3s cubic-bezier(0.21,0.6,0.44,2.18);
    -moz-transition: transform .3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -ms-transition: transform .3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -o-transition: transform .3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    transition: transform .3s cubic-bezier(0.21,0.6,0.44,2.18);

}