.customer-manage {
  margin-top: 60px;
}

.banner-box {
  position: relative;
}

.manage-banner {
  display: block;
  width: 100%;
}

.block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 36px;
}

.banner-txt {
  width: 1200px;
  margin: 0 auto;
}

.banner-btitle {
  margin-bottom: 30px;
}

.banner-stitle {
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 38px;
}

/* 标题 */
.client-btitle {
  color: #111111;
  font-size: 30px;
  text-align: center;
}

.client-stitle {
  color: #777777;
  font-size: 18px;
  text-align: center;
}

.client-ding {
  width: 950px;
  margin: 0 auto;
  text-align: center;
}

.ding-pic {
  width: 100%;
}

/* 鼠标经过导航图文切换 */
.one .c-r-item:nth-child(1):hover .c-r-icon-title {
  color: rgb(56, 116, 246);
}
.one .c-r-item:nth-child(2):hover .c-r-icon-title {
  color: rgb(255, 134, 16);
}
.one .c-r-item:nth-child(3):hover .c-r-icon-title {
  color: rgb(19, 183, 97);
}
.one .c-r-item:nth-child(4):hover .c-r-icon-title {
  color: rgb(135, 88, 242);
}
.one .c-r-item:nth-child(5):hover .c-r-icon-title {
  color: rgb(56, 116, 246);
}
.one .c-r-item:nth-child(6):hover .c-r-icon-title {
  color: rgb(255, 134, 16);
}
.one .c-r-item:nth-child(7):hover .c-r-icon-title {
  color: rgb(19, 183, 97);
}
.one .c-r-item:nth-child(8):hover .c-r-icon-title {
  color: rgb(135, 88, 242);
}

.two .c-r-item:nth-child(1):hover .c-r-icon-title {
  color: rgb(52, 117, 246)
}
.two .c-r-item:nth-child(2):hover .c-r-icon-title {
  color: rgb(255, 134, 16)
}
.two .c-r-item:nth-child(3):hover .c-r-icon-title {
  color: rgb(19, 183, 97)
}
.two .c-r-item:nth-child(4):hover .c-r-icon-title {
  color: rgb(135, 88, 242)
}
.two .c-r-item:nth-child(5):hover .c-r-icon-title {
  color: rgb(52, 117, 246)
}
.two .c-r-item:nth-child(6):hover .c-r-icon-title {
  color: rgb(255, 134, 16)
}
.two .c-r-item:nth-child(7):hover .c-r-icon-title {
  color: rgb(19, 183, 97)
}

.three .c-r-item:nth-child(1):hover .c-r-icon-title {
  color: rgb(65, 126, 246)
}
.three .c-r-item:nth-child(2):hover .c-r-icon-title {
  color: rgb(19, 183, 97)
}
.three .c-r-item:nth-child(3):hover .c-r-icon-title {
  color: rgb(153, 153, 153)
}







.client-box {
  width: 100%;
  padding-top: 44px;
  padding-bottom: 43px;
}

.client-inner {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.lf {
  float: left;
}

.rt {
  float: right;
}

.client-pic {
  width: 680px;
  height: 610px;
  display: block;
}

.client-right {
  width: 432px;
  padding-top: 100px;
}

.c-r-title {
  color: #111111;
  font-size: 30px;
}

.c-r-btitle {
  color: #111111;
  font-size: 24px;
  padding: 40px 0 22px;
}

.c-r-stitle {
  color: #111111;
  font-size: 16px;
  line-height: 30px;
  height: 60px;
}

.c-r-nav {
  padding-top: 60px;
  overflow: hidden;
}

.c-r-item {
  width: 64px;
  float: left;
  margin-right: 58px;
  margin-bottom: 38px;
}

.c-r-item:nth-child(4n) {
  margin-right: 0;
}

.c-r-icon {
  display: block;
  margin: 0 auto;
}

.c-r-icon-title {
  color: #777777;
  font-size: 16px;
  text-align: center;
  padding-top: 18px;
}

.client-bg {
  background: #F7F7FA;
}

/* 二维码 */
.er-code {
  width:378px;
  margin: 60px auto 120px;
  overflow: hidden;
}

.ios-pic {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}

.ios-title, .android-title {
  color: #777777;
  font-size: 18px;
  text-align: center;
  padding-top: 12px;
}


.tabs {
  display: flex;
  width: 530px;
  margin: 0 auto;
}
.tabs_item {
  width: 50%;
  height: 143px;
  cursor: pointer;
}
.downloads {
  width: 100%;
  height: 400px;
}
.line {
  width: 60px;
  height: 35px;
  line-height: 0;
  margin: 0 auto;
}
.line_red {
  box-sizing: border-box;
  border-bottom: 5px solid #0252CC;
  color: #0252CC;
}
.none {
  display: none;
}
#yun>.downloads {
  width:1280px;
}
#open>.downloads {
  width: 640px;
}
.downloads {
  display: flex;
  margin: 0 auto;
  justify-content: space-around;
}
.downloads_main {
  width: 220px;
  height: 300px;
  margin-top: 52.5px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.downloads_img {
  margin-top: 52px;
}
.downloads_code {
  margin-top: 30px;
}
.downloads_text {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.downloads_jp {
  width: 120px;
  height: 36px;
  margin-top: 10px;
  color: #0252CC;
  font-size: 14px;
  line-height: 36px;
  margin: 15px auto 0px;
  border: 1px solid #0252CC;
  border-radius: 30px;
  cursor: pointer;
}
.hovers{
  display: none;
}
.hovers>.downloads_img {
  border-radius: 22px;
}
.hovers-text {
  font-size: 12px;
  cursor: default;
}
.jp_bg {
  color: #fff;
  font-size: 14px;
  width: 120px;
  line-height: 36px;
  background: #0252CC;
}
#ios_content-two {
  display: none;
}
#android_content-two {
  display: none;
}
#ios_img-java {
  display: none;
  margin-top: 15px;
}
#android_img-java {
  display: none;
  margin-top: 15px;
}
#ios_img-php {
  display: none;
  margin-top: 15px;
}
#android_img-php {
  display: none;
  margin-top: 15px;
}
.ios_text {
  font-size: 20px;
  margin: 25px 0 11px;
}
.ios_hover-text {
  font-size: 12px;
}
.open_ios-text {
  font-size: 12px;
  line-height: 0;
}
#cloud {
  display: none;
}
#select_strick {
  display: none;
}