@charset "UTF-8";
@import url(./fonts/font-awesome.min.css);

/* 珊栏布局8等分 */
.col-xs-1-8,
.col-sm-1-8,
.col-md-1-8,
.col-lg-1-8 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.col-xs-1-8 {
  width: 12.5%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-8 {
    width: 12.5%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-8 {
    width: 12.5%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-8 {
    width: 12.5%;
    float: left;
  }
}

/*reset--css*/
* {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial,
    "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
  font-size: 14px;
  position: relative;
}

a:focus,
button {
  outline: none !important;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.btn {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  padding: 0;
}

input {
  outline: none;
 -webkit-appearance: none;
  -moz-appearance: none;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.visible-xs {display: none !important;}

/*首页*/
header {
  height: 60px;
  background: #ffffff; 
  border-bottom: 1px solid #eeeeee;
  left: 0;
  top: 0;
  width: 100%;
}

header .logo {
  position: absolute;
  left: 22px;
  top: 10px;
  width: 134px;
}

header .logo img {
  display: block;
  width: 50px;
  height: 50px;
}

header .logo img.lg_t {
  width:134px;
  height: 44px;
}

.kit-home {position: relative;top:10px;right: 0;bottom: 0;padding: 10px 50px;overflow: auto;}
.kit-home::-webkit-scrollbar {width: 6px;}
.kit-home::-webkit-scrollbar-thumb {background: rgba(144, 147, 153, 0.3);border-radius: 3px;}

.clear_fix:after {
  content: "";
  display: block;
  clear: both;
}

.panel_unique {
  position: fixed;
  left: 50%;
  border-radius: 3px;
  background: #fff;
  display: none;
  z-index: 6001;
  margin-bottom: 0;
  width: 420px;
  height: 150px;
  margin-left: -180px;
  margin-top: -100px;
}

.share_design {
  height: 185px;
  margin-top: -110px;
}

.panel_unique .title {
  margin-top: 35px;
  margin-left: 20px;
  margin-bottom: 35px;
  font-size: 14px;
  color: #606266;
}

.share_design .title {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin: 30px 0 0 20px;
}

.share_design .content {
  font-size: 14px;
  color: #606266;
  margin: 5px 20px 30px 20px;
  line-height: 1.5;
}

.panel_unique .close {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
  cursor: pointer;
  opacity: unset;
  width: 15px;
}

.panel_unique .sc_box_qw {
  width: 282px;
  margin-left: auto;
  margin-right: 20px;
  margin-top: 45px;
}

.panel_unique .sc_box_qw .sure {
  border-radius: 3px;
  float: right;
  cursor: pointer;
  width: 134px;
  height: 40px;
  font-size: 14px;
  line-height: 41px;
  background: #14cfa6;
  color: #fff;
  text-align: center;
}

.panel_unique .sc_box_qw .cancel {
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  float: left;
  width: 134px;
  height: 40px;
  cursor: pointer;
  font-size: 14px;
  line-height: 38px;
  color: #606266;
  text-align: center;
}

.panel_unique .sc_box_qw .cancel:hover {
  background: #e6fbf6;
  border: 1px solid #14cfa6;
  color: #14cfa6;
}
.panel_unique .title_qw {
  margin-top: 30px;
  margin-left: 20px;
  /*margin-bottom: 35px;*/
  font-size: 16px;
  color: #606266;
}
.panel_unique .title_qw_sub {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #606266;
}


.panel_unique .sc_box {
  width: 150px;
  margin-left: auto;
  margin-right: 20px;
}

.panel_unique .sc_box .sure {
  border-radius: 3px;
  float: right;
  cursor: pointer;
  width: 68px;
  height: 40px;
  font-size: 14px;
  line-height: 41px;
  background: #14cfa6;
  color: #fff;
  text-align: center;
}

.panel_unique .sc_box .cancel {
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  float: left;
  width: 68px;
  height: 40px;
  cursor: pointer;
  font-size: 14px;
  line-height: 38px;
  color: #606266;
  text-align: center;
}

.panel_unique .sc_box .cancel:hover {
  background: #e6fbf6;
  border: 1px solid #14cfa6;
  color: #14cfa6;
}

header .container {
  margin-left: 200px;
  width: auto;
}

header div ul {
  margin-bottom: 0;
}

header div ul li {
  display: block;
  float: left;
  margin-right: 30px;
  height: 60px;
  line-height: 60px;
}

header div ul li a,
header div ul li a:visited,
header div ul li a:active {
  color: #333333;
  text-decoration: none;
}

header div ul li a:hover {
  color: #14cfa6;
}

header div ul .back-to-old {
  float: right;
}

header div ul li.nav_i_qywx {
  margin-right: 0;
}

header div ul .drag_small {
  display: none;
  position: relative;
  margin-right: 0;
}

header div ul .drag_small .ellipsis {
  width: 38px;
  background: url("../images/ellipsis_icon01.png") no-repeat center;
  background-size: 26px auto;
}

header div ul .drag_small .ellipsis:hover,
header div ul .drag_small .ellipsis.on {
  background: url("../images/ellipsis_icon02.png") no-repeat center;
  background-size: 26px auto;
}

header div ul .drag_small .ellipsis_pos {
  display: none;
  background: #fff;
  width: 200px;
  position: absolute;
  left: 0;
  top: 60px;
  border-radius: 3px;
  z-index: 100;
  box-shadow: 0 0 4px 2px rgba(22, 30, 40, 0.1);
  padding: 10px 0px;
}

header div ul .drag_small .ellipsis_pos a {
  display: none;
  padding-left: 25px;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
  color: #333333;
}

header div ul .drag_small .ellipsis_pos a:hover {
  color: #14cfa6;
  background: #f9f9f9;
}

header div ul .nav_h_operation {
  float: right;
  display: flex;
  margin-right: 55px;
  position: relative;
}

header div ul .nav_h_operation a {
  display: block;
  flex-grow: 1;
  padding-right: 30px;
}
header div ul .nav_h_operation a.workbench {
  padding-right: 14px;
  padding-left: 0;
}

header div ul .nav_h_operation a.vip_download span {
  display: block;
  line-height: 35px;
  background: #14cfa6;
  width: 78px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin-top: 15px;
}

header div ul .nav_h_operation a.workbench span {
  display: block;
  line-height: 35px;
  background: #14cfa6;
  width: 78px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin-top: 15px;
}

header div ul .nav_h_operation a.workbench:hover span {
  background: #14cfa6;
  color: #fff;
}
header div ul .avatar {
  float: right;
  margin-right: 0px;
  color: #333333;
  cursor: pointer;
}

header div ul .logAvatar {
  float: right;
  cursor: pointer;
  margin-right: 0px;
  color: #333333;
  text-align: right;
  width: 40px;
}

header div ul .logAvatar .logined_head {
  width: 40px;
  position: relative;
}

header div ul .logAvatar .logined_head .vip_icon {
  position: absolute;
  left: -7px;
  bottom: 7px;
  width: 20px;
  height: 20px;
  background: url("../images/vip_icon01.svg") no-repeat center;
  background-size: 20px auto;
}

header div ul .logAvatar .logined_head .agent_icon {
  position: absolute;
  left: -7px;
  bottom: 7px;
  width: 20px;
  height: 20px;
  background: url("../images/agent_mark.svg") no-repeat center;
  background-size: 20px auto;
}

header div ul .logAvatar .logined_head {
  position: relative;
}

header div ul .logAvatar .logined_head .zd_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

header div ul .logAvatar img {
  border-radius: 22px;
}

header div ul.clearfix i {
  position: absolute;
  top: 14px;
  right: 6px;
  width: 29px;
  height: 17px;
  border-radius: 8.5px;
  background: #ff8458;
  border: 1px solid #ffffff;
  color: #fff;
  line-height: 15px;
  font-size: 12px;
  font-style: normal;
}

header div ul .personalInformation {
  position: absolute;
  display: none;
  top: 60px;
  right: 15px;
  width: 280px;
  border-radius: 3px;
  color: #333333;
  font-size: 14px;
  background-color: #fff;
  padding: 20px 0px 10px;
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 0 0 4px 2px rgba(22, 30, 40, 0.1);
}

header div ul .personalInformation a {
  display: block;
  height: 42px;
  line-height: 42px;
  padding-left: 20px;
  text-decoration: none;
  color: #333333;
}

header div ul .personalInformation span {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: middle;
}

header div ul .personalInformation span.first {
  background: url("../images/design.png") center no-repeat;
  background-size: 22px 22px;
}

header div ul .personalInformation span.second {
  background: url("../images/account_management.png") center no-repeat;
  background-size: 22px 22px;
}

header div ul .personalInformation span.third {
  background: url("../images/drop_out.png") center no-repeat;
  background-size: 22px 22px;
}

header div ul .hdsearch {
  float: right;
  position: relative;
}

header div ul .hdsearch .strike_box {
  width: 200px;
  height: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  margin-top: 10px;
  cursor: pointer;
}

header div ul .hdsearch .strike_box p {
  margin: 0 12px;
  line-height: 38px;
  height: 38px;
  color: #999;
  font-size: 14px;
  background: url(../images/results_mb_input01.png) no-repeat right center;
  background-size: 16px auto;
}

header div ul .hdsearch .hdsearch_wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  padding: 22px 0;
}

header div ul .hdsearch .hdsearch_wrap .hdsearch_show {
  display: none;
}

header div ul .hdsearch .hdsearch_wrap .hwclose_btn {
  position: absolute;
  right: 20px;
  top: 21px;
  width: 15px;
  height: 15px;
  background: url(../images/cancel.png) no-repeat center;
  background-size: 15px;
  cursor: pointer;
}

header div ul .hdsearch .hdsearch_wrap .hwtabs {
  margin: 0 20px;
}

header div ul .hdsearch .hdsearch_wrap .hwtabs li {
  line-height: 1;
  font-size: 14px;
  height: auto;
  padding: 0 15px;
  margin-right: 0;
  border-right: 1px solid #999;
  color: #333;
  cursor: pointer;
}

header div ul .hdsearch .hdsearch_wrap .hwtabs li:hover {
  color: #14cfa6;
}

header div ul .hdsearch .hdsearch_wrap .hwtabs li.on {
  color: #14cfa6;
  font-weight: 500;
}

header div ul .hdsearch .hdsearch_wrap .hwtabs li:first-child {
  padding-left: 0;
}

header div ul .hdsearch .hdsearch_wrap .hwtabs li:last-child {
  border-right: none;
}

header div ul .hdsearch .hdsearch_wrap .hw_input_design {
  border-bottom: 1px solid #14cfa6;
  height: auto;
  line-height: normal;
  position: relative;
  margin: 0 20px;
  padding-top: 23px;
}

header div ul .hdsearch .hdsearch_wrap .hw_input_design input {
  line-height: 40px;
  width: 100%;
  padding-right: 30px;
  border: none;
  padding-left: 26px;
  background: url("../images/results_mb_input02.png") no-repeat left center
    #ffffff;
  background-size: 16px auto;
}

header div ul .hdsearch .hdsearch_wrap .hw_input_design input::placeholder {
  color: #ccc;
}

header div ul .hdsearch .hdsearch_wrap .hw_input_design .hw_public_btn {
  width: 22px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/arrow_m_long.png) no-repeat center #fff;
  background-size: 22px auto;
}

header div ul .hdsearch .hdsearch_wrap .hw_input_design .hw_other_btn {
  width: 22px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/arrow_m_long.png) no-repeat center #fff;
  background-size: 22px auto;
  display: none;
}

header div ul .hdsearch .hdsearch_wrap .hwmb_list {
  display: none;
}

header div ul .hdsearch .hdsearch_wrap .hwflex {
  display: block;
}

header div ul .hdsearch .hdsearch_wrap .hwmb_list p {
  font-size: 12px;
  color: #999;
  margin-left: 20px;
  line-height: 32px;
  margin-top: 5px;
}

header div ul .hdsearch .hdsearch_wrap .hwmb_list a {
  display: block;
  line-height: 32px;
  padding-left: 20px;
  font-size: 12px;
}

header div ul .hdsearch .hdsearch_wrap .hwmb_list a:hover {
  background: #f9f9f9;
}

header .header-logo-h1 {
  margin: 0 0;
  display: flex;
}

.rightMobilePersonalInformation {
  width: 260px;
  color: #333333;
  font-size: 16px;
  background-color: #fff;
  padding-top: 80px;
  box-sizing: border-box;
  z-index: 100;
  text-align: center;
  position: fixed;
  /* overflow: hidden; */
  /* 宋显鹏注释 */
}

.rightMobilePersonalInformation .of_hidden {
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

.rightMobilePersonalInformation img {
  width: 75px;
  margin-bottom: 25px;
  border-radius: 37px;
}

.rightMobilePersonalInformation a {
  display: block;
  height: 42px;
  line-height: 42px;
  margin-bottom: 25px;
  text-decoration: none;
  color: #333333;
}

.rightMobilePersonalInformation a#btn {
  margin-left: -28px;
  margin-bottom: 35px;
}

.rightMobilePersonalInformation a.new_design {
  width: 160px;
  height: 45px;
  background-color: #14cfa6;
  line-height: 45px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  border-radius: 3px;
}

.rightMobilePersonalInformation a.new_design span {
  margin-right: 0px;
  background: url("../images/add.png") center no-repeat;
  background-size: 16px 16px;
}

.rightMobilePersonalInformation a.design_icon span {
  margin-right: 0px;
  background: url("../images/addDesign.png") center no-repeat;
  background-size: 12px 12px;
}

.rightMobilePersonalInformation a.design_icon {
  font-size: 14px;
}

.rightMobilePersonalInformation span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: sub;
}

.rightMobilePersonalInformation span.first {
  background: url("../images/design.png") center no-repeat;
  background-size: 20px 20px;
}

.rightMobilePersonalInformation span.second {
  background: url("../images/account_management.png") center no-repeat;
  background-size: 20px 20px;
}

.rightMobilePersonalInformation span.third {
  background: url("../images/drop_out.png") center no-repeat;
  background-size: 20px 20px;
}

.rightMobilePersonalInformation a:not(:last-child):hover,
.rightMobilePersonalInformation .active {
  background-color: #f9f9f9;
  color: #14cfa6;
}

.rightMobilePersonalInformation a:hover .first {
  background: url("../images/log_design.png") center no-repeat;
  background-size: 20px 20px;
}

.rightMobilePersonalInformation a:hover .second {
  background: url("../images/log_account_management.png") center no-repeat;
  background-size: 20px 20px;
}

.rightMobilePersonalInformation a:hover .third {
  background: url("../images/log_drop_out.png") center no-repeat;
  background-size: 20px 20px;
}

.password_account {
  position: absolute;
  width: calc(100% - 260px);
  height: 600px;
  top: 70px;
  left: calc((100% + 260px) / 2);
  padding: 44px 90px 80px;
}

.password_account > p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 21px;
}

.password_account .password_account_panel {
  width: 100%;
  height: calc(100% - 55px);
  background-color: #fff;
  position: relative;
}

.password_account .password_account_panel .password_account_panel_small {
  position: absolute;
  width: 640px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -320px;
}

.password_account .password_account_panel .password_account_panel_small > div {
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

.password_account
  .password_account_panel
  .password_account_panel_small
  > div
  a {
  color: #14cfa6;
  float: right;
  line-height: 60px;
}

.password_account
  .password_account_panel
  .password_account_panel_small
  > div
  a.go_set {
  color: #fff;
  float: right;
  line-height: 37px;
  width: 100px;
  height: 37px;
  background-color: #14cfa6;
  margin-top: 11.5px;
  border-radius: 3px;
  text-align: center;
}

.password_account
  .password_account_panel
  .password_account_panel_small
  > div
  a.go_bind {
  color: #fff;
  float: right;
  line-height: 37px;
  width: 100px;
  height: 37px;
  background-color: #14cfa6;
  margin-top: 11.5px;
  border-radius: 3px;
  text-align: center;
}

.password_account .f_tit {
  display: inline-block;
  color: #0e1318;
  font-size: 14px;
  letter-spacing: 2px;
  height: 59px;
  line-height: 59px;
  margin-right: 20px;
}

.password_account .f_tit span {
  color: red;
  vertical-align: sub;
}

.password_account .inp_box {
  width: 298px;
  height: 45px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  color: #666666;
}

.password_account .inp_box.inp_box_phone_unique {
  width: 350px;
}

.password_account .inp_box_phone {
  background-color: #fff;
  border: none;
  margin-left: 15px;
}

.my_design {
  position: absolute;
  width: calc(100% - 260px);
  top: 60px;
  left: calc((100% + 260px) / 2);
  padding: 44px 90px 80px;
}

.my_design .no_design {
  position: relative;
  width: 100%;
  height: 100%;
  top: -130px;
  color: #0e1318;
  font-size: 18px;
  text-align: center;
}

.my_design .no_design > img {
  width: 250px;
}

.my_design .no_design p {
  margin: 15px 0px 50px;
}

.my_design .no_design a {
  width: 298px;
  height: 45px;
  line-height: 45px;
  background-color: #14cfa6;
  display: block;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
}

.my_design .no_design a:hover {
  background-color: #24dab2;
}

.my_design > p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 21px;
  line-height: 34px;
  height: 34px;
  float: left;
  /* padding-left: 12px; */
}

.my_design .design_filter {
  height: 34px;
  line-height: 43px;
  font-size: 16px;
}

.my_design .design_filter span:nth-of-type(1) {
  margin-right: 30px;
}

.my_design .design_filter span a {
  text-decoration: none;
  color: #333;
}

.my_design .design_filter span.cur a {
  color: #14cfa6;
}

.my_design .main_type_list {
  background: none;
  padding-bottom: 0;
}

.my_design .main_type_list .md_container {
  overflow-x: auto;
  overflow-y: hidden;
}

.my_design .main_type_list ul {
  /* display: block; */
  white-space: nowrap;
  margin-top: 12px;
  border-bottom: 1px solid #eeeeef;
}

.my_design .main_type_list ul li {
  display: inline-block;
  float: none;
  margin-right: 4px;
  margin-bottom: 0;
}

.my_design .main_type_list ul li p {
  padding: 5px 12px;
}

.my_design .main_type_list ul li .line {
  display: block;
}

.my_design .main_type_list ul li.on p {
  background: #ddfff7;
  border-radius: 3px;
  padding: 5px 12px;
}

.my_design .main_type_list ul li.on .line .triangle_down {
  display: none;
}

.my_design .main_type_list ul.mtl_md_tl {
  white-space: normal;
  padding-bottom: 9px;
}

.main_type_list ul.mtl_md_tl li.on p a {
  font-weight: 500;
}

.main_type_list ul.mtl_md_tl li p {
  /* padding-bottom: 0; */
}

.main_type_list ul.scene_lists {
  border-bottom: 1px solid #eeeeef;
  margin-bottom: 8px;
}

.main_type_list ul.scene_lists li {
  margin-bottom: 0;
  margin-right: 20px;
}

.main_type_list ul.scene_lists li:hover .line {
  display: none;
}

.main_type_list ul.scene_lists li p {
  line-height: 44px;
}

.main_type_list ul.scene_lists li p a {
  color: #333;
  font-weight: 500;
  font-size: 16px;
}

.main_type_list ul.scene_lists li.on p {
  background: none;
}

.main_type_list ul.scene_lists li .line {
  display: block;
}

.my_design .my_design_panel {
  width: 100%;
  height: calc(100% - 55px);
  position: relative;
  top: 55px;
}

.my_design .my_design_panel .index_case {
  background: #fff;
}

.login_failed {
  position: relative;
  width: 100%;
  height: 500px;
  color: #0e1318;
  font-size: 18px;
  text-align: center;
}

.login_failed .login_failed_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -153.5px;
  margin-left: -149px;
}

.login_failed .login_failed_wrap > img {
  width: 178px;
  height: 172px;
}

.login_failed .login_failed_wrap p {
  margin: 15px 0px 50px;
}

.login_failed .login_failed_wrap a {
  width: 298px;
  height: 45px;
  line-height: 45px;
  background-color: #14cfa6;
  display: block;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
}

.login_failed .login_failed_wrap a:hover {
  background-color: #24dab2;
}

/*banner*/
.index_banner {
  padding-top: 60px;
  position: relative;
  background: #ffffff;
}

.index_banner .new_feature_notice {
  display: none;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 60px;
  left: 0px;
  background-color: #fff8e6;
  text-align: center;
  line-height: 50px;
  z-index: 30;
}

.index_banner .new_feature_notice img {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  cursor: pointer;
}

.index_banner .con {
  margin: 0 auto;
  text-align: center;
}

.index_banner .con h1 {
  height: 67px;
  font-size: 48px;
  font-family: PingFang-SC-Semibold, PingFang-SC;
  font-weight: 600;
  color: #222222;
  line-height: 67px;
  position: relative;
  z-index: 10;
}

.index_banner .con h2 {
  color: #333;
  font-size: 55px;
  margin: 0;
  text-align: center;
  line-height: 76px;
  font-weight: 600;
  font-family: PingFangSC-Semibold, sans-serif;
}

.index_banner .con .form {
  width: 487px;
  height: 50px;
  margin: 32px auto 0;
  position: relative;
}

.index_banner .con .form > .form-box input {
  width: 100%;
  height: 50px;
  border: 1px solid #14cfa6;
  border-radius: 0;
  padding: 0 137px 0 20px;
}

.index_banner .con .form > .form-box .green-arrow {
  display: block;
  width: 13px;
  height: 8px;
  background: url("../images/icon/banner-icon-arrow.png") center no-repeat;
  position: absolute;
  top: 21px;
  left: 338px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.index_banner .con .form > .form-box .green-arrow.on {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.index_banner .con .form > .form-box a {
  display: block;
  width: 117px;
  height: 42px;
  background: #14cfa6;
  text-decoration: none;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 4px;
  top: 4px;
}

.index_banner .con > p {
  color: #666666;
  font-size: 18px;
  text-align: center;
  margin-top: 26px;
}

.index_banner .con > p span {
  color: #ff8458;
  display: inline-block;
  margin: 0 5px;
}

.index_banner .con > p i {
  color: #888888;
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
}

.index_banner .con .form .banner-industry-wrap {
  display: none;
  position: absolute;
  top: 66px;
  width: 1200px;
  left: -357px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
  padding: 45px 60px 12px;
  z-index: 2;
}

#banner-industry-bg {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0);
}

.index_banner .con .form .banner-industry-wrap:before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  box-shadow: -6px -5px 12px 0 rgba(0, 0, 0, 0.13);
  transform: rotate(45deg);
  left: 50%;
  top: -7px;
  background: #fff;
}

.index_banner .con .form .banner-industry-wrap ul li {
  display: block;
  float: left;
  width: 20%;
  cursor: pointer;
  position: relative;
}

.index_banner .con .form .banner-industry-wrap ul li img {
  display: block;
  width: 39px;
  height: 32px;
  margin: 0 auto;
}

.index_banner .con .form .banner-industry-wrap ul li h5 {
  color: #ff8458;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.index_banner .con .form .banner-industry-wrap ul li p {
  text-align: center;
  margin-bottom: 33px;
}

.index_banner .con .form .banner-industry-wrap .banner-industry-summary {
  display: inline-block;
  overflow: hidden;
  height: 20px;
}

.index_banner .con .form .banner-industry-wrap ul li p span {
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin: 0 5px;
}

.index_banner .con .form .banner-industry-wrap ul li:hover .industry-box {
  display: block;
}

.index_banner .con .form .banner-industry-wrap ul li .industry-box {
  display: none;
  z-index: 2;
  padding: 20px 18px 20px 20px;
  width: 242px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: -30px;
  transition: all 0.3s;
}

.index_banner .con .form .banner-industry-wrap ul li .industry-box h4 {
  font-size: 18px;
  text-align: center;
  color: #ff8458;
  margin: 0 0 9px;
}

.index_banner .con .form .banner-industry-wrap ul li .industry-box p {
  margin-bottom: 0;
  text-align: left;
}

.index_banner .con .form .banner-industry-wrap ul li .industry-box p a {
  display: inline-block;
  color: #666;
  font-size: 14px;
  margin: 0 2px 5px 0;
  text-decoration: none;
  cursor: pointer;
}

.index_banner .con .form .banner-industry-wrap ul li .industry-box p a:hover {
  color: #ff8458;
}

.index_banner .con .wrapper {
  position: relative;
}

.index_banner .btn-design-go-banner {
  display: inline-block;
  width: 250px;
  height: 65px;
  background: rgba(20, 207, 166, 1);
  /* box-shadow:0 2px 8px 0 rgba(11,181,144,0.4); */
  border-radius: 3px;
  outline: none;
  text-decoration: none;
  margin: 0 auto;
  font-size: 22px;
  color: #fff;
  line-height: 59px;
  text-align: center;
  margin-top: 46px;
}

.index_banner .btn-custom-go-banner {
  display: inline-block;
  width: 250px;
  height: 65px;
  background: #ffffff;
  /* box-shadow:0 2px 8px 0 rgba(11,181,144,0.4); */
  border-radius: 3px;
  outline: none;
  text-decoration: none;
  margin: 0 auto;
  font-size: 22px;
  color: #14cfa6;
  line-height: 59px;
  text-align: center;
  margin-top: 46px;
  border: 2px solid #14cfa6;
  margin-right: 20px;
}

.btn-design-go:hover,
.btn-design-go:active,
.btn-design-go:visited,
.btn-design-go:link {
  color: #fff;
}

.index_banner .btn-design-go-banner i {
  display: inline-block;
  width: 22px;
  height: 12px;
  background: url(../images/start_icon.png) top 1px center no-repeat;
  background-size: 22px auto;
  margin-left: 10px;
  /* vertical-align: super; */
}

.index_banner .design_con {
  box-sizing: border-box;
  height: 655px;
  padding-top: 130px;
}

/*底部开始设计按钮*/
.make_logo .btn-design-go-footer {
  display: block;
  width: 150px;
  height: 40px;
  background: rgba(20, 207, 166, 1);
  box-shadow: 0 2px 8px 0 rgba(11, 181, 144, 0.4);
  border-radius: 3px;
  outline: none;
  text-decoration: none;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.btn-design-go-footer:hover,
.btn-design-go-footer:active,
.btn-design-go-footer:visited,
.btn-design-go-footer:link {
  color: #fff;
}

.make_logo .btn-design-go-footer i {
  display: inline-block;
  width: 21px;
  height: 10px;
  background: url("../images/design_template/more_arrow02.png") no-repeat right
    center;
  background-size: 20px auto;
  margin-left: 8px;
  vertical-align: revert;
}

.make_logo {
  padding: 50px 0;
}

/*logo案例展示*/
.index_case {
  background: #f5f5f5;
}

.index_case .common_title h2 p {
  display: inline-block;
  width: 300px;
  float: right;
  text-align: right;
}

.index_case .common_title h2 p a {
  display: inline-block;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  margin-left: 20px;
}

.index_case .common_title h2 p a.on {
  color: #ff8458;
}

.index_case .common_title h2 p a:hover {
  color: #ff8458;
}

.common_title {
  margin: 50px 0 30px;
}

.common_title h2 {
  font-size: 28px;
  font-weight: 500;
  color: #333;
  text-align: left;
}

.common_title h2 span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  margin-left: 12px;
}

.common_title h2 span i {
  display: inline-block;
  color: #ff8458;
  margin-left: 5px;
  font-style: normal;
}

.common_title b {
  display: block;
  width: 45px;
  height: 5px;
  background: #333;
  margin-top: 6px;
}

.index_case .row2 {
  display: none;
}

.case_wrap {
  position: relative;
  margin-bottom: 25px;
}

.case_wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.case_wrap .mask_handle {
  display: none;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.case_wrap:hover .mask_handle {
  display: block;
}

.case_wrap .mask_handle .btn_green_border {
  display: block;
  margin: 50px auto 10px;
  width: 150px;
  height: 50px;
  border: 2px solid #14cfa6;
  border-radius: 3px;
  color: #14cfa6;
  font-size: 14px;
  line-height: 46px;
  text-align: center;
}

.case_wrap .mask_handle .btn_green_bg {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 50px;
  border-radius: 3px;
  color: #fff;
  background: #14cfa6;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}

.index_case .btn_black_border {
  display: block;
  width: 202px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 3px;
  color: #333;
  border: 2px solid #333;
  margin: 40px auto 60px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.index_case .btn_black_border:hover {
  background: #333;
  color: #fff;
}

/*行业入口*/
.industry_nav {
  background: #fff;
  padding: 60px 0 40px;
}

.industry_nav .nav_wrap {
  width: 20%;
  float: left;
  padding-right: 40px;
  margin-bottom: 5px;
}

.industry_nav .nav_wrap:nth-of-type(5n + 1) {
  clear: both;
}

.industry_nav .nav_wrap h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 25px;
}

.industry_nav .nav_wrap p a {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
  text-decoration: none;
}

.industry_nav .nav_wrap p a:hover {
  color: #ff8458;
}

/*可免费下载logo设计*/
.download_goodness {
  background: #f5f5f5;
  padding: 0 0 60px;
}

.download_goodness .goodness_wrap {
  background: #fff;
  border-radius: 3px;
  padding: 30px 23px;
  height: 226px;
}

.download_goodness .goodness_wrap img {
  display: block;
  margin: 0 auto 15px;
}

.download_goodness .goodness_wrap h5 {
  font-size: 18px;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
}

.download_goodness .goodness_wrap p {
  font-size: 14px;
  line-height: 22px;
  color: #666;
  text-align: center;
}

/*用户评价*/
.customer_eval {
  margin-top: 40px;
  background: #f5f5f5;
  padding: 0px 0 60px;
  text-align: center;
}

.customer_eval .eval_case {
  margin-left: -15px;
  margin-right: -15px;
}

.customer_eval .eval_case ul li .e_case_wrap {
  float: left;
  padding: 0 15px;
  width: 33.33%;
  text-align: left;
}

.customer_eval .e_case_wrap img {
  display: block;
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin-bottom: 15px;
}

.customer_eval .eval_case ul li div h5 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  text-align: left;
}

.customer_eval .eval_case ul li div p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  margin-bottom: 15px;
  text-align: left;
}

.customer_eval .eval_case ul li div span {
  font-size: 14px;
  color: #666;
  text-align: left;
}

.customer_eval .flex-control-nav {
  text-align: center;
  display: inline-block;
  margin: 22px auto 0;
  padding: 0 6px 0 9px;
  border-radius: 11px;
  background: #f5f5f5;
}

.customer_eval .flex-control-nav li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
}

.customer_eval .flex-control-nav li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #ccc;
  border-radius: 50%;
}

.customer_eval .flex-control-nav li a.flex-active {
  background: #14cfa6;
}

/*公共底部*/
footer {
  background: #fff;
  padding: 60px 0;
  color: #b2b5bc;
}

footer.inside_footer {
  padding: 60px 0 30px;
}

footer .right div a {
  display: inline-block;
  margin-right: 30px;
  color: #666;
  text-decoration: none;
  font-size: 14px;
}

footer .right p {
  font-size: 14px;
}

footer .right .copyright {
  margin: 19px 0 0px;
  color: #999;
}

footer .right p a {
  font-size: 14px;
  display: inline-block;
  color: #b2b5bc;
}

footer .footer-link {
  border-top: solid 1px #f2f2f2;
  margin: 10px 0 0;
  padding: 16px 0 0;
}

footer .footer-link .label_nav {
  display: block;
}

footer .footer-link .label_nav li {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #b2b5bc;
  background: #f1f2f5;
  padding: 5px 10px;
  border-radius: 2px;
}

footer .footer-link .label_nav li.on {
  color: #14cfa6;
}

footer .footer-link .p_label_con {
  margin-top: 10px;
}

footer .footer-link .p_label_con p a {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #b2b5bc;
}

.logo_case_show {
  margin-top: 10px;
}

.logo_case_show .pc_qz{background: url(../images/pc.png) center center no-repeat;width: 50px;height: 20px;color: #ffffff;display: inline-block;line-height: 20px;padding-left: 32px;}

.logo_case_show .crumbs_navs {
  margin-top: 40px;
}

.logo_case_show .crumbs_navs a,
.logo_case_show .crumbs_navs i {
  display: inline-block;
  color: #999;
  padding-right: 3px;
}

.logo_case_show .show_info {
  padding: 10px 0;
}

.logo_case_show .show_info .logo_img {
  float: left;
  padding: 15px;
  border: 1px solid #ccc;
  width: 200px;
  height: 200px;
}

.logo_case_show .show_info .logo_img img {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 242px;
}

.logo_case_show .logo_continfo {
  padding-left: 260px;
}

.logo_case_show .logo_continfo .logo_title {
  font-size: 26px;
  color: #252930;
  line-height: 30px;
}

.logo_case_show .logo_continfo span {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-top: 10px;
}

.logo_case_show .logo_continfo span a {
  color: #14cfa6;
}

.logo_case_show .logo_continfo .relevant {
  margin-bottom: 20px;
}

.logo_case_show .logo_continfo span.over_time {
  margin-bottom: 20px;
}

.logo_case_show .logo_continfo span.desc {
  display: block;
  width: 100%;
}

.logo_case_show .logo_continfo .btns {
  font-size: 14px;
  position: relative;
}

.logo_case_show .logo_continfo .btns .wisdom_h_design {
  position: relative;
  z-index: 10;
  width: 300px;
  height: 50px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.logo_case_show .logo_continfo .btns .wisdom_h_design .logoname_input {
  display: block;
  text-indent: 18px;
  color: #333;
  line-height: 50px;
  font-size: 14px;
  flex: 1;
  padding-right: 10px;
  border: 0;
  box-sizing: border-box;
  outline: none;
}

.logo_case_show .logo_continfo .btns .wisdom_h_design .generat_btn {
  display: block;
  width: 110px;
  background: #14cfa6;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
}

.logo_case_show .logo_continfo .btns .wisdom_h_design .generat_btn span {
  padding-right: 20px;
  background: url("../images/right_icon.png") right center no-repeat;
  background-size: 16px auto;
  color: #fff;
  margin-top: 0;
  line-height: 39px;
  display: inline-block;
  height: auto;
  font-size: 14px;
}

.logo_case_show .logo_continfo .btns .btns_r_link {
  position: absolute;
  left: 310px;
  top: 0;
}

.logo_case_show .logo_continfo .btns .btns_r_link i {
  font-style: normal;
}

.logo_case_show .logo_continfo .btns .btns_r_link a {
  color: #14cfa6;
}

.logo_case_show .logo_continfo .btns a {
  display: inline-block;
  width: 130px;
  height: 46px;
  text-align: center;
  font-size: 14px;
  border: 2px solid #14cfa6;
  margin: 0 auto;
  line-height: 46px;
  text-decoration: none;
}

.logo_case_show .logo_continfo .btns a.edit_btn {
  background: #14cfa6;
  color: #fff;
  margin-right: 10px;
  border-radius: 3px;
}

.logo_case_show .logo_continfo .btns a.new_edit_btn {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: none;
  margin: 0 auto;
  line-height: 46px;
  text-decoration: none;
}

.logo_case_show .logo_continfo .btns a.design_btn {
  color: #14cfa6;
  background: #fff;
  border-radius: 3px;
}
.index_case .container .row .commercially_available {
  position: absolute;
  top: 10px;
  left: 22px;
  z-index: 50;
  width: 52px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

.index_case .container .design_operation {
  position: absolute;
  top: 10px;
  right: 22px;
  z-index: 101;
  width: 27px;
  height: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  background: url("../images/design_operation.png") center no-repeat;
  background-size: 27px 22px;
}

.index_case .container .design_operation:hover {
  background: url("../images/design_operation_deep.png") center no-repeat;
  background-size: 27px 22px;
}

.index_case .container .design_time {
  color: #999999;
  font-size: 12px;
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.index_case .container .design_time span:nth-of-type(2) {
  float: right;
  color: #ff8458;
}

.index_case .container .design_operation_pop_up {
  position: absolute;
  display: none;
  top: 32px;
  right: 10px;
  width: 100px;
  /*height: 125px;*/
  border-radius: 3px;
  color: #333333;
  font-size: 14px;
  background-color: #fff;
  padding: 8px 0px;
  box-sizing: border-box;
  z-index: 150;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.index_case .container .design_operation_pop_up a {
  display: block;
  height: 36px;
  line-height: 36px;
  padding-left: 15px;
  text-decoration: none;
  color: #333333;
}

.index_case .container .design_operation_pop_up span {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: middle;
}

.index_case .container .design_operation_pop_up a:hover {
  color: #14cfa6;
}

.index_case .container .design_operation_pop_up span.first {
  background: url("../images/design_sharing.png") center no-repeat;
  background-size: 22px 22px;
}

.index_case .container .design_operation_pop_up span.second {
  background: url("../images/design_replication.png") center no-repeat;
  background-size: 22px 22px;
}

.index_case .container .design_operation_pop_up span.third {
  background: url("../images/design_deletion.png") center no-repeat;
  background-size: 22px 22px;
}

.index_case .container .design_operation_pop_up a:hover span.third {
  background: url("../images/design_deletion_green.png") center no-repeat;
  background-size: 22px 22px;
}

.index_case .container .design_operation_pop_up span.fourth {
  background: url("../images/design_download03.png") center no-repeat;
  background-size: 22px 22px;
}

.index_case .container .design_operation_pop_up a:hover span.fourth {
  background: url("../images/design_download02.png") center no-repeat;
  background-size: 22px 22px;
}

.index_case .container .jump_tips {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 100%;
  top: 0;
  left: 0;
  display: none;
  transition: all 2s;
  -webkit-transition: all 2s;
  /* Safari */
  z-index: 100;
}

.index_case .container .jump_tips .tip_bg {
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.9;
}

.index_case .container .jump_tips .set_center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -45px;
  margin-left: -80px;
}

.index_case .container .jump_tips .set_center a {
  width: 160px;
  display: block;
  text-align: center;
  color: #14cfa6;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  /* margin-left: 12px; */
  text-decoration: none;
  border-radius: 3px;
}

.index_case .container .jump_tips .set_center a:nth-of-type(1) {
  background-color: #14cfa6;
  color: #fff;
}

.index_case .container .jump_tips .set_center a:nth-of-type(1):hover {
  background-color: #24dab2;
}

.index_case .container .jump_tips a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.index_case .container .jump_tips a span.first {
  background: url("../images/design_editor.png") center no-repeat;
  background-size: 20px 20px;
}

.index_case .container .jump_tips a span.second {
  background: url("../images/design_download.png") center no-repeat;
  background-size: 20px 20px;
}

.search_case_lists .case_wrap .mask_handle .btn_green_border {
  margin: 20px auto 10px;
}

.hot_lables {
  padding: 30px 0 40px;
  font-size: 0;
  background: #f5f5f5;
}

.hot_lables p {
  font-size: 18px;
  color: #333;
  line-height: 26px;
}

.hot_lables a {
  display: inline-block;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  padding-right: 20px;
  margin-bottom: 20px;
}

.hot_lables a:hover {
  text-decoration: none;
}

.screen_menu {
  padding: 30px 0;
}

.screen_menu .main_screen a {
  display: inline-block;
  padding-right: 30px;
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}

.screen_menu .main_screen a:hover,
.screen_menu .main_screen a.active {
  text-decoration: none;
  color: #ff8458;
}

.screen_menu .secondary_screen {
  display: none;
  margin-top: 10px;
  padding: 20px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  border: 1px solid rgba(228, 231, 237, 1);
}

.screen_menu .screen_show {
  display: block;
}

.screen_menu .secondary_screen .list {
  display: none;
  transition: all 2s;
}

.screen_menu .secondary_screen .list_show {
  display: block;
}

.screen_menu .secondary_screen .list a {
  font-size: 14px;
  color: #666;
  margin-right: 10px;
  white-space: nowrap;
}

.screen_menu .secondary_screen .list a:hover,
.screen_menu .secondary_screen .list .active {
  text-decoration: none;
  color: #ff8458;
}

.make_logo h5.bigtit {
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}

.make_logo .center_form {
  margin-left: 20px;
}

/*****   页码    *****/

.logos_paginate {
  padding: 20px 0;
  text-align: center;
}

.logos_paginate_unique {
  padding: 40px 0 20px;
}

.logos_paginate a,
.logos_paginate span {
  display: inline-block;
  /*vertical-align: top;*/
  margin: 0 5px;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0;
  color: #666666;
  font-size: 16px;
  text-decoration: none;
  background: #fff;
}

.logos_paginate .page a {
  margin-bottom: 40px;
}

.logos_paginate a:hover {
  text-decoration: none;
  background: #14cfa6;
  color: #fff;
  border: 1px solid #14cfa6;
}

.logos_paginate .active {
  border: 1px solid #14cfa6;
  background: #14cfa6;
  color: #fff;
}

.logos_paginate .icon-chevron-left,
.logos_paginate .icon-chevron-right {
  position: relative;
}

.logos_paginate .icon-chevron-left:before,
.logos_paginate .icon-chevron-right:before {
  position: absolute;
  left: 15px;
  top: 12px;
  content: "";
  width: 10px;
  height: 14px;
  display: inline-block;
  background: url("../images/pagination_icon.png") no-repeat 0 0;
}

.logos_paginate .icon-chevron-right:before {
  background: url("../images/pagination_icon.png") no-repeat 0 -18px;
}

.logos_paginate .related_tags {
  display: inline-block;
}

.logos_paginate .related_tags a {
  height: 30px;
  width: auto;
  color: #888;
  font-size: 14px;
  padding: 8px 13px;
  line-height: 14px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.logos_paginate .related_tags_title {
  display: inline-block;
  color: #888;
  position: relative;
  top: 6px;
  font-size: 14px;
}

.logos_paginate .related_tags a:hover {
  background: #fff;
  color: #14cfa6;
}

.search_case_lists .row > div {
  position: relative;
}

.search_case_lists .case_wrap {
  position: relative;
  height: 200px;
  background: #fff;
  border-radius: 3px;
}

.search_case_lists .case_wrap.case_wrap_unique {
  margin-bottom: 57px;
}

.search_case_lists .case_wrap.case_wrap_unique > a {
  width: 100%;
  height: 100%;
  z-index: 0;
  display: inline-block;
}

.search_case_lists .case_wrap img {
  display: block;
  width: auto;
  z-index: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  border: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 案例排序链接 */
.search_case_lists .case_list_sort {
  text-align: right;
  padding-bottom: 10px;
}

.search_case_lists .case_list_sort a {
  font-size: 14px;
  color: #666;
  margin-right: 10px;
  white-space: nowrap;
}

.search_case_lists .case_list_sort a:hover,
.search_case_lists .case_list_sort a.active {
  text-decoration: none;
  color: #ff8458;
}

/*  样式更行  2019/5/22 */
.logo_case_show .show_info .logo_img {
  background: #fff;
  position: relative;
  text-align: center;
}

.logo_case_show .show_info .logo_img img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  border: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.logo_others_lists .logo_lists_table ul li .logo_bg .label_link {
  z-index: 10;
  background: #fff;
  opacity: 0.9;
}

.logo_others_lists .logo_lists_table ul li .logo_bg a img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  border: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.search_case_lists .case_wrap .mask_handle .btn_green_border {
  margin-top: 18%;
}

/*  样式更新  2019/5/27  */
.index_case .industry_warp {
  background: #fff;
}

.index_case .industry_warp .banner-industry-wrap ul li {
  padding-top: 45px;
  display: block;
  float: left;
  width: 20%;
  position: relative;
  min-height: 240px;
}

.index_case .industry_warp .banner-industry-wrap ul li img {
  display: block;
  width: 39px;
  height: 32px;
  margin: 0 auto;
}

.index_case .industry_warp .banner-industry-wrap ul li h5 {
  color: #ff8458;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.index_case .industry_warp .banner-industry-wrap ul li p {
  text-align: center;
  margin-bottom: 33px;
}

.index_case .industry_warp .banner-industry-wrap .banner-industry-summary {
  display: inline-block;
  overflow: hidden;
  height: 20px;
}

.index_case .industry_warp .banner-industry-wrap ul li p span {
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin: 0 5px;
}

.index_case .industry_warp .banner-industry-wrap ul li .industry-box {
  display: block;
  z-index: 2;
  padding: 0 22px 0 20px;
}

.index_case .industry_warp .banner-industry-wrap ul li .industry-box h4 {
  font-size: 18px;
  text-align: center;
  color: #ff8458;
  margin: 0 0 9px;
}

.index_case .industry_warp .banner-industry-wrap ul li .industry-box p {
  margin-bottom: 0;
  text-align: left;
}

.index_case .industry_warp .banner-industry-wrap ul li .industry-box p a {
  display: inline-block;
  color: #666;
  font-size: 14px;
  margin: 0 2px 10px 0;
  text-decoration: none;
  cursor: pointer;
}

.index_case .industry_warp .banner-industry-wrap ul li .industry-box p a:hover {
  color: #ff8458;
}

.case_wrap .mask_handle .btn_green_border {
  margin: 8px auto 0;
  width: 120px;
  height: 40px;
  line-height: 36px;
  border: none;
}

.case_wrap .mask_handle .btn_green_bg {
  width: 120px;
  height: 40px;
  line-height: 38px;
  margin: 60px auto 10px;
}

.index_case .container .row .col-lg-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.logo_others_lists .logo_lists_table ul li .logo_bg {
  height: 200px;
}

.search_case_lists .case_wrap .mask_handle .btn_green_border {
  margin: 8px auto 0;
}

/*  20190703   修改新增样式 */
.index_case
  .industry_warp
  .banner-industry-wrap
  ul
  li
  a.industry_logo_frist:hover {
  text-decoration: none;
}

.make_logo {
  padding: 40px 0;
}

.make_logo h2 {
  font-size: 30px;
  text-align: center;
}

.make_logo .form {
  margin: 0 auto 32px;
}

.make_logo p {
  text-align: center;
}

footer {
  padding: 40px 0;
}

/*简单4步制作专业品牌LOGO*/
.make_logo_step {
  padding-bottom: 60px;
}

.make_logo_step .step_warp .left {
  float: left;
  width: 250px;
}

.make_logo_step .step_warp .left a {
  display: block;
  font-size: 18px;
  color: #ff8458;
  margin-left: 20px;
}

.make_logo_step .step_warp .left a i {
  display: inline-block;
  width: 22px;
  height: 7px;
  background: url(../images/orange_go.png) center no-repeat;
  margin-left: 7px;
}

.make_logo_step .step_warp .left ul li {
  height: 113px;
  padding-left: 50px;
  padding-top: 20px;
  border-radius: 3px;
  cursor: pointer;
}

.make_logo_step .step_warp .left ul li:nth-of-type(1) {
  background: url(../images/step1_icon.png) 20px 20px no-repeat;
}

.make_logo_step .step_warp .left ul li.on:nth-of-type(1) {
  background: url(../images/step1_icon_on.png) 20px 20px no-repeat #fff2ed;
}

.make_logo_step .step_warp .left ul li:nth-of-type(2) {
  background: url(../images/step2_icon.png) 20px 20px no-repeat;
}

.make_logo_step .step_warp .left ul li.on:nth-of-type(2) {
  background: url(../images/step2_icon_on.png) 20px 20px no-repeat #fff2ed;
}

.make_logo_step .step_warp .left ul li:nth-of-type(3) {
  background: url(../images/step3_icon.png) 20px 20px no-repeat;
}

.make_logo_step .step_warp .left ul li.on:nth-of-type(3) {
  background: url(../images/step3_icon_on.png) 20px 20px no-repeat #fff2ed;
}

.make_logo_step .step_warp .left ul li:nth-of-type(4) {
  background: url(../images/step4_icon.png) 20px 20px no-repeat;
}

.make_logo_step .step_warp .left ul li.on:nth-of-type(4) {
  background: url(../images/step4_icon_on.png) 20px 20px no-repeat #fff2ed;
}

.make_logo_step .step_warp .left ul li h4 {
  font-size: 18px;
  color: #666666;
  margin: 0 0 8px;
}

.make_logo_step .step_warp .left ul li p {
  font-size: 14px;
  color: #999;
  line-height: 22px;
}

.make_logo_step .step_warp .left ul li.on h4 {
  color: #ff8458;
}

.make_logo_step .step_warp .right {
  width: calc(100% - 250px);
  float: left;
  margin-top: -14px;
}

.make_logo_step .step_warp .right ul li {
  display: none;
  padding: 0 0 0 15px;
}

.make_logo_step .step_warp .right ul li img {
  width: 100%;
  display: block;
}

.make_logo_step .step_warp .right ul li:nth-of-type(1) {
  display: block;
}

.made_content {
  padding: 20px 0;
}

.customer_eval .slide_case ul li .e_case_wrap {
  width: 25%;
}

.submit_content {
  margin-bottom: 30px;
}

.submit_content .contac_msg {
  margin-bottom: 20px;
}

.submit_content .contac_msg span {
  color: #cd0a0a;
}

.submit_content .contac_msg input {
  max-width: 300px;
  width: 100%;
  border: 2px solid #ccc;
  height: 50px;
  line-height: 50px;
  text-indent: 1em;
  border-radius: 3px;
  background: #fff;
  font-size: 18px;
}

.submit_content textarea.demand_cont {
  border: 2px solid #ccc;
  border-radius: 3px;
  margin-left: 11px;
  padding: 10px;
  font-size: 18px;
  width: 100%;
  max-width: 500px;
}

.txz_wrap .txz_banner {
  height: 600px;
  width: 100%;
  margin: 60px auto 0;
  background: url(../images/images/txz_banner.jpg) center no-repeat;
}

.txz_wrap .banner_con {
  padding-top: 70px;
}

.txz_wrap .banner_con img {
  margin: 100px auto 62px;
  display: block;
}

.txz_wrap .banner_con h2 {
  font-size: 46px;
  color: #ffffff;
  letter-spacing: 6px;
  text-align: center;
}

.txz_wrap .txz_main .two_service ul.ser_nav {
  display: block;
  width: 100%;
  height: 135px;
  text-align: center;
  padding-top: 70px;
  margin-bottom: 0;
}

.txz_wrap .txz_main .two_service ul.ser_nav li {
  display: inline-block;
  width: 440px;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  color: #666666;
  letter-spacing: 1px;
  position: relative;
}

.txz_wrap .txz_main .two_service ul.ser_nav li a {
  color: #666;
  text-decoration: none;
  display: block;
}

.txz_wrap .txz_main .two_service ul.ser_nav li a.tabulous_active:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 12px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -49px;
  z-index: 3;
}

.txz_wrap .txz_main .two_service ul.ser_nav li:first-child {
  border-right: 2px solid #e5eefb;
}

/*服务切换动画样式*/
#tabs_container {
  /*overflow: hidden;*/
  position: relative;
  zoom: 1;
}

#tabs_container > div {
  float: left;
  margin-right: 40px;
  zoom: 1;
}

.transition {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.make_transist {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hideleft {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  animation: hide_slide_1 1s;
  -webkit-animation: hide_slide_1 1s;
  z-index: -1;
}

.showleft {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  animation: show_slide_1 1s;
  -webkit-animation: show_slide_1 1s;
  z-index: 1;
}

.hideleft_sf {
  display: none;
  animation: hide_slide_sf_1 1s;
  -webkit-animation: hide_slide_sf_1 1s;
  z-index: -1;
}

.showleft_sf {
  display: block;
  animation: show_slide_sf_1 1s;
  -webkit-animation: show_slide_sf_1 1s;
  z-index: 1;
}

.hideleft2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  animation: hide_slide_2 1s;
  -webkit-animation: hide_slide_2 1s;
  z-index: -1;
}

.showleft2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  animation: show_slide_2 1s;
  -webkit-animation: show_slide_2 1s;
  z-index: 1;
}

.hideleft2_sf {
  display: none;
  animation: hide_slide_sf_2 1s;
  -webkit-animation: hide_slide_sf_2 1s;
  z-index: -1;
}

.showleft2_sf {
  display: block;
  animation: show_slide_sf_2 1s;
  -webkit-animation: show_slide_sf_2 1s;
  z-index: 1;
}

@keyframes show_slide_1 {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes show_slide_1 {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes hide_slide_1 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0.8;
  }
}

@-webkit-keyframes hide_slide_1 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0.8;
  }
}

/*safari浏览器动画*/
@keyframes show_slide_sf_1 {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes show_slide_sf_1 {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes hide_slide_sf_1 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  to {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes hide_slide_sf_1 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  to {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes show_slide_2 {
  from {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes show_slide_2 {
  from {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes hide_slide_2 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0.8;
  }
}

@-webkit-keyframes hide_slide_2 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0.8;
  }
}

/*safari浏览器动画*/
@keyframes show_slide_sf_2 {
  from {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes show_slide_sf_2 {
  from {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes hide_slide_sf_2 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  to {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes hide_slide_sf_2 {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  to {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.tabulous_active {
  color: #3574cb !important;
}

.tabulousclear {
  display: block;
  clear: both;
}

/*  2019/7/25 logomaker首页改版   */
.green_public_btn {
  display: block;
  width: 230px;
  height: 54px;
  background: rgba(20, 207, 166, 1);
  box-shadow: 0 2px 8px 0 rgba(11, 181, 144, 0.4);
  border-radius: 3px;
  outline: none;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  line-height: 54px;
  text-align: center;
  margin-top: 50px;
}

.green_public_btn i {
  display: inline-block;
  width: 22px;
  height: 7px;
  background: url(../images/start_icon.png) center no-repeat;
  background-size: 22px auto;
  margin-left: 10px;
  vertical-align: super;
}

.green_public_btn:hover {
  text-decoration: none;
  color: #fff;
}

.margin_middle {
  margin: 0 auto;
}

.foldline_title {
  margin-top: 0;
  text-align: left;
}

.foldline_title h2 {
  line-height: 1.4;
  max-width: 496px;
  font-size: 44px;
  margin: 0;
  color: #000;
}

.ftmin_width h2 {
  max-width: 600px;
}

.enlarge_font h2 {
  font-size: 40px;
  color: #000;
}

.index_case .btn_black_border {
  margin: 40px auto 100px;
}

.oneself_design {
  padding: 100px 0;
  /* background: url("../images/index_img/vi.png") no-repeat; */
  background-position: 0 110px;
}

.od_cont_left,
.od_cont_right {
  float: left;
  width: 50%;
}

.od_cont_left img {
  display: block;
  width: 100%;
  max-width: 430px;
  margin-top: 15px;
}

.od_cont_right .od_detail {
  margin-top: 40px;
  margin-left: 140px;
  max-width: 450px;
}

.od_cont_right .od_detail:first-child {
  margin-top: 0px;
}

.od_cont_right .od_detail .od_title {
  font-size: 20px;
  color: #000;
}

.od_cont_right .od_detail .od_cont {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 10px;
}

.od_cont_right .od_detail .od_cont a {
  color: #ff8458;
}

.od_cont_right .od_detail .od_cont a:hover {
  text-decoration: none;
  color: #ff8458;
}

.get_logo_step {
  padding: 100px 0;
  background: #f5f5f5;
}

.get_logo_step .six_step {
  margin-top: 60px;
}

.get_logo_step .six_step ul li {
  width: 303px;
  border-bottom: 1px solid #000;
  float: left;
  margin-right: 115px;
  padding-bottom: 30px;
  margin-bottom: 50px;
}

.get_logo_step .six_step ul li:nth-of-type(3n) {
  margin-right: 0;
}

.get_logo_step .six_step ul li:nth-of-type(6n) {
  margin-right: 0;
}

.get_logo_step .six_step ul li p {
  color: #000;
  font-size: 20px;
  line-height: 1.4;
}

.get_logo_step .six_step ul li p.title {
  margin: 15px 0;
  font-weight: bolder;
}

.get_logo_step .six_step ul li p.cont {
  font-size: 16px;
  color: #333;
  height: 90px;
  line-height: 30px;
  margin-bottom: 10px;
}

.get_logo_step a {
  font-size: 16px;
}

.online_make_logo {
  padding: 100px 0;
}

.oml_cont_left,
.oml_cont_right {
  float: left;
  width: 50%;
}

.oml_cont_left a {
  font-size: 16px;
}

.oml_cont_right ul {
  margin-left: 82px;
}

.oml_cont_right ul li {
  float: left;
  width: 50%;
  position: relative;
  margin-bottom: 20px;
}

.oml_cont_right ul li p.bigtitle {
  font-size: 18px;
  color: #000;
  line-height: 48px;
  padding-left: 60px;
  font-weight: bolder;
}

.oml_cont_right ul li img {
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
}

.oml_cont_right ul li span {
  display: block;
  padding-left: 60px;
  color: #666;
  font-size: 16px;
  margin-bottom: 15px;
}

.customer_eval {
  margin-top: 0;
}

.customer_eval.add_pad {
  padding-top: 100px;
}

/* 分享图片展示 */
.share_wrap {
  width: 750px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 40px;
  position: relative;
}

.share_wrap .share_title {
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 20px;
}

.share_wrap .share_link {
  text-align: center;
  float: right;
  width: auto;
  height: 45px;
  font-size: 16px;
  color: #14cfa6;
  line-height: 45px;
  border-radius: 3px;
}

.share_wrap .pop_up_box {
  position: absolute;
  top: 55px;
  right: 0px;
  width: 438px;
  height: 328px;
  z-index: 50;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 30px 24px;
}

.share_wrap .pop_up_box .copy_link {
  height: 45px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 0px 13px;
}

.share_wrap .pop_up_box .copy_link span {
  float: left;
  line-height: 45px;
}

.share_wrap .pop_up_box .copy_link div {
  border: 1px solid #dddddd;
  width: 87px;
  height: 35px;
  margin: 4px 0px;
  text-align: center;
  line-height: 33px;
  position: absolute;
  right: 28px;
  background-color: #fff;
  border-radius: 3px;
}

.share_wrap .pop_up_box p {
  text-align: center;
}

.share_wrap .pop_up_box p span {
  display: inline-block;
  background: url(../images/weixin_share.png) center no-repeat;
  width: 27px;
  height: 22px;
  background-size: 27px 22px;
  vertical-align: middle;
}

.share_wrap .pop_up_box img {
  display: block;
  width: 150px;
  height: 151px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
}

.share_wrap .pop_up_box .close {
  display: none;
}

.share_wrap .share_link span {
  display: inline-block;
  background: url("../images/personal_center/share_small_picture02.png") center
    no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  vertical-align: sub;
}

.swiper-container {
  width: 100%;
  height: 560px;
  background-color: #fff;
}

.swiper-container .swiper-wrapper .share_pictures {
  height: 400px;
  margin: 80px auto 0;
}

.share_wrap a {
  width: 145px;
  height: 45px;
  z-index: 50;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 45px;
  border-radius: 3px;
}

.share_wrap .editor_small:hover {
  border: 1px solid #14cfa6;
  background: #fff;
}

.share_wrap .download_small {
  position: absolute;
  bottom: 15px;
  right: 165px;
}

.share_wrap .download_small span {
  display: inline-block;
  background: url("../images/download_small.png") center no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  vertical-align: sub;
}

.share_wrap .edit_a_save {
  position: absolute;
  bottom: 15px;
  right: 10px;
  z-index: 1;
}

.share_wrap .edit_a_save .editor_small {
  float: right;
  margin-right: 15px;
  background: #fff;
}

.share_wrap .edit_a_save .editor_small span {
  display: inline-block;
  background: url("../images/editor_small.png") center no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  vertical-align: sub;
}

.share_wrap .edit_a_save .editor_small:hover {
  color: #14cfa6;
}

.share_wrap .edit_a_save .editor_small:hover span {
  background: url("../images/editor_small_mobile.png") center no-repeat;
  background-size: 20px auto;
}

.share_wrap .edit_a_save .keep_m_design {
  float: right;
  background: #14cfa6;
}

.share_wrap .edit_a_save .keep_m_design:hover {
  background: #00e1b6;
}

.share_wrap .edit_a_save .keep_m_design span {
  background: url("../images/personal_center/keep_icon.png") left center
    no-repeat;
  background-size: 20px auto;
  padding-left: 25px;
  color: #fff;
}

.make_logo {
  padding: 70px 0;
}

.make_logo h2 {
  font-size: 42px;
  line-height: 75px;
}

.make_logo .make_tips {
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
}

.make_logo .btn-design-go-footer {
  width: 230px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  background: #fff;
  color: #14cfa6;
}

.index_banner .con > p {
  margin-top: 99px;
}

.index_banner .con p.watchword {
  font-size: 22px;
  color: #666;
  text-align: center;
  font-weight: normal;
  margin-top: 16px;
}

.index_banner .btn-design-go-banner {
  margin-top: 30px;
}

.index_banner .btn-custom-go-banner {
  margin-top: 30px;
}

.index_case .vslider {
  height: 30px;
  overflow: hidden;
  margin-top: 12px;
  padding-left: 30px;
  background: url("../images/index_img/laba-2.png") no-repeat left center;
  /*max-width: 350px;*/
}

.index_case .vslider ul li {
  height: 30px;
  line-height: 30px;
  text-align: left;
  color: #666;
  font-size: 14px;
  position: relative;
  /*width: 100%;*/
}

.index_case .vslider ul li span {
  display: inline-block;
  margin-left: 5px;
}

/*.index_case .vslider ul li span.tz_cont{*/
/*white-space: nowrap;*/
/*overflow: hidden;*/
/*width: 250px;*/

/*}*/
/*.index_case .vslider ul li span.tz_time{*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*}*/
.index_case .two_service ul.ser_nav {
  display: block;
  width: 100%;
  height: 135px;
  text-align: center;
  padding-top: 70px;
}

.index_case .two_service ul.ser_nav li {
  display: inline-block;
  width: 440px;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  color: #666666;
  letter-spacing: 1px;
  position: relative;
}

.index_case .two_service ul.ser_nav li a {
  color: #666;
  text-decoration: none;
  display: block;
}

.index_case .two_service ul.ser_nav li a.tabulous_active:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 12px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: -49px;
  z-index: 3;
}

.index_case .two_service ul.ser_nav li:first-child {
  border-right: 2px solid #e5eefb;
}

header div ul .back-to-old a {
  display: block;
  width: 150px;
  height: 45px;
  background: rgba(20, 207, 166, 1);
  box-shadow: 0 2px 8px 0 rgba(11, 181, 144, 0.4);
  border-radius: 3px;
  outline: none;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  line-height: 45px;
  text-align: center;
  margin-top: 16px;
}

header div ul .back-to-old a i {
  display: inline-block;
  width: 22px;
  height: 7px;
  background: url(../images/start_icon.png) center no-repeat;
  background-size: 22px auto;
  margin-left: 10px;
  vertical-align: super;
}

header div ul .back-to-old a:hover {
  text-decoration: none;
  color: #fff;
}

.jq-toast-wrap {
  width: 310px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.jq-toast-single {
  margin: 0;
  padding: 0;
}

.close-jq-toast-single {
  color: #ccc;
  top: 7px;
  font-size: 22px;
}

.toast_cont img {
  display: block;
  width: 130px;
  float: left;
}

.toast_cont p {
  margin-top: 25px;
  width: 144px;
  margin-left: 140px;
  color: #000;
  line-height: 1.4;
  font-size: 14px;
  overflow: hidden;
  height: 57px;
}

.toast_cont span {
  display: block;
  margin-left: 140px;
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  padding-bottom: 5px;
}

.jq-toast-loader {
  height: 0;
}

.customer_eval .eval_case {
  margin-top: 35px;
}

.od_opacity_box {
  opacity: 0;
}

.od_opacity_box.animate {
  opacity: 1;
  -webkit-animation: honor_animate 0.8s ease 0s normal;
  -moz-animation: honor_animate 0.8s ease 0s normal;
  animation: honor_animate 0.8s ease 0s normal;
}

@keyframes honor_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
    opacity: 0;
  }
}

@-webkit-keyframes honor_animate {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
    opacity: 0;
  }
}

.left_animate_box,
.right_animate_box {
  opacity: 0;
}

.left_animate_box.animate {
  -webkit-animation: video1Fly 1.5s ease 0s 1 normal;
  animation: video1Fly 1.5s ease 0s 1 normal;
  opacity: 1;
}

.right_animate_box.animate {
  opacity: 1;
  -webkit-animation: video2Fly 1.5s ease 0s 1 normal;
  animation: video2Fly 1.5s ease 0s 1 normal;
}

@keyframes video1Fly {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
    opacity: 0;
  }
}

@keyframes video1Fly-2 {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  0% {
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
    opacity: 1;
  }
}

@keyframes video2Fly {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -o-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    transform: translate(0, 30%);
    opacity: 0;
  }
}

@keyframes video2Fly-2 {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  0% {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    transform: translate(20%, 0);
    opacity: 0;
  }
}

@keyframes video3Fly {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
    opacity: 0;
  }
}

@keyframes video3Fly-2 {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  0% {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    transform: translate(20%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes video1Fly {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes video1Fly-2 {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  0% {
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes video2Fly {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    transform: translate(20%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes video2Fly-2 {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  0% {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    transform: translate(20%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes video3Fly {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  0% {
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
    opacity: 0;
  }
}

@-webkit-keyframes video3Fly-2 {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  0% {
    -webkit-transform: translate(20%, 0);
    -moz-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    -o-transform: translate(20%, 0);
    transform: translate(20%, 0);
    opacity: 0;
  }
}

.show_hidden_xs {
  display: none;
}

.index_case.search_case_lists .text {
  display: inline-block;
  margin: 10px 0 20px;
  font-size: 32px;
}

.search_case_lists .case_list_sort {
  position: absolute;
  top: 25px;
  right: 0px;
}

.logo_others_lists .others_list_title {
  text-align: left;
  display: inline-block;
  width: 40%;
}

.logo_others_lists .label_link.top {
  text-align: right;
  display: inline-block;
  margin: 5px 0px;
  width: 59%;
}

.logo_others_lists .label_link.bottom {
  padding: 0px 15px;
}

.logo_others_lists .label_link div {
  height: 36px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 0px 12px;
  margin-left: 10px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 10px;
  word-spacing: 0px;
  line-height: 34px;
}

.logo_others_lists .label_link div a {
  color: #333;
  text-decoration-line: none;
}

.logo_case_show .show_info .btns .edit_btn i {
  display: inline-block;
  width: 13px;
  height: 5px;
  background: url("../images/right_btn.png") center no-repeat;
  margin-left: 4px;
  vertical-align: super;
}

/*  地域页面 */
.tcy_region_pro {
  padding-top: 120px;
}

.tcy_region_pro .city-filter .filter-title {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333;
  font-weight: 900;
  width: 100px;
  float: left;
  line-height: 34px;
}

.tcy_region_pro .city-filter .filter-content {
  margin-left: 100px;
  line-height: 34px;
}

.tcy_region_pro .city-filter .filter-content .current-city,
.tcy_region_pro .city-filter .filter-content .current-city:hover {
  color: #7cacee;
  font-size: 14px;
  text-decoration: none;
}

.tcy_region_pro .city-filter .filter-hot {
  margin-top: 40px;
}

.tcy_region_pro .city-filter .filter-hot .hot-item {
  display: inline-block;
  margin-right: 30px;
  color: #666;
  font-size: 14px;
}

.tcy_region_pro .city-filter .filter-hot .hot-item a {
  color: #333;
}

.tcy_region_pro .city-filter .filter-hot .hot-item a:hover {
  color: #7cacee;
  text-decoration: none;
}

.tcy_region_pro .city-filter .filter-province {
  margin-top: 32px;
}

.tcy_region_pro .city-filter .filter-province .filter-province-float {
  float: left;
  margin-right: 32px;
}

.tcy_region_pro .city-filter .filter-province .city-select {
  display: inline-block;
}

.tcy_region_pro .city-filter .filter-province .city-select .select {
  vertical-align: middle;
  display: block;
  float: left;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 12px;
  width: 150px;
  height: 34px;
  border: 1px solid rgba(228, 231, 236, 1);
  background: #fff;
  color: #999;
  background: url("../images/toggle_arrow.png") no-repeat right center;
  background-position: 95% 50%;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  margin-right: 9px;
  z-index: 4;
}

.tcy_region_pro .city-filter .filter-province .city-select .select.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tcy_region_pro
  .city-filter
  .filter-province
  .city-select
  .select-city-content {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.tcy_region_pro .city-filter .filter-province .city-select .select > span {
  line-height: 34px;
  height: 34px;
}

.tcy_region_pro
  .city-filter
  .filter-province
  .city-select
  .select
  .select-wrap {
  position: absolute;
  display: block;
  width: 100%;
  margin-left: -13px;
  border: 1px solid #e4e7ec;
  box-sizing: border-box;
  padding: 6px 0;
  line-height: 28px;
  background: #fff;
  z-index: 1;
  max-height: 200px;
  overflow-y: auto;
  top: 34px;
  left: 12px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 0 4px 2px rgba(22, 30, 40, 0.1);
}

.tcy_region_pro
  .city-filter
  .filter-province
  .city-select
  .select
  .select-wrap
  > span {
  display: block;
  padding: 0 12px;
}

.tcy_region_pro
  .city-filter
  .filter-province
  .city-select
  .select.select-city#province-www {
  display: inline-block;
}

.tcy_region_pro .city-filter .filter-province .city-select .select.select-city {
  display: none;
}

.tcy_region_pro
  .city-filter
  .filter-province
  .filter-province-float
  .direct_search {
  float: none;
  width: 70px;
}

.tcy_region_pro .city-filter .filter-province .city-search {
  display: inline-block;
  position: relative;
  width: 174px;
  height: 34px;
  border: 1px solid rgba(228, 231, 236, 1);
}

.tcy_region_pro .city-filter .filter-province .city-search .search-input {
  padding: 10px;
  width: 140px;
  height: 30px;
  color: #999;
  box-sizing: border-box;
  border-radius: 3px;
  border: none;
}

.tcy_region_pro .city-filter .filter-province .city-search .search-btn {
  width: 34px;
  height: 34px;
  background: url("../images/designers_case_search2.png") no-repeat center;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}

.tcy_region_pro .city-filter .filter-province .city-search .search-list {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  width: 155px;
  height: auto;
  background: #fff;
  color: #666;
  line-height: 25px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-top: 0;
  padding: 5px 0;
  cursor: pointer;
  z-index: 1;
}

.tcy_region_pro .city-list {
  padding-bottom: 60px;
}

.tcy_region_pro .city-list .list-title {
  margin: 32px 0 28px;
  font-size: 14px;
  color: #333;
  font-weight: 900;
}

.tcy_region_pro .city-list .list-title .frist-anchor {
  margin-right: 25px;
  text-decoration: none;
  cursor: pointer;
  font-weight: normal;
}

.tcy_region_pro .city-list .list-title .frist-anchor:hover {
  color: #7cacee;
}

.tcy_region_pro .city-list .list_content {
  vertical-align: top;
  width: 100%;
  margin-right: 35px;
  border-top: 1px solid #e4e7ec;
  border-right: 1px solid #e4e7ec;
}

.tcy_region_pro .city-list .list_content .item-content {
  position: relative;
  border-bottom: 1px solid #e4e7ec;
}

.tcy_region_pro .city-list .list_content .item-content a:hover {
  text-decoration: none;
}

.tcy_region_pro .city-list .list_content .item-content .item-frist {
  display: block;
  width: 37px;
  border: 1px solid #e4e7ec;
  border-top: 0;
  border-bottom: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  height: 100%;
  color: #999;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}

.tcy_region_pro .city-list .list_content .item-content:hover .item-frist {
  color: #fff;
  background: #7cacee;
  border: 1px solid #7cacee;
}

.tcy_region_pro .city-list .list_content .item-content .item-frist span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -14px;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces {
  margin-left: 37px;
  position: relative;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province {
  position: relative;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province
  .item-province-name {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  border-right: 1px solid #e4e7ec;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province
  .item-province-name
  span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -11px;
  text-align: center;
  font-size: 14px;
  color: #7cacee;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province
  .item-citys {
  margin-left: 80px;
  box-sizing: border-box;
  padding: 15px;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province
  .item-citys
  .citys-city {
  line-height: 20px;
  margin: 5px 0;
  position: relative;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province
  .item-citys
  .citys-city
  a {
  position: relative;
  display: inline-block;
  margin: 3px 20px 5px 0;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .item-province
  .item-citys
  .citys-city
  a:hover {
  color: #7cacee;
}

.tcy_region_pro .city-list .list_content .item-content .item-provinces .active {
  background: #f5f5f5;
}

.tcy_region_pro
  .city-list
  .list_content
  .item-content
  .item-provinces
  .active
  .item-province-name
  i {
  position: absolute;
  display: block;
  width: 7px;
  height: 15px;
  background: url("../images/current_arrow.png") no-repeat center;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.designers_case_list .search_wrap .box input {
  border: 2px solid #e3ebf5;
}

.tcy_single_pro .logo_package {
  padding: 0 0 35px;
}

.popular_label .label_nav {
  margin-top: 0;
}

.img_enlarge_slow .pink_money {
  width: 60%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background: #fe517e;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  display: none;
}

.filter_design .f_d_con .f_d_c_c h4 {
  margin-top: 10px;
}

#money .row.title {
  margin-top: 60px;
}

.super_company .company {
  text-align: center;
}

.pack_case_list .p_case_wrap h4 {
  font-size: 20px;
  font-weight: bold;
}

.logo_package .logo_package_con .l_p_plan .bigsize {
  display: block;
}

.logo_package .logo_package_con .l_p_plan .smallsize {
  display: none;
}

.over_slider .pink_money {
  width: 60%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background: #fe517e;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  display: none;
  z-index: 10;
}

.go_city_loction {
  position: relative;
  cursor: pointer;
  width: 90px;
  float: left;
  margin-top: 18px;
  margin-right: 10px;
}

.go_city_loction .city_button {
  padding: 6px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  position: relative;
  z-index: 101;
  color: #333;
}

.go_city_loction .city_hover {
  border: 2px solid #e3ebf5;
  border-bottom: 2px solid #fff;
  background: #fff;
  color: #333;
}

.go_city_loction .city_button p {
  line-height: 22px;
  padding-left: 25px;
  font-size: 14px;
  background: url(../images/na_icon2.png) no-repeat left center;
}

.go_city_loction .city_hover p {
  background: url(../images/na_icon3.png) no-repeat left center;
}

.go_city_loction .city_options_box {
  right: auto;
  left: 0;
}

.designers_case_list .other_search_new {
  padding-bottom: 30px;
}

.tcy_single_pro .i_common_title .title > div div {
  margin-top: 0px;
}

/* 我们的客户 */
.txz_wrap .txz_main .our_customers {
  text-align: center;
  padding: 60px 0;
}

.txz_wrap .txz_main .our_customers .oc_title h2 {
  font-size: 36px;
  line-height: 1.2;
  margin: 0;
}

.txz_wrap .txz_main .our_customers .customers_list {
  margin-top: 40px;
  color: #818181;
  background: #f0f0f0;
}

.txz_wrap .txz_main .our_customers .customers_list .customers_small_box {
  display: none;
}

.txz_wrap .txz_main .our_customers .customers_list ul {
  font-size: 0;
}

.txz_wrap .txz_main .our_customers .customers_list ul li {
  display: inline-block;
  width: 17.7%;
  line-height: 1.3;
  position: relative;
  vertical-align: top;
}

.txz_wrap .txz_main .our_customers .customers_list ul li p {
  font-size: 18px;
  padding-top: 42px;
}

.txz_wrap .txz_main .our_customers .customers_list ul li.big_oc {
  width: 29.206%;
}

.txz_wrap .txz_main .our_customers .customers_list ul li img {
  display: block;
  width: 100%;
}

.txz_wrap .txz_main .our_customers .customers_list ul li.two_elements p {
  padding-top: 28px;
}

/* tm页改版  */
.txz_wrap .txz_banner {
  position: relative;
}

.txz_wrap .banner_con img {
  margin: 0 auto;
  width: 100%;
  max-width: 545px;
}

.txz_wrap .banner_con .search_box {
  margin: 38px auto 0;
}

.txz_wrap .banner_con .query_warp {
  text-align: center;
  margin-top: 20px;
}

.txz_wrap .banner_con .query_warp p.query_num {
  display: inline-block;
  color: #99b1d5;
  font-size: 14px;
  margin: 0;
  position: relative;
  top: -10px;
}

.txz_wrap .banner_con .vslider {
  display: inline-block;
  width: 300px;
}

.txz_wrap .banner_con .vslider li {
  color: #99b1d5;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.txz_wrap .banner_con .qw_banner_tips {
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: #99b1d5;
  width: 100%;
  text-align: center;
}

.txz_wrap .txz_main .two_service ul.ser_nav {
  height: 82px;
  padding-top: 22px;
  background: #f3f9ff;
}

.txz_wrap .txz_main .two_service ul.ser_nav li a.tabulous_active:after {
  bottom: -43px;
}

.tm_common_bottom {
  padding-bottom: 60px;
}

#txz_service_1 .s_con_4 .bottom_img {
  width: 100%;
  max-width: 1170px;
}

/*=====================公共样式提取========================*/
/*
    公共标题（带左下角粗线）
    短线
    星星
    复选框
    输入框
    文本域
    绿色背景btn无阴影
    绿色背景btn有阴影
    绿色边框btn无阴影
    绿色边框btn有阴影
    服务卡片
    分页样式
    服务者头像
    单行文本超出显示省略号
    弹框
    项目客户评价
*/
/*公共标题（带左下角粗线）*/
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

#mongolia {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

.mask_layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

.common_log_unique .common_title {
  margin-bottom: 20px;
}

.common_log_unique .login-footer {
  display: none;
}

.common_log_unique .common_title .tit {
  float: left;
  font-size: 20px;
  color: #333333;
  /* letter-spacing: 3px; */
  line-height: 20px;
  width: 50%;
  font-weight: bold;
  font-family: PingFangSC-Semibold, sans-serif;
}

.common_log_unique .common_title .tit.tit_2 {
  color: #606664;
  font-size: 24px;
}

/* .common_log_unique .common_title p{
	display: block;
	width: 26px;
	height: 5px;
	background: #29283A;
} */
/*短线*/
.common_log_unique .short_line {
  width: 100%;
  height: 1px;
  background: #dcf5ed;
}

/*首页公共100%线*/
.common_log_unique .index_line {
  width: 100%;
  height: 1px;
  background: #ebf7f3;
}

/*复选框*/
.common_log_unique .check_box {
  font-weight: normal;
  display: block;
  position: relative;
  cursor: pointer;
}

.common_log_unique .check_box input {
  display: inline-block;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.common_log_unique .check_box input + i {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../images/add_check_3.png) top 4px left 0px no-repeat;
  left: 0;
  background-size: 14px 14px;
}

.common_log_unique .check_box input:checked + i {
  background: url(../images/add_check_4.png) top 4px left 0px no-repeat;
  background-size: 14px 14px;
}

.common_log_unique .check_box .words {
  display: block;
  float: left;
  letter-spacing: 1px;
  margin-left: 19px;
  font-weight: normal;
}

/*单选框*/
.common_log_unique .common_radio {
  font-weight: normal;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 40px;
}

.common_log_unique .common_radio input {
  display: inline-block;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  margin-left: 5px;
  margin-top: 5px;
}

.common_log_unique .common_radio input + i {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../../../statics/images/bootstrap/radio_off.png);
  left: 0;
}

.common_log_unique .common_radio input:checked + i {
  background: url(../../../statics/images/bootstrap/radio_on.png);
}

.common_log_unique .common_radio .words {
  display: block;
  font-size: 16px;
  color: #808080;
  float: left;
  letter-spacing: 1px;
  margin-left: 30px;
  font-weight: normal;
}

/*输入框 + select + 文本域*/
.common_log_unique select::-ms-expand {
  display: none;
}

.common_log_unique .yg_textarea {
  padding-top: 10px;
}

.common_log_unique .yg_input,
.yg_select,
.yg_textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  outline: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 56px;
  display: block;
  /*padding: 13px 20px;*/
  padding-left: 20px;
  -webkit-transition: border 0.35s;
  transition: border 0.35s;
  font-size: 14px;
  letter-spacing: 1px;
}

.common_log_unique .yg_input::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #b3b3b3;
  background-color: #fff;
}

.common_log_unique .yg_input[readonly="readonly"] {
  background: #fff;
}

.common_log_unique .yg_input[readonly="readonly"]:hover {
  border: 1px solid #dcf5ed;
}

.common_log_unique .yg_input[readonly="readonly"]:focus {
  border: 1px solid #dcf5ed;
}

.common_log_unique input[type="button"][disabled="disabled"] {
  background: #ceebe1;
  border: none;
  color: #666666;
  font-size: 18px;
  letter-spacing: 2px;
}

.common_log_unique input[type="button"][disabled="disabled"]:hover {
  background: #ceebe1;
  border: none;
  color: #666666;
}

.common_log_unique .yg_input:hover,
.yg_select:hover,
.yg_textarea:hover {
  border: 1px solid #91f2d2;
}

.common_log_unique .yg_input:focus,
.yg_select:focus,
.yg_textarea:focus {
  border: 1px solid #44e7ba;
}

.common_log_unique .yg_select {
  padding-right: 40px;
  background: #fff url("../../images/bootstrap/icon_arrow_down.png") no-repeat
    90% center;
}

.common_log_unique .yg_textarea {
  min-height: 220px;
  line-height: 25px;
  resize: none;
}

/*绿色背景btn无阴影*/
.common_log_unique .btn_green_bg {
  height: 50px;
  line-height: 50px;
  background: #14cfa6;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  -webkit-transition: background 0.35s;
  transition: background 0.35s;
  display: block;
  padding: 0;
  cursor: pointer;
}

.common_log_unique a.btn_green_bg {
  color: #fff;
}

.common_log_unique .btn_green_bg:hover {
  color: #fff;
  background: #24dab2;
}

.common_log_unique input[type="button"].btn_green_bg,
.common_log_unique button.btn_green_bg {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
}

.find_password .btn_green_bg {
  height: 45px;
  line-height: 45px;
  background: #14cfa6;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  -webkit-transition: background 0.35s;
  transition: background 0.35s;
  display: inline-block;
  padding: 0px 5px;
  cursor: pointer;
}

.find_password a.btn_green_bg {
  color: #fff;
}

.find_password .btn_green_bg:hover {
  color: #fff;
  background: #24dab2;
}

.find_password input[type="button"].btn_green_bg,
.find_password button.btn_green_bg {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
}

/*绿色背景btn有阴影*/
.common_log_unique .btn_green_bg_shadow {
  background: #14cfa6;
  border-radius: 3px;
  color: #fff;
  display: block;
  letter-spacing: 1px;
  font-size: 20px;
  /* -webkit-box-shadow: 0 3px 10px 0 rgba(68,231,186,0.75); */
  /* box-shadow: 0 3px 10px 0 rgba(68,231,186,0.75); */
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 19px 0;
}

.common_log_unique .btn_grey_bg_shadow {
  background: #ebfaf5;
  border-radius: 3px;
  color: #999 !important;
  display: block;
  letter-spacing: 1px;
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 19px 0;
  border: 2px solid #dcf5ed;
  cursor: default;
}

.common_log_unique .btn_grey_bg_shadow:hover {
  color: #999 !important;
  cursor: default;
}

.common_log_unique .btn_green_bg_shadow:hover {
  background: #24dab2;
}

.common_log_unique input.btn_green_bg_shadow {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
}

.common_log_unique a.btn_green_bg_shadow {
  color: #fff;
}

/*绿色边框btn无阴影*/
.common_log_unique .btn_green_border {
  border: 3px solid #47e7ba;
  border-radius: 3px;
  background: transparent;
  display: block;
  text-align: center;
  padding: 8px 35px;
  font-size: 16px;
  color: #44e7ba;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common_log_unique .btn_green_border:hover {
  border-color: #32fac1;
}

.common_log_unique input.btn_green_border {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.common_log_unique a.btn_green_border {
  color: #44e7ba;
}

/*绿色边框白色背景btn无阴影*/
.common_log_unique .btn_white_bg {
  border: 3px solid #47e7ba;
  border-radius: 3px;
  background: #fff;
  display: block;
  text-align: center;
  padding: 8px 35px;
  font-size: 16px;
  color: #44e7ba;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common_log_unique .btn_white_bg:hover {
  border-color: #32fac1;
}

.common_log_unique input.btn_white_bg {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.common_log_unique a.btn_white_bg {
  color: #44e7ba;
}

/*绿色边框btn有阴影*/
.common_log_unique .btn_green_border_shadow {
  border: 3px solid #47e7ba;
  border-radius: 3px;
  background: transparent;
  display: block;
  text-align: center;
  padding: 10px 35px;
  font-size: 16px;
  color: #44e7ba;
  letter-spacing: 1px;
  -webkit-box-shadow: 0 6px 15px rgba(68, 231, 186, 0.3);
  box-shadow: 0 6px 15px rgba(68, 231, 186, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common_log_unique .btn_green_border_shadow:hover {
  -webkit-box-shadow: 0 2px 10px 3px rgba(68, 231, 186, 0.3);
  box-shadow: 0 2px 10px 3px rgba(68, 231, 186, 0.3);
  border-color: #32fac1;
}

.common_log_unique input.btn_green_border_shadow {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
}

.common_log_unique a.btn_green_border_shadow {
  color: #44e7ba;
}

/*浅绿色边框btn*/
.common_log_unique .btn_lighter_green {
  height: 50px;
  line-height: 48px;
  border: 2px solid #dcf5ed;
  color: #96b2a9;
  border-radius: 3px;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  -webkit-transition: border 0.35s, color 0.35s;
  transition: border 0.35s, color 0.35s;
  display: block;
  padding: 0;
  cursor: pointer;
}

.common_log_unique .btn_lighter_green:hover {
  color: #44e7b9;
  border: 2px solid #44e7b9;
}

.common_log_unique input[type="button"].btn_lighter_green,
.common_log_unique button.btn_lighter_green {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
}

/*公共返回上一页按钮*/
.common_log_unique #yg_common_back_url {
  display: block;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 3px;
  color: #999999;
  margin-bottom: 20px;
}

.common_log .wx_log_title {
  text-align: center;
}

.common_log .wx_log_title span {
  font-size: 20px;
  font-weight: bold;
  padding-left: 3px;
}

.common_log .wx_log_title img {
  width: 27px;
  height: 22px;
  margin-bottom: 6px;
}

.common_log .wx_log_item {
  width: 200px;
  height: 200px;
  border: 1px solid #dddddd;
  margin: auto;
}

.common_log .wx_log_item img {
  width: 190px;
  height: 190px;
  margin: 5px;
}

.common_log .wx_log_desc {
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  color: rgba(153, 153, 153, 1);
}

.common_log .other_way_btn {
  font-size: 14px;
  color: rgba(20, 207, 166, 1);
  padding-top: 20px;
  cursor: pointer;
}

.common_log .wx_login_btn {
  margin-top: 16px;
  cursor: pointer;
}

.common_log .wx_login_btn img {
  width: 22px;
  height: 18px;
}

.common_log .wx_login_btn span {
  color: #999999;
  font-size: 14px;
  line-height: 22px;
  padding-left: 4px;
}

/*************************** 表单验证错误提示 *************************/
.common_log_unique .onError,
.onFocus {
  position: absolute;
  right: 0;
  top: -40px;
  padding: 4px 12px;
  line-height: 24px;
  background: #ffcccc;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  color: #be0000;
}

.common_log_unique #reg_phoneTip {
  top: 0px;
}

.common_log_unique .onError:before,
.onFocus:before {
  content: "";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  margin-right: 0.3em;
}

.common_log_unique .onError:after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: #ffcccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.common_log_unique .onFocus {
  background: #fffdc7;
  color: #ffab33;
  border: 1px solid #fff4c5;
}

.common_log_unique .onFocus:after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fffdc7;
  color: #ffab33;
  border-right: 1px solid #fff4c5;
  border-bottom: 1px solid #fff4c5;
}

.common_log_unique .onCorrect {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: none;
}

.common_log_unique .onCorrect:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: #37bd76;
  /* background: url(../images/add_check_4.png) top 4px left 0px no-repeat; */
}

.common_log_unique .onShow,
.onLoad {
  display: none;
}

.common_log_unique .formvalidator-errorBd {
  border-color: #f00 !important;
}

/*************************登陆页************************/
.common_log_unique .common_log ul,
.common_log p,
.find_wrap h1,
.find_wrap h2,
.find_wrap h3 {
  margin: 0;
}

.common_log_unique {
  position: fixed;
  top: 50%;
  margin-top: -260px;
  width: 100%;
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  z-index: 2004;
}

.common_log_unique .common_log {
  background: #fff;
  z-index: 105;
  border-radius: 5px;
}

.common_log_unique .login_wrap {
  background: #fff;
  border-radius: 3px;
  padding: 40px 43px 20px;
  margin: 0 auto;
  width: 384px;
  position: relative;
}

.common_log_unique .common_log .cancle {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  cursor: pointer;
}

.common_log_unique .common_log .login_wrap ul {
  padding-bottom: 30px;
}

.common_log_unique .login_wrap ul:after {
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
  content: "";
}

.common_log_unique .login_wrap ul li {
  width: 50%;
  display: block;
  float: left;
  font-size: 20px;
  /* color: #333333; */
  letter-spacing: 0px;
  font-weight: bold;
  cursor: pointer;
  font-family: PingFangSC-Semibold, sans-serif;
}

.common_log_unique .login_wrap ul li:nth-of-type(2) {
  width: 50%;
  display: block;
  font-size: 14px;
  /* color: #14cfa6; */
  letter-spacing: 0px;
  cursor: pointer;
  text-align: right;
  padding-top: 7px;
  font-weight: normal;
}

.common_log_unique .login_wrap ul li i {
  display: inline-block;
  width: 21px;
  height: 24px;
  margin-right: 17px;
  background: url(../images/log_bg.png) no-repeat;
  vertical-align: sub;
}

.common_log_unique .login_wrap ul .mobile_log_tit i {
  background: url(../images/log_bg.png) -1px -92px no-repeat;
}

.common_log_unique .login_wrap ul .mobile_log_tit.on i {
  background: url(../images/log_bg.png) -1px -63px no-repeat;
}

.common_log_unique .login_wrap ul .account_log_tit i {
  background: url(../images/log_bg.png) -1px -33px no-repeat;
}

.common_log_unique .login_wrap ul .account_log_tit.on i {
  background: url(../images/log_bg.png) -1px -3px no-repeat;
}

.common_log_unique .login_way .tit {
  color: #666666;
  font-size: 16px;
  letter-spacing: 2px;
  height: 59px;
  line-height: 59px;
}

.common_log_unique .login_way .inp_box {
  position: relative;
}

.common_log_unique .login_way .inp_box input {
  height: 50px;
  width: 100%;
  padding: 0;
  text-indent: 20px;
}

.common_log_unique .login_way .account_handle {
  height: 55px;
}

.common_log_unique .login_way .account_handle label {
  display: inline-block;
  margin-top: 20px;
}

.common_log_unique .login_way .account_handle label .words {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
}

.common_log_unique .login_way .account_handle a {
  color: #999999;
  font-size: 14px;
  display: inline-block;
  float: right;
  margin-top: 20px;
}

.common_log_unique .login_way .log_handle:after {
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "";
}

.common_log_unique .login_way .log_handle input {
  font-size: 14px;
  width: 100%;
  height: 50px;
  padding: 0;
  line-height: 50px;
}

.common_log_unique .login_way p {
  text-align: center;
}

.common_log_unique .login_way p a {
  display: inline-block;
  color: #14cfa6;
  padding-top: 15px;
  font-size: 14px;
}

.common_log_unique p.reading_clause {
  font-size: 12px;
  color: #999999;
  text-align: left;
  background: #f5f5f5;
  line-height: 44px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.common_log_unique p.reading_clause a {
  display: inline-block;
  color: #14cfa6;
}

.common_log_unique .login_way p.reading_clause span {
  background: url("../images/memorize_clause.png") no-repeat left;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 14px;
  vertical-align: sub;
  margin-right: 5px;
}

.common_log_unique .login_way p.reading_clause a {
  padding-top: 0;
  font-size: 12px;
}

.common_log_unique .login_way .mobile_log .inp_box span {
  width: 110px;
  height: 40px;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  line-height: 40px;
}

.common_log_unique .login_way .mobile_log .inp_box span[disabled="disabled"],
.common_log_unique
  .login_way
  .mobile_log
  .inp_box
  span[disabled="disabled"]:hover {
  /* background: #ceebe1;
  color: #999; */
  background: #f2f2f2;
  color: #9ba1a9;
  cursor: default;
}

.common_log_unique .login_way .mobile_log .log_handle {
  margin-top: 20px;
}

.common_log_unique .login_way .mobile_log .go-continue {
  margin-top: 20px;
  text-align: center;
}

.common_log_unique .login_way .mobile_log .go-continue a {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}

.common_log_unique .login_way .tit {
  font-weight: bold;
}

.common_log_unique .login_way .tit span {
  font-size: 14px;
  font-weight: normal;
  color: #999;
  padding-left: 10px;
}

.common_log_unique .login_wrap .login_way .switch_login_title {
  position: relative;
  margin: 30px auto 20px;
  text-align: center;
}

.common_log_unique .login_wrap .login_way .switch_login_title .line {
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -1px;
  border-top: 1px solid #f5f5f5;
}

.common_log_unique .login_wrap .login_way .switch_login_title p {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 10px;
  color: #999;
  font-size: 12px;
}

.common_log_unique .login_wrap .login_way .switch_boxes {
  font-size: 0;
  text-align: center;
}

.common_log_unique .login_wrap .login_way .switch_boxes a {
  display: inline-block;
  width: 50px;
  margin: 0 25px;
}

.common_log_unique .login_wrap .login_way .switch_boxes a span {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin: 0 auto 10px;
  overflow: hidden;
}

.common_log_unique .login_wrap .login_way .switch_boxes a.zh_login span {
  background: url("../images/account_number_icon.png") no-repeat center #f8fafc;
  background-size: 28px;
}

.common_log_unique .login_wrap .login_way .switch_boxes a.zh_login:hover span {
  background: url("../images/account_number_icon.png") no-repeat center #f0f3f4;
  background-size: 28px;
}

.common_log_unique .login_wrap .login_way .switch_boxes a.qywx_login span {
  background: url("../images/new_qywx_login02.png") no-repeat center #f8fafc;
  background-size: 28px;
}

.common_log_unique
  .login_wrap
  .login_way
  .switch_boxes
  a.qywx_login:hover
  span {
  background: url("../images/new_qywx_login02.png") no-repeat center #f0f3f4;
  background-size: 28px;
}

.common_log_unique .login_wrap .login_way .switch_boxes a.wx_login span {
  background: url("../images/wechat02.png") no-repeat center #f8fafc;
  background-size: 28px;
}

.common_log_unique .login_wrap .login_way .switch_boxes a.wx_login:hover span {
  background: url("../images/wechat02.png") no-repeat center #f0f3f4;
  background-size: 28px;
}

.common_log_unique .login_wrap .login_way .switch_boxes a p {
  font-size: 12px;
  color: #666;
}

/*第三方登陆*/
/* .login_wrap .other_login_way{
	text-align: center;
	margin-top: 35px;
}
.login_wrap .other_login_way .tit{
	width: 100%;
	height: 1px;
	background: #DCF5ED;
	position: relative;
}
.login_wrap .other_login_way .tit span{
	position: absolute;
	display: block;
	width: 172px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	left: 50%;
	margin-left: -86px;
	top: -10px;
	background: #fff;
}
.login_wrap .other_login_way a{
	display: inline-block;
	width: 42px;
	height: 42px;
	margin: 20px 15px 0;
	border-radius: 100%;
} */

/* 微信登录窗口 */
/* .wechat_login{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 100;
}
.wechat_login .logo{
	width: 84px;
	height: 43px;
	margin: 35px auto;
}
.wechat_login .logo img{
	display: block;
	width: 100%;
}
.wechat_login .qr_code_login{
	border-bottom: 1px solid #ddf5ed;
	padding-bottom: 50px;
}
.wechat_login .qr_code_login .code_pic{
	width: 300px;
	margin: 0 auto;
}
.wechat_login .qr_code_login .code_pic img{
	display: block;
	width: 198px;
	margin:  5px auto 0;
}
.wechat_login .qr_code_login .lg_tip{
	text-align: center;
	font-size: 16px;
	color: #333;
	margin-top: 18px;
	line-height: 32px;

}
.wechat_login .qr_code_login .lg_tip p{
	display: inline-block;
	padding-left: 30px;
	background: url("../../images/bootstrap/login_weixin02.svg") no-repeat left center;
}
.wechat_login .qr_code_login .lg_tip span{
	color: #42e6ba;
}
.wechat_login .qr_code_login .switch_login{
	color: #42e6ba;
	display: block;
	width: 140px;
	margin: 0 36px 0 auto;
}
.wechat_login .praise{
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	color: #999;
	background: #fff;
}
.binding_cellnum{
	width: 500px;
	height: 488px;
	margin: 0 auto;
	background: #fff;
}
.binding_cellnum .logo{
	width: 84px;
	margin: 0 auto;
	padding-top: 35px;
}
.binding_cellnum .logo img{
	display: block;
	width: 100%;
}
.binding_cellnum .bd_tip{
	text-align: center;
	color: #333;
	padding: 24px 0;
}
.binding_log{
	padding: 0 30px 25px;
	border-bottom: 1px solid #dcf5ed;
}
.binding_log .into_num_box{
	position: relative;
	margin-bottom: 20px;
}
.binding_log .into_num_box input {
	height: 50px;
	width: 100%;
	padding: 0;
	text-indent: 20px;
}
.binding_log .into_num_box input.pc_code{
	width: 285px;
}
.binding_log .into_num_box .validate_img{
	position: absolute;
	right: 0;
	top: 0;
	width: 145px;
	cursor: pointer;
	height: 100%;
}
.binding_log .into_num_box .validate_img img{
	display: block;
	width: 100%;
}
.binding_log .into_num_box span {
	width: 140px;
	height: 40px;
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #fff;
	line-height: 40px;

}
.binding_log .bind_handle input{
	width: 100%;
	padding: 11px 0;
}
.binding_cellnum .praise{
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	color: #999;
}

.service_cards .bot h4 a{
	margin: 15px 0;
	padding-right: 30px;
	line-height: 26px;
	max-height: 52px;
	display: block;
	width: 100%!important;
	overflow: hidden;*/
/* text-overflow: ellipsis; */
/* white-space: normal; */
/* }  */

/* -----------------微信登陆改版跳小程序样式------------------- */
.wx_login_handle {
  width: 100%;
  height: 50px;
  border-radius: 2.5px;
  border: 1px solid #14cfa6;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wx_login_handle span {
  display: inline-block;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #14cfa6;
  line-height: 21px;
  padding-left: 27px;
  background: url("../images/wechat_hover_mc.png") no-repeat center left #fff;
  background-size: 22px auto;
}

.common_log_unique .login_wrap .login_way .wx_login_handle {
  display: none;
}
.common_log_unique .login_wrap .login_way .wxOpenLaunchStyle {
  display: none;
}

/*******************注册页******************/
.common_log_unique .find_wrap h1,
.find_wrap h2,
.find_wrap h3 {
  margin: 0;
}

.common_log_unique .register_wrap {
  background: #fff;
  border-radius: 3px;
  padding: 40px 43px;
  margin: 0 auto;
  width: 384px;
  position: relative;
}

.common_log_unique .register_wrap .common_title {
  margin-bottom: 20px;
  margin-top: 0px;
  width: 100%;
  float: left;
  z-index: 100;
  position: relative;
}

.common_log_unique .register_wrap .r_tit {
  color: #666666;
  font-size: 16px;
  letter-spacing: 2px;
  height: 59px;
  line-height: 59px;
}

.common_log_unique .register_wrap .inp_box {
  position: relative;
}

.common_log_unique .register_wrap .inp_box input {
  height: 50px;
  width: 100%;
  padding: 0;
  text-indent: 20px;
}

.common_log_unique .register_wrap .inp_box span {
  width: 110px;
  height: 40px;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  line-height: 40px;
}

.common_log_unique .register_wrap .inp_box span[disabled="disabled"] {
  background: #ceebe1;
  color: #999;
}

.common_log_unique .register_wrap .inp_box span[disabled="disabled"]:hover {
  cursor: default;
  background: #ceebe1;
  color: #999;
}

.common_log_unique .register_wrap .register_handle {
  padding-top: 20px;
}

.common_log_unique .register_wrap .register_handle input {
  font-size: 14px;
  width: 100%;
  height: 50px;
  padding: 0;
  line-height: 50px;
}

.common_log_unique .register_wrap .bottom_login {
  /* display: inline-block; */
  float: right;
  text-align: right;
  color: #999999;
  font-size: 14px;
  /* letter-spacing: 2px; */
  /* line-height: 60px; */
  width: 50%;
}

.common_log_unique .register_wrap .bottom_login a {
  color: #14cfa6;
}

/***************找回密码**************/
.find_password {
  padding-top: 40px;
}

.find_password .find_wrap {
  background: #fff;
  border-radius: 3px;
  width: 500px;
}

.find_password .find_wrap .common_title {
  margin-bottom: 0;
  margin-top: 0;
}

.find_password .find_wrap .f_tit {
  display: inline-block;
  color: #666666;
  font-size: 14px;
  letter-spacing: 2px;
  height: 59px;
  line-height: 59px;
  margin-right: 20px;
}

.find_password .find_wrap .f_tit span {
  color: red;
  vertical-align: sub;
}

.find_password .find_wrap .inp_box {
  width: 298px;
  height: 45px;
  border-radius: 3px;
  border: 1px solid #dddddd;
}

.find_password .find_wrap .inp_box_unique {
  width: 176px;
}

.find_password .find_wrap .inp_box_phone {
  background-color: #fff;
  border: none;
  margin-left: 15px;
}

.find_password .find_wrap .inp_box_phone_unique {
  margin-left: 15px;
}

.find_password .find_wrap input.inp_box {
  -webkit-appearance: button;
}

.find_password .find_wrap .inp_box img {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 140px;
  height: 40px;
  border-radius: 3px;
  cursor: pointer;
}

.find_password .find_wrap .inp_box p {
  font-size: 32px;
  color: #333333;
  letter-spacing: 2px;
}

.find_password .find_wrap .inp_box span {
  width: 140px;
  height: 40px;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  line-height: 40px;
}

.find_password .find_wrap .inp_box span[disabled="disabled"] {
  background: #ceebe1;
  color: #999;
}

.find_password .find_wrap .inp_box span[disabled="disabled"]:hover {
  background: #ceebe1;
  color: #999;
  cursor: default;
}

.find_password .find_wrap .find_handle {
  padding-top: 20px;
  padding-bottom: 30px;
}

.find_password .find_wrap .find_handle.sure {
  border-bottom: none;
}

.find_password .find_wrap .find_handle input {
  font-size: 18px;
  width: 298px;
  height: 45px;
  padding: 0;
  line-height: 45px;
  background-color: #14cfa6;
  margin-left: 110px;
  color: #fff;
  border: 0px;
  border-radius: 3px;
}

.find_password .find_wrap .bottom_login {
  text-align: center;
  color: #666666;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 60px;
}

.find_password .find_wrap .bottom_login a {
  color: #44e7ba;
  text-decoration: underline;
}

.account_management {
  position: absolute;
  left: 50%;
  top: 100px;
  color: #666666;
  margin-left: -585px;
}

.successful_setup {
  position: absolute;
  width: 298px;
  height: 210px;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -105px;
  margin-left: -149px;
}

.successful_setup img {
  width: 62px;
  height: 62px;
  margin-bottom: 10px;
}

.successful_setup p {
  color: #0e1318;
  font-size: 18px;
  margin-bottom: 60px;
}

.successful_setup a {
  display: block;
  font-size: 16px;
  width: 298px;
  height: 45px;
  padding: 0;
  line-height: 45px;
  background-color: #14cfa6;
  color: #fff;
  border: 0px;
  border-radius: 3px;
}

.tab-head {
  border-bottom: 1px solid #dddddd;
  width: 100%;
  float: left;
  margin-top: 50px;
}

.tab-head h2 {
  width: 70px;
  height: 30px;
  margin: 0;
  float: left;
  text-align: center;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  margin-right: 20px;
  padding-bottom: 36px;
}

.tab-content {
  width: 1170px;
}

.tab-content > div {
  display: none;
}

.selected {
  color: #14cfa6 !important;
  border-bottom: 3px solid #14cfa6;
}

.tab-content .show {
  display: block;
}

/***********************弹窗跳转页**************************/
/* .result_wrap{
	background: #EBFAF5;
	padding-top: 60px;
	padding-bottom: 110px;

}
.result_wrap .container{
	padding: 108px 0 155px;
	background: #fff;
	border-radius: 3px;
}
.result_wrap .container img{
	display: block;
	margin: auto;
}
.result_wrap .container h2{
	text-align: center;
	font-size: 32px;
	color: #333333;
	letter-spacing: 2px;
	margin: 24px auto 15px;
}
.result_wrap .container p{
	text-align: center;
	font-size: 14px;
	color: #666666;
	letter-spacing: 1px;
	padding-bottom: 26px;
}
.result_wrap .container a{
	display: block;
	width: 134px;
	height: 50px;
	margin: auto;
	padding: 13px 0;
	font-size: 18px;
	letter-spacing: 3px;
} */

/********************404页面*******************/
.wrap_404 {
  background: #ebfaf5;
  padding-top: 146px;
  padding-bottom: 260px;
}

.wrap_404 img {
  display: block;
  margin: auto;
}

.wrap_404 h2 {
  font-size: 32px;
  color: #333333;
  letter-spacing: 5px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 15px;
}

.wrap_404 p {
  font-size: 14px;
  color: #666666;
  letter-spacing: 1px;
  text-align: center;
}

/*************************** 通用表单验证错误提示 *************************/
.onError,
.onFocus {
  position: absolute;
  right: 0;
  top: -40px;
  padding: 4px 12px;
  line-height: 24px;
  background: #ffcccc;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  color: #be0000;
}

.onError:before,
.onFocus:before {
  content: "";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  margin-right: 0.3em;
}

.onError:after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: #ffcccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.onFocus {
  background: #fffdc7;
  color: #ffab33;
  border: 1px solid #fff4c5;
}

.onFocus:after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fffdc7;
  color: #ffab33;
  border-right: 1px solid #fff4c5;
  border-bottom: 1px solid #fff4c5;
}

.onCorrect {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: none;
}

.onCorrect:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: #37bd76;
}

.onShow,
.onLoad {
  display: none;
}

.formvalidator-errorBd {
  border-color: #f00 !important;
}

.send_sms_btn[disabled="disabled"] {
  background: #ceebe1;
  color: #999;
}

.send_sms_btn[disabled="disabled"]:hover {
  background: #ceebe1;
  color: #999;
  cursor: default;
}

.index_banner .con .form {
  width: 100%;
  max-width: 550px;
  height: auto;
  margin: 40px auto 0;
}

.index_banner .con .form > .form-box input {
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
}

.index_banner .con .form > .form-box input::placeholder {
  color: #999;
}

.index_banner .con .form > .form-box a {
  position: static;
  margin: 50px auto 0;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 0;
}

.index_banner .con .form > .form-box a span {
  display: inline-block;
  font-size: 18px;
  padding-right: 32px;
  background: url(../images/start_icon.png) no-repeat right center;
  background-size: 22px auto;
}

footer .right div a.btlogo {
  /*width: 107px;*/
  width: 54px;
  /*margin-right: 0;*/
  margin-right: 35px;
}

footer .right div a.btlogo img {
  width: 100%;
}

.customer_eval .slide_case ul li .e_case_wrap {
  width: 50%;
}

.index_case .botton_boxes {
  text-align: center;
  font-size: 0;
  padding-top: 20px;
  padding-bottom: 100px;
}

.index_case .botton_boxes a {
  display: inline-block;
  width: 230px;
  height: 54px;
  line-height: 52px;
  border: 2px solid #14cfa6;
  outline: none;
  text-decoration: none;
  border-radius: 3px;
  font-size: 18px;
  margin: 0 10px;
  box-shadow: 0 2px 8px 0 rgba(11, 181, 144, 0.4);
}

.index_case .botton_boxes a.green_border_btn {
  background: #fff;
  color: #14cfa6;
}

.index_case .botton_boxes a.green_bg_btn {
  background: #14cfa6;
  color: #fff;
}

.index_case .botton_boxes a.green_bg_btn span {
  padding-right: 30px;
  background: url(../images/start_icon.png) no-repeat right center;
  background-size: 22px auto;
}

/*   四大优势  */
.advantage_wrap {
  margin-top: 30px;
  margin-bottom: 100px;
}

.advantage_wrap .aw_center {
  background: #fff;
  position: relative;
  padding: 41px 25px 40px 25px;
  overflow: hidden;
}

.advantage_wrap .aw_center p {
  position: relative;
  z-index: 10;
  height: 54px;
  font-size: 16px;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 27px;
  max-width: 7em;
}

.advantage_wrap .ad-1,
.advantage_wrap .ad-2,
.advantage_wrap .ad-3,
.advantage_wrap .ad-4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.advantage_wrap .ad-1 {
  background: url(../images/ad-1@2x.png) no-repeat 105% center / 65px auto;
  background-color: #ffffff;
}

.advantage_wrap .ad-2 {
  background: url(../images/ad-2@2x.png) no-repeat 105% center / 60px auto;
  background-color: #ffffff;
}

.advantage_wrap .ad-3 {
  background: url(../images/ad-3@2x.png) no-repeat 130% center / 136px auto;
  background-color: #ffffff;
}

.advantage_wrap .ad-4 {
  background: url(../images/ad-4@2x.png) no-repeat 105% center / 61px auto;
  background-color: #ffffff;
}

/*  lp页面  banner改版  */
.index_banner .landing_con {
  padding-top: 120px;
  padding-bottom: 120px;
  width: 946px;
  margin: 0 auto;
}

.index_banner .landing_con h2 {
  text-align: center;
  font-size: 26px;
  line-height: 1.4;
  font-weight: normal;
  font-family: PingFang SC, sans-serif;
  margin: 0;
  color: #333;
}

.index_banner .landing_con .wrapper {
  margin-top: 40px;
  position: relative;
}

.index_banner .landing_con .wrapper .half_boxes {
  position: relative;
  width: 50%;
  float: right;
  padding: 21px 0;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center h3 {
  color: #333;
  font-size: 31px;
  line-height: 1.4;
  margin-bottom: 14px;
  font-family: PingFangSC-Semibold, sans-serif;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center .ms_cont {
  font-size: 16px;
  line-height: 1.875;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center a {
  display: block;
  width: 180px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin: 25px 0;
  border-radius: 3px;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center .download_num {
  font-size: 14px;
  color: #666;
  letter-spacing: 1px;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center .download_num span {
  color: #ff8458;
  padding: 0 5px;
  letter-spacing: 0;
}

.index_banner .landing_con .wrapper .left_half .hb_center {
  padding-right: 60px;
  text-align: right;
}

.index_banner .landing_con .wrapper .left_half .hb_center a {
  background: #ff8458;
  margin-right: 0;
  margin-left: auto;
}

.index_banner .landing_con .wrapper .right_half .hb_center {
  padding-left: 60px;
}

.index_banner .landing_con .wrapper .right_half .hb_center a {
  background: #14cfa6;
}

.index_banner .landing_con .wrapper .center_half {
  width: 2px;
  height: 100%;
  background: #14cfa6;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
}

.index_banner .landing_con .wrapper .center_half .ch_img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: -19px;
  background: #fff;
  padding: 4px;
}

.index_banner .landing_con .wrapper .center_half .ch_img img {
  width: 100%;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center .from_box {
  position: relative;
  margin: 25px 0;
  width: 300px;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center .from_box input {
  width: 300px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  text-indent: 1em;
  outline: none;
}

.index_banner .landing_con .wrapper .half_boxes .hb_center .from_box button {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  border-radius: 0 3px 3px 0;
  border: none;
}

.index_banner .landing_con .wrapper .left_half .hb_center .from_box {
  margin-left: auto;
}

.index_banner .landing_con .wrapper .left_half .hb_center .from_box input {
  border: 2px solid #ff8458;
}

.index_banner .landing_con .wrapper .left_half .hb_center .from_box button {
  background: #ff8458;
}

.index_banner .landing_con .wrapper .right_half .hb_center .from_box input {
  border: 2px solid #14cfa6;
}

.index_banner .landing_con .wrapper .right_half .hb_center .from_box button {
  background: #14cfa6;
}

/*  首页seo改版  */

.index_banner .wisdom_h_design {
  position: relative;
  z-index: 10;
  width: 600px;
  height: 70px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  align-items: center;
  margin: 40px auto;
}

.index_banner .wisdom_h_design .logoname_input {
  display: block;
  text-indent: 18px;
  color: #333;
  line-height: 30px;
  font-size: 16px;
  flex: 1;
  padding-right: 108px;
  border: 0;
  box-sizing: border-box;
  outline: none;
}

.index_banner .wisdom_h_design .logoname_input {
  padding-right: 194px;
}

.index_banner .wisdom_h_design .logoname_input::placeholder {
  color: #999;
}

.index_banner .wisdom_h_design .generat_btn {
  display: block;
  width: 184px;
  line-height: 60px;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-right: 5px;
  background: url(../images/arrow_i_long.png) center no-repeat #14cfa6;
  background-size: 22px auto;
}

.index_banner .index_con {
  height: 585px;
  padding-top: 130px;
  position: relative;
  box-sizing: border-box;
}

.index_banner .index_con .bg-1 {
  position: absolute;
  left: 5.26%;
  bottom: 17.29%;
  width: 111px;
  height: 111px;
  background: url(../images/bg-1@2x.png) no-repeat center center / contain;
}

.index_banner .index_con .bg-2 {
  position: absolute;
  left: 24.17%;
  top: 46.67%;
  width: 46px;
  height: 46px;
  background: url(../images/bg-2@2x.png) no-repeat center center / contain;
}

.index_banner .index_con .bg-3 {
  position: absolute;
  right: 21.35%;
  top: 3.78%;
  width: 15px;
  height: 15px;
  background: url(../images/bg-3@2x.png) no-repeat center center / contain;
}

.index_banner .index_con .bg-4 {
  position: absolute;
  right: 26.67%;
  bottom: 8.29%;
  width: 33px;
  height: 33px;
  background: url(../images/bg-4@2x.png) no-repeat center center / contain;
}

.index_banner .index_con .bg-5 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 247px;
  height: 262px;
  background: url(../images/bg-5@2x.png) no-repeat center center / contain;
}

.index_banner .index_con .counter-wrap {
  height: 22px;
  font-size: 14px;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 22px;
  margin-top: 100px;
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0;
  text-align: center;
  bottom: 30px;
}

.index_banner .index_con .index_logo a {
  display: flex;
  justify-content: center;
}

.index_banner .index_con .index_logo a img {
  display: block;
  width: 86px;
  height: 86px;
}

.index_banner .index_con .index_logo a img.lg_t {
  width: auto;
}

.index_banner .index_con .retrieval_wrap {
  margin-top: 50px;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab {
  margin-bottom: 25px;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab ul {
  display: flex;
  justify-content: center;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab ul li {
  border-right: 1px solid #999;
  font-size: 18px;
  cursor: pointer;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab ul li:last-child {
  border-right: none;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab ul li span {
  line-height: 1;
  display: block;
  margin: 0 18px;
  position: relative;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab ul li:hover span {
  color: #14cfa6;
}

.index_banner .index_con .retrieval_wrap .input_keywords_tab ul li.on span {
  color: #14cfa6;
  font-weight: 500;
}

.index_banner .index_con .retrieval_wrap .wisdom_h_design {
  margin: 0 auto 20px;
}

.index_banner .index_con .retrieval_wrap .wisdom_h_design {
  height: 70px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
}

/* .index_banner .index_con .retrieval_wrap .wisdom_h_design .generat_btn {
  width: 100px;
  margin-right: 0;
  line-height: normal;
  height: 60px;
  position: absolute;
  right: 5px;
  top: 5px;
} */
.index_banner .index_con .retrieval_wrap .wisdom_h_design .generat_btn {
  width: 100px;
  margin-right: 0;
  line-height: 60px;
  height: 60px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: #14cfa6;
}

.index_banner .index_con .retrieval_wrap .wisdom_h_design .generat_btn span {
  padding-right: 30px;
  background: url(../images/start_icon.png) right center no-repeat;
  background-size: 22px auto;
}

.index_banner .index_con .retrieval_wrap .wisdom_h_design .generat_r_btn {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 100px;
  height: 60px;
  background: url(../images/arrow_i_long.png) center no-repeat #14cfa6;
  background-size: 22px auto;
  display: none;
  z-index: 10;
  border-radius: 3px;
}

.index_banner .index_con .retrieval_wrap .sjmb_list {
  display: none;
  justify-content: center;
}

.index_banner .index_con .retrieval_wrap .showflex {
  display: flex;
}

.index_banner .index_con .retrieval_wrap .sjmb_list a {
  display: block;
  color: #666;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  line-height: 32px;
  padding: 0 15px;
  margin: 0 5px;
}

.index_banner .index_con .retrieval_wrap .sjmb_list a:hover {
  color: #14cfa6;
  border: 1px solid #14cfa6;
}

/* 搜索页seo改版   2020/03/04  */

.logos_search {
  padding-bottom: 50px;
  margin-top: 60px;
}

.logos_search h1 {
  padding-top: 60px;
  line-height: 1.4;
}

.logos_search .sub_title {
  line-height: 1.375;
}

.logos_search .wisdom_h_design {
  margin: 25px auto;
}

.logos_search .wisdom_h_design .logoname_input {
  border: none;
  line-height: 64px;
}

.logos_search .wisdom_h_design .go_t_index {
  display: block;
  width: 210px;
  line-height: 64px;
  background: #fff;
  border: none;
  border-radius: 3px;
  color: #14cfa6;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
}

.logos_search .wisdom_h_design .go_t_index span {
  padding-right: 25px;
  background: url("../images/design_template/more_arrow02.png") no-repeat right
    center;
  background-size: 18px auto;
}

.logos_search .search_results_num p {
  color: #fff;
  font-size: 14px;
}

.logos_search .search_results_num p span {
  padding: 0 5px;
}

.logos_search .show_more_text {
  background: url(../images/arrow_white_down02.png) no-repeat right top;
  background-size: 14px auto;
  height: 24px;
}

.logos_search .hide_text {
  background: url(../images/arrow_white_up02.png) no-repeat right top;
  background-size: 14px auto;
}

.screen_search_wrap {
  position: absolute;
  right: 12px;
  top: 25px;
}

.search_case_lists .case_list_sort {
  position: relative;
  text-align: left;
  z-index: 1000;
  top: auto;
  right: auto;
  float: right;
}

.search_case_lists .case_list_sort .show_screen {
  padding-left: 20px;
  border-left: 1px solid #ccc;
  line-height: 1.4;
  padding-right: 25px;
  background: url("../images/arrow_black_down01.png") no-repeat right center;
  background-size: 14px auto;
  cursor: pointer;
}

.search_case_lists .case_list_sort .show_screen.hide_screen {
  background: url("../images/arrow_black_down02.png") no-repeat right center;
  background-size: 14px auto;
}

.search_case_lists .case_list_sort .screen_box {
  display: none;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  width: 106px;
  height: 120px;
  text-align: center;
  padding-top: 10px;
  position: absolute;
  right: 0;
  top: 22px;
}

.search_case_lists .case_list_sort .screen_box a {
  display: block;
  margin-top: 10px;
  margin-right: 0;
}

.screen_search_wrap .tcy_pc_search {
  float: right;
  position: relative;
  margin-right: 20px;
  width: 21px;
  overflow: hidden;
  top: -10px;
  transition-property: all;
  transition-duration: 0.2s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
}

.screen_search_wrap .search_width_out {
  width: 270px;
  overflow: inherit;
}

.screen_search_wrap .tcy_pc_search .search_mongolia {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: #f5f5f5;
  opacity: 0.1;
  width: 100%;
  height: 40px;
  cursor: pointer;
}

.screen_search_wrap .tcy_pc_search input {
  outline: none;
  display: block;
  width: 100%;
  line-height: 40px;
  padding: 0 25px;
  background: #f5f5f5;
  border: none;
  color: #333;
}

.screen_search_wrap .search_width_out input {
  border-bottom: 1px solid #ddd;
}

.screen_search_wrap .tcy_pc_search .tp_search_btn {
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  width: 18px;
  height: 19px;
  background: url("../images/lk_case_search.png") no-repeat center;
  background-size: 18px auto;
  padding: 0;
  border: none;
}

.screen_search_wrap .tcy_pc_search .tps_close {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 9px;
  width: 21px;
  height: 21px;
  background: url("../images/lkcase_search_close.png") no-repeat center;
  background-size: 18px auto;
  display: none;
}

.screen_search_wrap .search_width_out .tps_close {
  display: block;
}

.screen_search_wrap .lk_move_search {
  display: none;
}

.search_popup_overall {
  display: none;
}

.mobile_screen_industry {
  display: none;
}

.sh_public_bg {
  display: none;
}

.sh_industry_mobile {
  display: none;
}

.search_case_lists .case_wrap .layer_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
}

.search_case_lists .case_wrap:hover .layer_box {
  opacity: 1;
}

.search_case_lists .case_wrap .layer_box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.95;
}

.search_case_lists .case_wrap .layer_box .center {
  position: absolute;
  width: 160px;
  height: 134px;
  left: 50%;
  margin-left: -80px;
  z-index: 9;
  top: 50%;
  margin-top: -67px;
}

.search_case_lists .case_wrap .layer_box .center a {
  display: block;
  text-align: center;
  width: 160px;
  line-height: 45px;
  font-size: 14px;
  margin: 0 auto;
}

.search_case_lists .case_wrap .layer_box .center a.link_btn01 {
  border: 2px solid #14cfa6;
  color: #14cfa6;
  background: #fff;
  border-radius: 3px;
}

.search_case_lists .case_wrap .layer_box .center a.link_btn02 {
  border: none;
  color: #fff;
  background: #14cfa6;
  border-radius: 3px;
  margin: 10px auto;
}

.search_case_lists .case_wrap .layer_box .center a.link_btn03 {
  line-height: 1.4;
  color: #14cfa6;
}

.search_case_lists .index_case_wrap {
  background: none;
  margin-bottom: 0;
}

.search_case_lists .cw_tit {
  margin-top: 12px;
  margin-bottom: 25px;
}

.search_case_lists .cw_tit a {
  color: #666;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  display: block;
  line-height: 1.42;
}

.search_case_lists .index_case_wrap .layer_box .center {
  margin-top: -25px;
  height: 50px;
}

.search_case_lists .index_case_wrap .layer_box .surround_link {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 2;
}

.logo_others_lists .logo_lists_table ul li .logo_bg img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  position: absolute;
  border: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  height: auto;
}

.logo_others_lists .logo_lists_table ul li .logo_bg .layer_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
}

.logo_others_lists .logo_lists_table ul li .logo_bg:hover .layer_box {
  opacity: 1;
}

.logo_others_lists .logo_lists_table ul li .logo_bg .layer_box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.95;
}

.logo_others_lists .logo_lists_table ul li .logo_bg .layer_box .center {
  position: absolute;
  width: 160px;
  height: 134px;
  left: 50%;
  margin-left: -80px;
  z-index: 2;
  top: 50%;
  margin-top: -67px;
}

.logo_others_lists .logo_lists_table ul li .logo_bg .layer_box .center a {
  display: block;
  text-align: center;
  width: 160px;
  line-height: 45px;
  font-size: 14px;
  margin: 0 auto;
}

.logo_others_lists
  .logo_lists_table
  ul
  li
  .logo_bg
  .layer_box
  .center
  a.link_btn01 {
  border: 2px solid #14cfa6;
  color: #14cfa6;
  background: #fff;
  border-radius: 3px;
}

.logo_others_lists
  .logo_lists_table
  ul
  li
  .logo_bg
  .layer_box
  .center
  a.link_btn02 {
  border: none;
  color: #fff;
  background: #14cfa6;
  border-radius: 3px;
  margin: 10px auto;
}

.logo_others_lists
  .logo_lists_table
  ul
  li
  .logo_bg
  .layer_box
  .center
  a.link_btn03 {
  line-height: 1.4;
  color: #14cfa6;
}

.logos_search .sub_title {
  position: relative;
  padding-right: 25px;
  display: inline-block;
  max-width: 65%;
}

.logos_search .sub_title .show_more_text {
  height: 12px;
  position: absolute;
  right: 0;
  width: 14px;
  top: 6px;
  background: url("../images/arrow_white_down02.png") no-repeat center;
  background-size: 14px auto;
}

.logos_search .sub_title .hide_text {
  background: url(../images/arrow_white_up02.png) no-repeat right top;
  background-size: 14px auto;
}

.logos_paginate .related_tags a {
  color: #666;
}

.logos_paginate .page {
  margin-bottom: 40px;
}

.logos_paginate .page a {
  vertical-align: middle;
  margin-bottom: 0;
}

.logos_paginate .page .active {
  vertical-align: middle;
}

header div ul li a.spot {
  display: block;
  width: 8px;
  height: 8px;
  background: #ff7f5f;
  position: absolute;
  top: 14px;
  right: -8px;
  border-radius: 50%;
}

.wisdom_h_design .dl_go_link {
  position: absolute;
  right: -252px;
  color: #fff;
  font-size: 18px;
  top: 19px;
  padding-right: 12px;
  background: url("../images/right_icon.png") right center no-repeat;
  background-size: 16px auto;
}

/*

*/
.index_banner .design_slogan_title {
  font-size: 16px;
  position: absolute;
  left: 0;
  z-index: 10;
  top: 19px;
  color: #999;
  cursor: pointer;
  width: 100%;
  text-align: left;
  line-height: 40px;
}

.index_banner .design_title_p {
  position: absolute;
  font-size: 16px;
  left: 0;
  z-index: 10;
  top: 19px;
  color: #999;
  cursor: pointer;
  width: 100%;
  text-align: left;
  line-height: 40px;
}

.slogan_div {
  padding-top: 20px;
  margin-top: 10px;
}

.title_div {
  padding-top: 20px;
}

.index_banner .con .form > .form-box input {
  height: 40px;
  margin-bottom: 0;
}

/* 我的个人中心左侧菜单样式改版 20200629 */
.rightMobilePersonalInformation {
  top: 0;

  height: 100%;
  width: 220px;
}

.rightMobilePersonalInformation a {
  margin-bottom: 8px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.rightMobilePersonalInformation ul li {
  text-align: left;
  padding-left: 30px;
  border-left: 4px solid #fff;
}

.rightMobilePersonalInformation ul li:hover {
  background-color: #f9f9f9;
  border-left: 4px solid #f9f9f9;
}

.rightMobilePersonalInformation ul li.active {
  background-color: #f9f9f9;
  border-left: 4px solid #14cfa6;
}

.rightMobilePersonalInformation ul li.active a,
.rightMobilePersonalInformation ul li a:hover {
  color: #14cfa6;
}

.rightMobilePersonalInformation a#btn {
  margin-left: 0;
}

.rightMobilePersonalInformation ul li a {
  padding-left: 32px;
}

.rightMobilePersonalInformation ul li a.recommendme {
  background: url("../images/personal_center/recommendme_01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li a.mylogo {
  background: url("../images/personal_center/mylogo01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li a.myvi {
  background: url("../images/personal_center/myvi01.png") no-repeat left center;
  background-size: 22px auto;
  display: none;
}

.rightMobilePersonalInformation ul li a.mybrand {
  background: url("../images/personal_center/mybrand01.png") no-repeat left
    center;
  background-size: 22px auto;
  display: none;
}

.rightMobilePersonalInformation ul li a.myupload {
  background: url("../images/personal_center/myupload01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li a.mycollect {
  background: url("../images/personal_center/mycollect01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li a.my_order {
  background: url("../images/personal_center/my_order.png") no-repeat left
    center;
  background-size: 22px auto;
}
.rightMobilePersonalInformation ul li a.myauth {
  background: url("../images/personal_center/myauth01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li a.myaccount {
  background: url("../images/personal_center/myaccount01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li a.signout {
  background: url("../images/personal_center/signout01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.recommendme,
.rightMobilePersonalInformation ul li:hover a.recommendme {
  background: url("../images/personal_center/recommendme_02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.mylogo,
.rightMobilePersonalInformation ul li a.mylogo:hover {
  background: url("../images/personal_center/mylogo02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.myvi,
.rightMobilePersonalInformation ul li:hover a.myvi {
  background: url("../images/personal_center/myvi02.png") no-repeat left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.mybrand,
.rightMobilePersonalInformation ul li:hover a.mybrand {
  background: url("../images/personal_center/mybrand02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.myupload,
.rightMobilePersonalInformation ul li a.myupload:hover {
  background: url("../images/personal_center/myupload02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.mycollect,
.rightMobilePersonalInformation ul li a.mycollect:hover {
  background: url("../images/personal_center/mycollect02.png") no-repeat left
    center;
  background-size: 22px auto;
}
.rightMobilePersonalInformation ul li.active a.my_order,
.rightMobilePersonalInformation ul li a.my_order:hover {
  background: url("../images/personal_center/my_order_on.png") no-repeat left
    center;
  background-size: 22px auto;
}
.rightMobilePersonalInformation ul li.active a.myauth,
.rightMobilePersonalInformation ul li a.myauth:hover {
  background: url("../images/personal_center/myauth02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.myaccount,
.rightMobilePersonalInformation ul li:hover a.myaccount {
  background: url("../images/personal_center/myaccount02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation ul li.active a.signout,
.rightMobilePersonalInformation ul li:hover a.signout {
  background: url("../images/personal_center/signout02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_bottom_btns {
  width: 100%;
  margin-top: 20px;
  text-align: left;
}

.rightMobilePersonalInformation .rm_bottom_btns a {
  text-align: center;
  margin-left: 30px;
}

.rightMobilePersonalInformation .rm_bottom_btns .new_design:hover {
  background: #00deb4;
  color: #fff;
}

.rightMobilePersonalInformation .rm_bottom_btns .generate_logo {
  background: white;
  color: #14cfa6;
  border: 1px solid #14cfa6;
}

.rightMobilePersonalInformation .rm_bottom_btns .generate_logo:hover {
  background: #14cfa6;
  color: white;
}

.rightMobilePersonalInformation .rm_bottom_btns .new_design_border {
  display: block;
  border-radius: 3px;
  border: 2px solid #14cfa6;
  color: #14cfa6;
  width: 170px;
  line-height: 41px;
  height: 45px;
  margin: 0 auto;
}

.rightMobilePersonalInformation .rm_nav_box {
  text-align: left;
  border-top: 1px solid #f2f2f2;
  margin-top: 18px;
  padding-top: 20px;
}

.rightMobilePersonalInformation .rm_nav_box .work_vi_href {
  background: url("../images/personal_center/work_left_tag01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .work_vi_href:hover {
  background: url("../images/personal_center/work_left_tag02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .template_center {
  background: url("../images/personal_center/template_center01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .template_center:hover {
  background: url("../images/personal_center/template_center02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .lgcustom_made {
  background: url("../images/personal_center/lgcustom_made01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .lgcustom_made:hover {
  background: url("../images/personal_center/lgcustom_made02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .brand_logon {
  background: url("../images/personal_center/brand_logon01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.rightMobilePersonalInformation .rm_nav_box .brand_logon:hover {
  background: url("../images/personal_center/brand_logon02.png") no-repeat left
    center;
  background-size: 22px auto;
}

/* 我的上传  */
.my_design {
  left: 0;
  margin-left: 240px;
  padding: 40px 50px;
  width: calc(100% - 240px);
}

.my_design .md_title {
  float: none;
  margin-bottom: 0;
  width: 150px;
  font-size: 18px;
  font-weight: 500;
}

.my_design .md_tab_tit {
  width: auto;
}

.my_design .md_tab_tit a {
  display: block;
  color: #333;
  font-size: 18px;
  margin-right: 40px;
  float: left;
  padding-bottom: 6px;
  border-bottom: 3px solid #fff;
}

.my_design .md_tab_tit a:hover {
  color: #14cfa6;
}

.my_design .md_tab_tit a.on {
  color: #14cfa6;
  border-bottom: 3px solid #14cfa6;
}

.my_design .visible_xs_nav {
  display: none;
}

.my_design .design_filter span a {
  font-size: 14px;
}

.my_design .upload_filter {
  position: absolute;
  right: 50px;
  top: 35px;
  overflow: hidden;
  cursor: pointer;
}

.my_design .upload_filter .upload_btn {
  line-height: 41px;
  width: 126px;
  display: block;
  text-align: center;
  border: 2px solid #14cfa6;
  color: #14cfa6;
  border-radius: 3px;
}

.my_design .upload_filter:hover .upload_btn {
  color: #fff;
  background: #14cfa6;
}

/*.my_design .upload_filter:hover .upload_btn{*/
/*border: 2px solid #999;*/
/*}*/
.my_design .upload_filter input#upload_btn {
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.my_design .no_design {
  top: 0;
}

.my_design .my_upload_panel {
  top: 30px;
}

.my_design .my_design_panel {
  top: 30px;
}

.upload_case_lists {
  padding-top: 0 !important;
}

.upload_case_lists .upload_case_box {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.upload_case_lists .upload_case_box .case_wrap {
  height: auto;
}

.upload_case_lists .upload_case_box .case_wrap img {
  position: static;
  transform: translate(0, 0);
  height: 198px;
  width: auto;
  max-width: none;
  max-height: none;
  border: 1px solid #eeeeef;
  border-radius: 3px;
}

.upload_case_lists .upload_case_box .case_wrap.case_wrap_unique {
  margin-bottom: 0;
}

.upload_case_lists .upload_case_box .design_operation {
  top: 10px;
  right: 10px;
  display: none;
}

.upload_case_lists .case_wrap.case_wrap_unique > a {
  height: auto;
  display: block;
  cursor: auto;
}

.my_design .no_design {
  margin-top: 100px;
}

.my_design .no_design p {
  font-size: 14px;
  color: #999;
}

.my_design .no_design a {
  width: 160px;
}

.my_design .no_design .nd_upload_filter {
  position: relative;
  width: 160px;
  margin: 0 auto;
}

.my_design .no_design .nd_upload_filter .upload_btn {
  width: 160px;
  display: block;
  text-align: center;
  background: #14cfa6;
  color: #fff;
  border-radius: 3px;
  line-height: 45px;
  height: 45px;
  font-size: 14px;
}

.my_design .no_design .nd_upload_filter input {
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

/*  顶部导航右侧个人中心下拉菜单 */
header {
  z-index: 2002;
}

header div ul .personalInformation .member_status {
  padding: 0 20px;
  margin-bottom: 15px;
}

header div ul .personalInformation .member_status .left_m_header {
  width: 64px;
  height: 64px;
  float: left;
  position: relative;
}

header div ul .personalInformation .member_status .left_m_header img {
  display: block;
  width: 100%;
  border-radius: 50%;
}

header div ul .personalInformation .member_status .left_m_header .vip_icon {
  position: absolute;
  right: -3px;
  bottom: 0px;
  width: 24px;
  height: 24px;
  background: url("../images/personal_center/vip_icon01.svg") no-repeat center;
  background-size: 24px auto;
}

header div ul .personalInformation .member_status .left_m_header .agent_icon {
  position: absolute;
  right: -3px;
  bottom: 0px;
  width: 24px;
  height: 24px;
  background: url("../images/agent_mark.svg") no-repeat center;
  background-size: 24px auto;
}

header div ul .personalInformation .member_status .right_m_info {
  margin-left: 76px;
}

header div ul .personalInformation .member_status .right_m_info p.user_name {
  color: #333;
  font-size: 20px;
  line-height: 64px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

header div ul .personalInformation .personal_v_box {
  position: relative;
  height: 66px;
  background: url("../images/personal_center/personal_v_bg.png") no-repeat
    center;
  background-size: 100% auto;
  margin: 0 10px;
}

header div ul .personalInformation .personal_v_box .lgc_box {
  position: absolute;
  left: 20px;
  top: 14px;
}

header div ul .personalInformation .personal_v_box .lgc_box p.gold_color {
  color: #883f16;
  font-weight: 500;
}

header div ul .personalInformation .personal_v_box .lgc_box p.gold-data {
  font-size: 12px;
  color: #883f16;
}

header div ul .personalInformation .personal_v_box .lgc_box p.gold-data i {
  position: static;
  border-radius: initial;
  border: none;
  background: none;
  color: #883f16;
  width: auto;
  height: auto;
}

header div ul .personalInformation .personal_v_box a.btn {
  display: block;
  width: 80px;
  line-height: 29px;
  height: 29px;
  text-align: center;
  border-radius: 14px;
  background: #da992f !important;
  color: #fff !important;
  font-size: 12px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 19px;
  border: none;
}

header div ul .personalInformation .personal_v_box a.btn span {
  padding-right: 10px;
  background: url("../images/personal_center/vip_arrow.png") no-repeat right
    center !important;
  background-size: 11px auto !important;
  width: auto;
  height: auto;
  margin-right: 0;
  vertical-align: initial;
}

header div ul .personalInformation .personal_v_box a.btn:hover {
  background: #da992f !important;
  color: #fff !important;
}

header div ul .personalInformation .chart_coin {
  padding: 15px 10px 10px;
  /* border-bottom: 1px solid #f5f5f5; */
  position: relative;
  /* margin-bottom: 10px; */
}

header div ul .personalInformation .chart_coin p,
header div ul .personalInformation .conpouContainer p {
  color: #999;
  font-size: 12px;
  line-height: 20px;
  background: url("../images/personal_center/diamond_icon01.png") no-repeat left
    center;
  background-size: 20px auto;
  padding-left: 25px;
  margin-bottom: 0;
}

header div ul .personalInformation .chart_coin p span,
header div ul .personalInformation .conpouContainer p span {
  color: #e7bc7b;
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: initial;
}

header div ul .personalInformation .chart_coin a,
header div ul .personalInformation .chart_coin a {
  display: block;
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 12px;
  color: #e7bc7b !important;
  padding-right: 13px;
  background: url("../images/personal_center/vip_arrow02.png") no-repeat right
    center;
  background-size: 11px auto;
  line-height: 20px;
  height: auto;
}

header div ul .personalInformation .chart_coin a:hover {
  background: url("../images/personal_center/vip_arrow02.png") no-repeat right
    center !important;
  background-size: 11px auto !important;
  color: #e7bc7b !important;
}

header div ul .personalInformation .dirveLine {
  border-top: 1px solid #f5f5f5;
}

header div ul .personalInformation .conpouContainer {
  padding: 0px 10px 15px;
  /* border-bottom: 1px solid #f5f5f5; */
  position: relative;
}

header div ul .personalInformation .conpouContainer p {
  background: url("../images/popupIcon.png") no-repeat left center;
  background-size: 20px auto;
}

header div ul .personalInformation .conpouContainer p span {
  color: #ff4800;
}

header div ul .personalInformation .conpouContainer a {
  color: #ff4800 !important;
  background: url("../images/coupon_back.png") no-repeat right center;
  background-size: 11px auto;
  display: block;
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 12px;
  padding-right: 13px;
  line-height: 20px;
  height: auto;
}

header div ul .personalInformation .conpouContainer a:hover {
  background: #fff url("../images/coupon_back.png") no-repeat right center /
    11px auto !important;
}

header div ul .personalInformation .m_nav_i {
  padding-left: 20px;
}

header div ul .personalInformation .m_nav_i:hover {
  background: #f9f9f9;
}

header div ul .personalInformation .m_nav_i a {
  padding-left: 32px;
}

header div ul .personalInformation .m_nav_i a.recommendme {
  background: url("../images/personal_center/recommendme_01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.mylogo {
  background: url("../images/personal_center/mylogo01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.mycollect {
  background: url("../images/personal_center/mycollect01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.myvi {
  background: url("../images/personal_center/myvi01.png") no-repeat left center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.mybrand {
  background: url("../images/personal_center/mybrand01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.myupload {
  background: url("../images/personal_center/myupload01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.myauth {
  background: url("../images/personal_center/myauth01.png") no-repeat left
    center;
  background-size: 22px auto;
}
header div ul .personalInformation .m_nav_i a.my_order {
  background: url("../images/personal_center/my_order.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.myaccount {
  background: url("../images/personal_center/myaccount01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i a.signout {
  background: url("../images/personal_center/signout01.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.recommendme {
  background: url("../images/personal_center/recommendme_02.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.mylogo {
  background: url("../images/personal_center/mylogo02.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.mycollect {
  background: url("../images/personal_center/mycollect02.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.myvi {
  background: url("../images/personal_center/myvi02.png") no-repeat left center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.mybrand {
  background: url("../images/personal_center/mybrand02.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.myupload {
  background: url("../images/personal_center/myupload02.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.myauth {
  background: url("../images/personal_center/myauth02.png") no-repeat left
    center;
  background-size: 22px auto;
}
header div ul .personalInformation .m_nav_i:hover a.my_order {
  background: url("../images/personal_center/my_order_on.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.myaccount {
  background: url("../images/personal_center/myaccount02.png") no-repeat left
    center;
  background-size: 22px auto;
}

header div ul .personalInformation .m_nav_i:hover a.signout {
  background: url("../images/personal_center/signout02.png") no-repeat left
    center;
  background-size: 22px auto;
}

/*  账户管理样式调整  */
.password_account {
  left: 0;
  margin-left: 240px;
  padding: 40px 50px;
  width: calc(100% - 240px);
}

.mobile_new_design {
  display: none;
}

.index_case .container .jump_tips .set_center a:nth-of-type(2) {
  background-color: #14cfa6;
  color: #fff;
}

.index_case .container .jump_tips a span.first {
  background: url(../images/design_editor02.png) center no-repeat;
  background-size: 20px 20px;
}

.index_case .container .jump_tips a span.second {
  background: url(../images/design_download02.png) center no-repeat;
  background-size: 20px 20px;
}

/*  我的LOGO样式调整  */
.search_case_lists .case_wrap {
  height: auto;
}

.search_case_lists .case_wrap img {
  width: 100%;
  max-width: none;
  max-height: none;
  position: static;
  left: auto;
  top: auto;
  transform: translate(0, 0);
}

.search_case_lists .case_wrap.case_wrap_unique > a {
  height: auto;
  display: block;
}

#case_box .mycase_item_list {
  float: left;
  padding: 0 10px;
  position: relative;
  margin-bottom: 20px;
}

.index_case .container .jump_tips .set_center a:nth-of-type(1) {
  background: none;
  color: #14cfa6;
}

.index_case .container .jump_tips .set_center a:nth-of-type(1):hover {
  background: none;
}

.index_case .container .jump_tips .set_center a:nth-of-type(2) {
  margin-top: 10px;
}

.search_case_lists.search_case_lists_unique {
  padding: 0 0 40px 0;
}

.logos_paginate {
  font-size: 0;
}

.logos_paginate a,
.logos_paginate span {
  vertical-align: top !important;
}

.index_case .container .design_operation_pop_up {
  padding: 3px 0;
  width: 90px;
}

.index_case .container .design_operation_pop_up span {
  margin-right: 6px;
}

.password_account .md_title {
  float: none;
  margin-bottom: 0;
  width: 150px;
  font-size: 24px;
}

.password_account_panel {
  margin-top: 20px;
}

.password_account .password_account_panel .password_account_panel_small > div {
  border-bottom: 1px solid #eee;
}

.upload_gdcase_box {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 200px;
  height: 200px;
  background: url("../images/personal_center/loading.gif") no-repeat center #fff;
  background-size: 35px auto;
}

.index_case .container .upload_case_box .design_operation {
  background: url("../images/personal_center/design_operation02.png") no-repeat
    center;
  background-size: 27px auto;
  cursor: pointer;
}

.index_case .container .upload_case_box .design_operation:hover,
.index_case .container .upload_case_box .design_operation.on {
  background: url("../images/design_template/design_operation02.png") no-repeat
    center;
  background-size: 27px auto;
}

.index_case .container .upload_case_box .hide_do {
  display: none;
}

.txz_wrap .banner_con .search_box .search_sb_btn {
  position: static;
  top: auto;
  right: auto;
  margin: 0 auto;
  letter-spacing: 0;
  border-radius: 3px;
  width: 200px;
}

.txz_wrap .banner_con .search_box .search_sb_btn i {
  display: none;
}

.txz_wrap .txz_main .tm_common_bottom .bottom_con_sb {
  height: 470px;
  padding-top: 120px;
}

.logos_search .wisdom_h_design .whd_box {
  position: relative;
  z-index: 10;
  width: 450px;
  height: 70px;
  background: #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  margin: 40px auto;
}

.logos_search .wisdom_h_design .whd_box .logoname_input {
  display: block;
  text-indent: 18px;
  color: #333;
  line-height: 30px;
  font-size: 16px;
  flex: 1;
  padding-right: 18px;
  border: 0;
  box-sizing: border-box;
  outline: none;
}

.logos_search .wisdom_h_design .whd_box .logoname_input::placeholder {
  color: #999;
}

.logos_search .wisdom_h_design .whd_box .generat_btn {
  display: block;
  width: 184px;
  line-height: 60px;
  background: #14cfa6;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-right: 5px;
}

.logos_search .wisdom_h_design .whd_box .generat_btn span {
  padding-right: 20px;
  background: url("../images/right_icon.png") right center no-repeat;
  background-size: 16px auto;
}

.logos_search .wisdom_h_design .whd_box .generat_btn span i {
  font-style: normal;
}

.logos_search .wisdom_h_design .whd_box .dl_go_link {
  right: -210px;
  padding-right: 20px;
}

.auth_download_list .auth_table {
  display: table;
  width: 100%;
}

.auth_download_list .auth_table .at_row {
  display: table-row;
  /*background: #F6F7FB;*/
}

.auth_download_list .auth_table .at_row .cell {
  display: table-cell;
  vertical-align: middle;
  /*定义行内元素垂直对齐*/
  height: 55px;
  padding: 0 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.auth_download_list .auth_table .at_row .cell a {
  display: block;
  background: #14cfa6;
  width: 100px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
  border-radius: 3px;
}

.auth_download_list .auth_table .at_row .cell a:hover {
  background: #00e0b6;
}

.auth_download_list .auth_table .at_row .flex_cell {
  display: flex;
  height: auto;
  padding: 20px 25px;
  background: #fff;
  margin-bottom: 15px;
  border: 1px solid #eeeeef;
  border-radius: 3px;
}

.auth_download_list .auth_table .at_row .flex_cell .empower_img {
  padding-right: 20px;
}

.auth_download_list .auth_table .at_row .flex_cell .empower_img .ei_box {
  width: 137px;
  height: 103px;
  border: 1px solid #ddd;
  margin: 0;
  border-radius: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth_download_list .auth_table .at_row .flex_cell .empower_img .ei_box img {
  /*width: auto;*/
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}

.auth_download_list
  .auth_table
  .at_row
  .flex_cell
  .empower_img
  .ei_box
  .auth_vip {
  display: block;
}

.auth_download_list
  .auth_table
  .at_row
  .flex_cell
  .empower_img
  .ei_box
  .auth_m_vip {
  display: none;
}
.auth_download_list
  .auth_table
  .at_row
  .flex_cell
  .empower_img
  .ei_box
  .auth_m_case {
  display: none;
}

.auth_download_list .auth_table .at_row .flex_cell .fc_box {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.auth_download_list .auth_table .at_row .flex_cell .fc_box .fb_left {
  width: 100%;
  text-align: left;
}

.auth_download_list .auth_table .at_row .flex_cell .fc_box p {
  line-height: 2;
}

.auth_download_list .auth_table .at_row .flex_cell .fc_box p span {
  color: #333;
}

.auth_download_list .auth_table .at_row .flex_cell .fc_box p span.info_tit {
  color: #999;
}

.auth_download_list .auth_table .at_row .flex_cell .end_fc_box {
  flex-grow: 4;
}

.auth_download_list .auth_table .at_row .flex_cell .end_fc_box .fb_left a {
  margin-right: 0;
}

.auth_download_list .auth_table .at_row .move_line {
  display: none;
}

.obtain_auth_unique {
  width: 498px;
  height: 542px;
  position: fixed;
  left: 50%;
  margin-left: -249px;
  top: 50%;
  margin-top: -271px;
  background: #fff;
  z-index: 2009;
  border-radius: 3px;
  display: none;
}

.obtain_auth_unique .close_btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 27px;
  right: 40px;
  cursor: pointer;
}

.obtain_auth_unique .close_btn img {
  display: block;
  width: 100%;
}

.obtain_auth_unique .confirm_auth_box {
  display: none;
}

.obtain_auth_unique .public_auth_box .auth_info_back {
  display: none;
}

.obtain_auth_unique .public_auth_box .pab_top {
  border-bottom: 1px solid #eef2f8;
}

.obtain_auth_unique .public_auth_box .pab_top h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 62px;
  color: #222;
  margin-left: 40px;
}

.obtain_auth_unique .public_auth_box .pab_middle {
  padding: 0 40px 8px;
  border-bottom: 1px solid #eef2f8;
  height: 400px;
  overflow-y: auto;
}

.obtain_auth_unique .public_auth_box .pab_middle .notice_cont p {
  font-size: 12px;
  color: #999;
  line-height: 1.8;
  margin-top: 10px;
}

.obtain_auth_unique .public_auth_box .pab_middle .notice_cont p.enterprise_xz {
  display: none;
}

.obtain_auth_unique .public_auth_box .pab_middle .notice_cont p.title {
  font-size: 14px;
  color: #333;
  margin-top: 20px;
  font-weight: 500;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form {
  margin-top: 20px;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form .from_box {
  position: relative;
  padding-left: 95px;
  margin-bottom: 12px;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .from_box:first-child {
  margin-bottom: 20px;
  font-size: 14px;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .form_seleted_box
  .from_tab_cont
  .from_box:first-child {
  margin-bottom: 12px;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .from_box
  .left_p_tit {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  line-height: 40px;
  text-align: right;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .from_box:first-child
  .left_p_tit {
  font-size: 16px;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .form_seleted_box
  .from_tab_cont
  .from_box:first-child
  .left_p_tit {
  font-size: 14px;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form .from_box ul {
  display: block;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  overflow: hidden;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form .from_box ul li {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form .from_box ul li.on {
  background: #14cfa6;
  color: #fff;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .from_box
  ul
  li.widthlong {
  width: 100%;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .from_box
  ul
  li.widthshort {
  width: 0;
  height: 0;
  opacity: 0;
  line-height: 0;
  float: none;
  border: none;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form .from_box input {
  display: block;
  border: 1px solid #dcdfe6;
  line-height: 38px;
  border-radius: 3px;
  width: 100%;
  text-indent: 1em;
}

.obtain_auth_unique
  .public_auth_box
  .pab_middle
  .anth_form
  .from_box
  input::placeholder {
  color: #ddd;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form .from_box p {
  line-height: 40px;
  height: 40px;
}

.obtain_auth_unique .public_auth_box .pab_middle .anth_form p.address {
  line-height: 30px;
  padding-top: 6px;
  height: auto;
  min-height: 40px;
}

.obtain_auth_unique .public_auth_box .pab_bottom {
  padding: 0 40px;
  position: relative;
  margin-top: 20px;
}

.obtain_auth_unique .public_auth_box .pab_bottom p {
  line-height: 40px;
  color: #999;
}

.obtain_auth_unique .public_auth_box .pab_bottom .form_btn {
  font-size: 0;
  position: absolute;
  right: 40px;
  top: 0;
}

.obtain_auth_unique .public_auth_box .pab_bottom .form_btn a {
  display: block;
  width: 100px;
  line-height: 38px;
  text-align: center;
  color: #666;
  border-radius: 3px;
  float: left;
  font-size: 14px;
}

.obtain_auth_unique .public_auth_box .pab_bottom .form_btn a.fb_left {
  border: 1px solid #dcdfe6;
}

.obtain_auth_unique .public_auth_box .pab_bottom .form_btn a.fb_left:hover {
  background: #e6fbf6;
  color: #14cfa6;
  border: 1px solid #d8efea;
}

.obtain_auth_unique .public_auth_box .pab_bottom .form_btn a.fb_right {
  border: 1px solid #14cfa6;
  background: #14cfa6;
  color: #fff;
  margin-left: 10px;
}

.obtain_auth_unique .public_auth_box .pab_bottom .form_btn a.fb_right:hover {
  background: #00e0b6;
}

.obtain_auth_unique .confirm_auth_box .pab_bottom .form_btn {
  position: static;
  margin-right: 0;
  margin-left: auto;
  width: 212px;
}

.index_banner .index_con .qywx_push {
  width: 293px;
  height: 122px;
  background: url("../images/index_img/qy_tuisong_bg.png") no-repeat center;
  background-size: 293px;
  margin: 0 auto 70px;
  padding: 10px;
}

.index_banner .index_con .qywx_push img {
  width: 100px;
  float: left;
}

.index_banner .index_con .qywx_push .qp_cont {
  margin-left: 115px;
  text-align: left;
  padding-top: 16px;
}

.index_banner .index_con .qywx_push .qp_cont p {
  margin-bottom: 2px;
  font-weight: 700;
  line-height: 1.64;
  color: #666;
  font-size: 14px;
}

.index_banner .index_con .qywx_push .qp_cont p span {
  font-weight: normal;
}

/*************************  设计模版相关页面样式2020.07.22   *************************/
.over_gd {
  transition-property: all;
  transition-duration: 0.2s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
}

.move_template_line {
  display: none;
}

/*  模版中心  */
.bzk_designtemplate_warp {
  padding-top: 5px;
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", Arial,
    "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
}

.bzk_designtemplate_warp .container {
  /*width: 1200px;*/
  padding: 0;
}

.pubilc_tit_crumbs {
  padding-top: 5px;
  position: relative;
  z-index: 100;
}

.pubilc_tit_crumbs .dest_crumbs {
  font-size: 14px;
}

.pubilc_tit_crumbs .dest_crumbs span,
.pubilc_tit_crumbs .dest_crumbs i {
  display: inline-block;
  font-size: 14px;
  color: #999;
  line-height: 30px;
}

.pubilc_tit_crumbs .dest_crumbs i {
  padding: 0 5px;
}

.pubilc_tit_crumbs .dest_crumbs a {
  display: inline-block;
  font-size: 14px;
  color: #666;
}

.pubilc_tit_crumbs .dest_crumbs a.dc_frist {
  color: #999;
}

.pubilc_tit_crumbs .dest_crumbs .dc_menus_box {
  cursor: pointer;
  padding-right: 15px;
  background: url("../images/crumbs_icon.png") no-repeat right
    center;
  background-size: 13px auto;
  position: relative;
}

.pubilc_tit_crumbs .dest_crumbs .dc_menus_box .crumb_choose_list {
  display: none;
  position: absolute;
  width: 150px;
  top: 30px;
  left: -50px;
  z-index: 10001;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  height: 400px;
  overflow-y: auto;
}

.pubilc_tit_crumbs .dest_crumbs .end_choose_l .crumb_choose_list {
  height: auto;
}

.pubilc_tit_crumbs .dest_crumbs .dc_menus_box .crumb_choose_list .xz_center {
  padding: 10px;
}

.pubilc_tit_crumbs .dest_crumbs .dc_menus_box .crumb_choose_list .xz_center a {
  display: block;
  line-height: 34px;
  color: #666;
  padding-left: 10px;
}

.pubilc_tit_crumbs
  .dest_crumbs
  .dc_menus_box
  .crumb_choose_list
  .xz_center
  a:hover,
.pubilc_tit_crumbs
  .dest_crumbs
  .dc_menus_box
  .crumb_choose_list
  .xz_center
  a.on {
  background: #f5f5f5;
  color: #14cfa6;
}

.pubilc_tit_crumbs
  .dest_crumbs
  .dc_menus_box
  .crumb_choose_list
  .xz_center
  .detailed_box {
  display: none;
  padding: 10px;
  position: absolute;
  right: -189px;
  width: 190px;
  top: 0;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
  overflow-y: auto;
}

.pubilc_tit_crumbs h1 {
  margin-top: 30px;
  line-height: 1.4;
  font-size: 32px;
  color: #222222;
  font-weight: bolder;
}

.pubilc_tit_crumbs .tit_a_collect .oclick_collect {
  position: absolute;
  right: 0;
  top: 0;
  width: 116px;
  line-height: 36px;
  border: 2px solid #14cfa6;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  color: #14cfa6;
}

.pubilc_tit_crumbs .tit_a_collect .oclick_collect:hover {
  background: #14cfa6;
  color: #fff;
}

.pubilc_tit_crumbs .tit_a_collect .oclick_collect.on {
  background: #14cfa6;
  color: #fff;
  pointer-events: none;
}

.pubilc_tit_crumbs .results_mb_input {
  max-width: 650px;
  border: 2px solid #14cfa6;
  border-radius: 3px;
  background: #000;
  position: relative;
  margin-top: 20px;
}

.pubilc_tit_crumbs .results_mb_input .r_empty {
  width: 17px;
  height: 17px;
  background: url("../images/r_empty_icon.png") no-repeat center;
  background-size: 17px auto;
  position: absolute;
  right: 115px;
  top: 16px;
  cursor: pointer;
  display: none;
}

.pubilc_tit_crumbs .results_mb_input .r_empty_location {
  width: 17px;
  height: 17px;
  background: url("../images/r_empty_icon.png") no-repeat center;
  background-size: 17px auto;
  position: absolute;
  right: 115px;
  top: 16px;
  cursor: pointer;
  display: none;
}

.pubilc_tit_crumbs .results_mb_input .re_show {
  display: block;
}

.pubilc_tit_crumbs .results_mb_input input {
  display: block;
  width: 100%;
  padding-right: 140px;
  line-height: 48px;
  border: none;
  text-indent: 1em;
  color: #333;
}

.pubilc_tit_crumbs .results_mb_input input::placeholder {
  color: #666;
}

.pubilc_tit_crumbs .results_mb_input .rmi_search_btn {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 50px;
  width: 100px;
  text-align: center;
  background: #14cfa6;
  color: #fff;
}

.want_find {
  margin-top: 20px;
}

.want_find span {
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.want_find .wf_lists {
  margin-left: 100px;
  font-size: 0;
}

.want_find .wf_lists a {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  background: #f1f2f5;
  color: #666;
  margin-right: 10px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
}

.want_find .wf_lists a:hover {
  background: #ddfff7;
  color: #14cfa6;
}

.want_find .wf_lists a:last-child {
  margin-right: 0;
}

.design_template_type {
  margin-top: 30px;
}

.design_template_search {
  margin-top: 20px;
}

.design_scene_type {
  margin-top: 20px;
}

.design_template_type .stations_box {
  display: none;
}

.main_type_list .mb_more_btn {
  display: none;
}

.main_type_list .other_t_list {
  display: none;
}

.main_type_list ul li {
  float: left;
  position: relative;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 20px;
}

.main_type_list ul li:last-child {
  margin-right: 0;
}

.main_type_list ul li p {
  line-height: 34px;
  font-size: 14px;
  color: #666;
  padding: 0 2px;
}

.main_type_list ul li p a {
  color: #666;
}

.main_type_list ul li .line {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: #14cfa6;
  display: none;
}

.main_type_list ul li .line .triangle_down {
  display: none;
  width: 0;
  height: 0;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #14cfa6;
}

.main_type_list ul li.on p {
  /* background: #e9fef9; */
  border-radius: 3px;
}

.main_type_list ul li:hover p a,
.main_type_list ul li.on p a {
  color: #14cfa6;
}

.main_type_list ul li:hover .line {
  width: 100%;
}

.main_type_list ul li.on .line {
  width: 100%;
}

.main_type_list ul li.on .line .triangle_down {
  display: block;
}

.specific_type_list {
  background: #fff;
}

.specific_type_list ul {
  padding-top: 10px;
  padding-bottom: 10px;
  /* border-top: 1px solid #eeeeef; */
  /* margin-top: 10px; */
}

/* .updata_specific_type_list {

} */

.specific_type_list ul li {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.specific_type_list ul li:last-child {
  margin-right: 0;
}

.specific_type_list ul li a {
  display: block;
  font-size: 14px;
  color: #666;
  background: #f1f2f5;
  border-radius: 3px;
  line-height: 30px;
  padding: 0 12px;
}

.specific_type_list ul li a:hover {
  color: #14cfa6;
}

.specific_type_list ul li a.on {
  background: #ddfff7;
  color: #14cfa6;
}

.flow_path_img {
  margin: 30px 15px 0;
  text-align: center;
  position: relative;
}

.flow_path_img .play_video_btn {
  display: block;
  cursor: auto;
  max-width: 1170px;
  margin: 0 auto;
}

.flow_path_img img {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  max-width: 1170px;
}

.sort_filter_box {
  position: relative;
  z-index: 1000;
  margin-top: 20px;
}

.sort_filter_box .container {
  position: relative;
}

.sort_filter_box .sort_list a {
  display: block;
  float: left;
  color: #666;
  font-size: 14px;
  margin-right: 25px;
}

.sort_filter_box .sort_list a:hover,
.sort_filter_box .sort_list a.on {
  color: #14cfa6;
}

.service_mall_type {
  display: none;
}

.screen_m_bg {
  display: none;
}

.other_sort_box {
  position: absolute;
  right: 0;
  top: 0;
  padding-bottom: 10px;
}

.other_sort_box .xz_current {
  color: #333;
  padding-right: 20px;
  background: url("../images/design_template/sort_arrow01.png") no-repeat center
    right;
  background-size: 20px auto;
}

.other_sort_box .xz_on {
  background: url("../images/design_template/sort_arrow02.png") no-repeat center
    right;
  background-size: 20px auto;
}

.other_sort_box .xz_choose_list {
  display: none;
  position: absolute;
  width: 150px;
  top: 29px;
  right: 0;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.other_sort_box .xz_choose_list .xz_center {
  padding: 10px;
}

.other_sort_box .xz_choose_list .xz_center a {
  display: block;
  line-height: 34px;
  color: #666;
  padding-left: 10px;
}

.other_sort_box .xz_choose_list .xz_center a:hover,
.other_sort_box .xz_choose_list .xz_center a.on {
  background: #f5f5f5;
  color: #14cfa6;
}

.other_sort_box .xz_choose_list .xz_center .detailed_box {
  display: none;
  padding: 10px;
  position: absolute;
  left: -190px;
  width: 190px;
  top: 0;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
  overflow-y: auto;
}

.design_hotcase_show {
  margin-top: 50px;
}

.design_scene_show .container {
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 50px 0;
}

.dhs_frist_show {
  margin-top: 40px;
}

.dhs_public_box {
  position: relative;
}

.dhs_public_box h3 {
  font-size: 24px;
  color: #222;
  font-weight: bolder;
  line-height: 34px;
}

.dhs_public_box .oclick_collect {
  position: absolute;
  right: 0;
  top: 0;
  width: 116px;
  line-height: 36px;
  border: 2px solid #14cfa6;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  color: #14cfa6;
}

.dhs_public_box .oclick_collect:hover {
  background: #14cfa6;
  color: #fff;
}

.dhs_public_box .oclick_collect.on {
  background: #14cfa6;
  color: #14cfa6;
  pointer-events: none;
}

.dhs_public_box .other_type_links {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
}

.dhs_public_box .other_type_links a {
  display: inline-block;
  line-height: 34px;
  border-radius: 3px;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  background: #f1f2f5;
  margin-left: 10px;
}

.dhs_public_box .other_type_links a:first-child {
  margin-left: 0;
}

.dhs_public_box .other_type_links a span {
  padding-right: 20px;
  background: url("../images/design_template/more_arrow.png") no-repeat right
    center;
  background-size: 16px auto;
}

.dhs_public_box .other_type_links a:hover {
  color: #14cfa6;
}

.dhs_public_box .other_type_links a:hover span {
  background: url("../images/design_template/more_arrow02.png") no-repeat right
    center;
  background-size: 16px auto;
}

.pubilc_roll_box {
  position: relative;
  margin-top: 15px;
}

.pubilc_roll_box .swiper-container {
  height: auto;
}

.my_design_swiper_box .swiper-container {
  height: 204px;
}

.pubilc_roll_box .case_top_show {
  position: relative;
  border: 1px solid #eeeeef;
  border-radius: 4px;
  overflow: hidden;
}

.pubilc_roll_box .case_top_show img {
  display: block;
  width: 100%;
}

.pubilc_roll_box .case_top_show .case_operations {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  opacity: 1;
  z-index: 10;
}

.pubilc_roll_box .case_top_show:hover .case_operations {
  opacity: 1;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}

.pubilc_roll_box .case_top_show .case_operations .hover-show {
  display: none!important;
}
.pubilc_roll_box .case_top_show:hover .case_operations .hover-show {
  display: block!important;
}
.pubilc_roll_box .case_top_show .hover-show-shadow {
  background: none!important;
}
.pubilc_roll_box .case_top_show:hover .hover-show-shadow {
  background: rgba(0, 0, 0, 0.1)!important;
}

.pubilc_roll_box .case_top_show .case_operations .all_edit_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: block;
}

.pubilc_roll_box .case_top_show .case_operations .detail_link {
  width: 22px;
  height: 22px;
  background: url("../images/design_template/go_detail01.png") no-repeat center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
}

.pubilc_roll_box .case_top_show .case_operations .detail_link {
  right: 40px !important;
}

.pubilc_roll_box .case_top_show .case_operations .detail_link:hover {
  background: url("../images/design_template/go_detail02.png") no-repeat center;
  background-size: 22px auto;
}

.pubilc_roll_box .case_top_show .case_operations .collect_btn {
  width: 22px;
  height: 22px;
  background: url("../images/personal_center/md_collect_icon00.png") no-repeat
    center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
  overflow: hidden;
  box-sizing: 3px;
}

.collect_btn_image_search {
  width: 22px;
  height: 22px;
  background: url("../images/personal_center/md_collect_icon00.png") no-repeat
    center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
  overflow: hidden;
  box-sizing: 3px;
}

.pubilc_roll_box .case_top_show .case_operations .collect_btn:hover {
  background: url("../images/personal_center/md_collect_icon09.png") no-repeat
    center;
  background-size: 22px auto;
}

.pubilc_roll_box .case_top_show .case_operations .collect_btn.on {
  background: url("../images/personal_center/md_collect_icon.png") no-repeat
    center;
  background-size: 22px auto;
}

.collect_btn_image_search.on {
  background: url("../images/personal_center/md_collect_icon.png") no-repeat
    center;
  background-size: 22px auto;
}

.pubilc_roll_box .case_top_show .case_operations .collect_btn.on:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.collect_btn_image_search.on:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.pubilc_roll_box .case_top_show .case_operations .edit_link_btn {
  display: block;
  width: 120px;
  height: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
  color: #14cfa6;
  opacity: 0.95;
}

.pubilc_roll_box .case_top_show .case_operations .edit_link_btn span {
  padding-left: 25px;
  background: url("../images/design_template/edit_icon.png") no-repeat center
    left;
  background-size: 20px;
}

.pubilc_roll_box .case_top_show .case_operations .edit_link_btn:hover {
  opacity: 1;
}

.pubilc_roll_box a.tit {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
  margin-top: 12px;
  line-height: 1.42;
  display: block;
}

.pubilc_roll_box .my_design_logo {
  height: 204px;
  display: flex;
  align-items: center !important;
}

.pubilc_roll_box .my_design_logo .swiper-slide a.tit {
  max-width: 252px;
}

.pubilc_roll_box .case_top_show .case_operations .mini_deit {
  width: 40px;
}

.pubilc_roll_box .case_top_show .case_operations .mini_deit span {
  padding-left: 0;
  background: url("../images/case-down.png") no-repeat center;
  background-size: 20px;
  font-size: 0;
  height: 40px;
  width: 40px;
  display: block;

  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}

.pubilc_roll_box .end_slide .rs_more_btn {
  height: 70px;
  display: block;
  position: relative;
  top: 50%;
  margin-top: -35px;
}

.pubilc_roll_box .end_slide .rs_more_btn .more_box {
  width: 40px;
  height: 40px;
  border: 1px solid #14cfa6;
  overflow: hidden;
  border-radius: 50%;
  background: url("../images/design_template/more_arrow02.png") no-repeat center
    #fff;
  background-size: 16px auto;
  margin: 0 auto 10px;
}

.pubilc_roll_box .end_slide .rs_more_btn p {
  font-size: 14px;
  color: #333;
  text-align: center;
}

.pubilc_roll_box .end_slide .rs_more_btn:hover .more_box {
  background: url("../images/design_template/more_arrow03.png") no-repeat center
    #14cfa6;
  background-size: 16px auto;
}

.pubilc_roll_box .end_slide .rs_more_btn:hover p {
  color: #14cfa6;
}

.pubilc_roll_box .swiper-scrollbar {
  display: none;
}

.pubilc_roll_box .roll_next {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background: url("../images/design_template/roll_prev01.png") no-repeat center
    #fff;
  background-size: 20px auto;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -32px;
  z-index: 100;
  cursor: pointer;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.pubilc_roll_box .roll_next:hover {
  background: url("../images/design_template/roll_prev02.png") no-repeat center
    #14cfa6;
  background-size: 20px auto;
}

.pubilc_roll_box .roll_prev {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background: url("../images/design_template/roll_next01.png") no-repeat center
    #fff;
  background-size: 20px auto;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -32px;
  z-index: 100;
  cursor: pointer;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.pubilc_roll_box .roll_prev:hover {
  background: url("../images/design_template/roll_next02.png") no-repeat center
    #14cfa6;
  background-size: 20px auto;
}

.pubilc_roll_box .swiper-button-disabled {
  display: none;
}

.logo_roll .swiper-slide {
  width: 240px;
}

.media_roll .swiper-slide {
  width: 290px;
}

.screen_roll .swiper-slide {
  width: 160px;
}

.pubilc_roll_box .end_slide {
  width: 60px;
  height: 100%;
  padding-right: 0;
}

.dhs_frist_show .pubilc_roll_box .case_top_show {
  text-align: center;
  overflow: visible;
}

.dhs_frist_show .pubilc_roll_box .case_top_show img {
  display: inline-block;
  width: auto;
  height: 179px;
}

.popular_label {
  margin: 50px 0 100px;
}

.popular_label .lab_nav {
  border-bottom: 1px solid #ddd;
}

.popular_label .lab_nav li {
  float: left;
  position: relative;
  color: #333;
  line-height: 1.4;
  padding-bottom: 15px;
  margin-right: 40px;
  cursor: pointer;
  font-weight: 500;
}

.popular_label .lab_nav li span {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: #14cfa6;
}

.popular_label .lab_nav li.on,
.popular_label .lab_nav li:hover {
  color: #14cfa6;
}

.popular_label .lab_nav li:hover span {
  width: 100%;
}

.popular_label .lab_nav li.on span {
  width: 100%;
}

.popular_label .label_con_list {
  padding-top: 12px;
}

.popular_label .label_con_list .label_box {
  display: none;
}

.popular_label .label_con_list .label_box:first-child {
  display: block;
}

.popular_label .label_con_list .label_box p {
  overflow: hidden;
  height: 60px;
}

.popular_label .label_con_list .label_box p a {
  display: inline-block;
  white-space: nowrap;
  margin-right: 20px;
  line-height: 2.5;
  font-size: 12px;
  color: #666;
}

.popular_label .label_con_list .label_box p a:hover {
  color: #14cfa6;
}

.popular_label .label_con_list .label_box .label_toggle {
  display: block;
  background: #f1f2f5;
  width: 60px;
  font-size: 12px;
  color: #333;
  line-height: 25px;
  margin-top: 10px;
  padding: 0 10px;
}

.popular_label .label_con_list .label_box .label_toggle span {
  display: block;
  padding-right: 13px;
  background: url("../images/design_template/label_arrow01.png") no-repeat right
    center;
  background-size: 11px auto;
}

.popular_label .label_con_list .label_box .label_toggle.all_show span {
  background: url("../images/design_template/label_arrow02.png") no-repeat right
    center;
  background-size: 11px auto;
}

.bottom_long_warp {
  background: #14cfa6;
  padding: 70px 0;
  color: #fff;
}

.bottom_long_warp h3 {
  font-size: 42px;
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

.bottom_long_warp p {
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  margin: 20px auto 40px;
}

.bottom_long_warp a {
  display: block;
  width: 100%;
  max-width: 270px;
  line-height: 54px;
  color: #14cfa6;
  text-align: center;
  margin: 0 auto;
  background: #fff;
  border-radius: 3px;
  font-size: 16px;
}

.bottom_long_warp a span {
  padding-right: 28px;
  background: url("../images/design_template/more_arrow02.png") no-repeat right
    center;
  background-size: 22px auto;
}

/* 模版混合列表 */
.bzk_designtemplate_warp .container .list_row {
  margin-left: -10px;
  margin-right: -10px;
}

.mixed_case_list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

/* .mixed_case_list::after {
  content: "";
  flex-grow: 9999999;
} */

.mixed_case_list .mcl_box {
  flex-grow: 1;
  margin: 10px;
  padding-bottom: 40px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.mixed_case_list .mcl_box .mcl_b_pd {
  position: relative;
}

.mixed_case_list .mcl_box .case_top_show {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 40px;
  border: 1px solid #eeeeef;
}

.mixed_case_list .mcl_box .case_top_show img {
  display: block;
  width: 100%;
  height: 100%;
}

.mixed_case_list .mcl_box .case_top_show .case_operations {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 0;
}

.mixed_case_list .mcl_box .case_top_show .case_operations:hover {
  opacity: 1;
  z-index: 10;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .all_edit_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: block;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .detail_link {
  width: 22px;
  height: 22px;
  background: url("../images/design_template/go_detail01.png") no-repeat center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .detail_link {
  right: 40px;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .detail_link:hover {
  background: url("../images/design_template/go_detail02.png") no-repeat center;
  background-size: 22px auto;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .collect_btn {
  width: 22px;
  height: 22px;
  background: url("../images/personal_center/md_collect_icon00.png") no-repeat
    center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
  overflow: hidden;
  box-sizing: 3px;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .collect_btn:hover {
  background: url("../images/personal_center/md_collect_icon09.png") no-repeat
    center;
  background-size: 22px auto;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .collect_btn.on {
  background: url("../images/personal_center/md_collect_icon.png") no-repeat
    center;
  background-size: 22px auto;
}

.mixed_case_list
  .mcl_box
  .case_top_show
  .case_operations
  .collect_btn.on:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .edit_link_btn {
  display: block;
  width: 120px;
  height: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
  color: #14cfa6;
  opacity: 0.95;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .edit_link_btn span {
  padding-left: 25px;
  background: url("../images/design_template/edit_icon.png") no-repeat center
    left;
  background-size: 20px;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .edit_link_btn:hover {
  opacity: 1;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .mini_deit {
  width: 40px;
}

.mixed_case_list .mcl_box .case_top_show .case_operations .mini_deit span {
  padding-left: 0;
  background: url("../images/design_template/edit_icon.png") no-repeat center;
  background-size: 20px;
  font-size: 0;
  height: 20px;
  width: 20px;
  display: block;
  margin: 11px auto 0;
}

.mixed_case_list .mcl_box a.tit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
  margin-top: 12px;
  line-height: 1.42;
}

/* 模版独立列表  */
.alone_c_list {
  margin-top: 15px;
}

.alone_c_list .case_top_show {
  position: relative;
  border: 1px solid #eeeeef;
  border-radius: 3px;
}

.alone_c_list .case_top_show img {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.alone_c_list .case_top_show .case_operations {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: 0;
}

.alone_c_list .case_top_show .case_operations:hover {
  opacity: 1;
  z-index: 10;
}

.alone_c_list .case_top_show .case_operations .all_edit_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: block;
}

.alone_c_list .case_top_show .case_operations .detail_link {
  width: 22px;
  height: 22px;
  background: url("../images/design_template/go_detail01.png") no-repeat center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
}

.alone_c_list .case_top_show .case_operations .detail_link:hover {
  background: url("../images/design_template/go_detail02.png") no-repeat center;
  background-size: 22px auto;
}

.alone_c_list .case_top_show .case_operations .detail_link {
  right: 40px;
}

.alone_c_list .case_top_show .case_operations .collect_btn {
  width: 22px;
  height: 22px;
  background: url("../images/personal_center/md_collect_icon00.png") no-repeat
    center;
  background-size: 22px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 10;
  overflow: hidden;
  box-sizing: 3px;
}

.alone_c_list .case_top_show .case_operations .collect_btn:hover {
  background: url("../images/personal_center/md_collect_icon09.png") no-repeat
    center;
  background-size: 22px auto;
}

.alone_c_list .case_top_show .case_operations .collect_btn.on {
  background: url("../images/personal_center/md_collect_icon.png") no-repeat
    center;
  background-size: 22px auto;
}

.alone_c_list .case_top_show .case_operations .collect_btn.on:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.alone_c_list .case_top_show .case_operations .edit_link_btn {
  display: block;
  width: 120px;
  height: 36px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 36px;
  color: #14cfa6;
  opacity: 0.95;
}

.alone_c_list .case_top_show .case_operations .edit_link_btn span {
  padding-left: 25px;
  background: url("../images/design_template/edit_icon.png") no-repeat center
    left;
  background-size: 20px;
}

.alone_c_list .case_top_show .case_operations .edit_link_btn:hover {
  opacity: 1;
}

.alone_c_list .case_top_show .case_operations .mini_deit {
  width: 40px;
}

.alone_c_list .case_top_show .case_operations .mini_deit span {
  padding-left: 0;
  background: url("../images/design_template/edit_icon.png") no-repeat center;
  background-size: 20px;
  font-size: 0;
  height: 20px;
  width: 20px;
  display: block;
  margin: 11px auto 0;
}

.alone_c_list a.tit {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
  margin-top: 12px;
  line-height: 1.42;
}

.alone_c_list .case_top_show {
  text-align: center;
}

.public_l_f {
  margin-bottom: 20px;
  float: left;
  padding: 0 10px;
}

.loge_mtlist,
.loge_business {
  width: 33.33333333%;
}

.poster_mtlist {
  width: 20%;
}

.mt_shopsign_mtlist {
  width: 25%;
}

.market_long_list {
  width: 16.66666666%;
}

.no_design_templates {
  margin-bottom: 130px;
  margin-top: 60px;
}

.ndt_mgn_top {
  margin-bottom: 30px;
  margin-top: 0;
}

.no_design_templates img {
  width: 250px;
  margin: 0 auto;
  display: block;
}

.no_design_templates p {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin: 20px 0 40px;
}

.no_design_templates a {
  display: block;
  width: 160px;
  line-height: 45px;
  color: #fff;
  border-radius: 3px;
  background: #14cfa6;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
}

.no_design_templates .nodt_handle_box {
  font-size: 0;
  text-align: center;
}

.no_design_templates .nodt_handle_box a {
  font-size: 14px;
  display: inline-block;
  margin: 0 5px;
}

.no_design_templates .nodt_handle_box a.feedback_btn {
  background: #fff;
  border: 2px solid #14cfa6;
  color: #14cfa6;
  line-height: 41px;
}

/* 翻页样式 */
.bzk_designtemplate_warp .page_box {
  max-width: 700px;
  margin: 50px auto 0;
  font-size: 0;
  text-align: center;
}

.bzk_designtemplate_warp .page_box_seework {
  margin: 30px auto 0;
}

.bzk_designtemplate_warp .page_box a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 3px;
}

.bzk_designtemplate_warp .page_box .page_prev {
  background: url("../images/design_template/page_left01.png") no-repeat center
    #fff;
  background-size: 8px auto;
  border: 1px solid #eee;
}

.bzk_designtemplate_warp .page_box .page_prev:hover {
  background: url("../images/design_template/page_left02.png") no-repeat center
    #fff;
  background-size: 8px auto;
  border: 1px solid #14cfa6;
}

.bzk_designtemplate_warp .page_box .page_next {
  background: url("../images/design_template/page_right01.png") no-repeat center
    #fff;
  background-size: 8px auto;
  border: 1px solid #eee;
}

.bzk_designtemplate_warp .page_box .page_next:hover {
  background: url("../images/design_template/page_right02.png") no-repeat center
    #fff;
  background-size: 8px auto;
  border: 1px solid #14cfa6;
}

.bzk_designtemplate_warp .page_box ul {
  display: inline-block;
  margin: 0 6px;
}

.bzk_designtemplate_warp .page_box ul li {
  float: left;
  padding-left: 6px;
  font-size: 0;
}

.bzk_designtemplate_warp .page_box ul li:first-child {
  padding-left: 0;
}

.bzk_designtemplate_warp .page_box ul li a {
  font-size: 14px;
  color: #999;
  line-height: 40px;
  text-align: center;
  border: 1px solid #eee;
}

.bzk_designtemplate_warp .page_box ul li a:hover,
.page_box ul li.on a {
  background: #14cfa6;
  color: #fff;
  border: 1px solid #14cfa6;
}

.bzk_designtemplate_warp .page_box ul li span {
  font-size: 14px;
  color: #999;
  line-height: 40px;
  display: inline-block;
  width: 40px;
  text-align: center;
  background: #fff;
  border-radius: 3px;
}

/* 设计模版详情页 */
.detail_warp_bg {
  background: #f5f5f5;
}

.design_detail_box {
  margin-top: 20px;
}

.design_detail_box .db_left {
  width: 65.8%;
  float: left;
  background: #fff;
  border-radius: 2px;
  padding: 40px 35px;
}

.design_detail_box .db_left .case_show {
  display: block;
  max-width: 100%;
  max-height: 500px;
  margin: 0 auto;
}

.design_detail_box .db_left .relevant_tag {
  margin-top: 40px;
}

.design_detail_box .db_left .relevant_tag a {
  display: block;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #666;
  background: #f1f2f5;
  border-radius: 3px;
  line-height: 34px;
  padding: 0 15px;
  float: left;
}

.design_detail_box .db_left .relevant_tag a:hover {
  color: #14cfa6;
}

.design_detail_box .db_left .relevant_cont {
  font-size: 14px;
  color: #666;
  line-height: 1.785;
}

.design_detail_box .db_left .relevant_cont p {
  margin-top: 20px;
}

.design_detail_box .db_right {
  width: 32.5%;
  float: right;
  background: #fff;
  padding: 35px 35px 30px;
}

.design_detail_box .db_right h3 {
  font-size: 24px;
  color: #222;
  line-height: 1.375;
  font-weight: bolder;
  margin: 0;
}

.design_detail_box .db_right p {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}

.design_detail_box .db_right .use_btn {
  display: block;
  line-height: 45px;
  border-radius: 3px;
  background: #14cfa6;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-top: 25px;
}

.design_detail_box .db_right .generate_btn {
  display: block;
  line-height: 43px;
  border-radius: 3px;
  /*background: #14cfa6;*/
  text-align: center;
  color: #14cfa6;
  font-size: 14px;
  margin-top: 10px;
  border: 1px solid #14cfa6;
}

.design_detail_box .db_right a:hover {
  background: #24dab2;
  color: #fff;
}

.design_detail_box .db_right .wchart_share {
  font-size: 14px;
  line-height: 30px;
  margin-top: 30px;
  position: relative;
}

.design_detail_box .db_right .wchart_share .wshare_btn {
  color: #333;
  padding-left: 30px;
  background: url("../images/design_template/share_icon.png") no-repeat left
    center;
  background-size: 22px auto;
  cursor: pointer;
}

.design_detail_box .db_right .wchart_share .wshare_btn:hover {
  background: url("../images/design_template/share_icon02.png") no-repeat left
    center;
  background-size: 22px auto;
  color: #14cfa6;
}

.design_detail_box .db_right .wchart_share .wechat_pupop {
  position: absolute;
  bottom: -75px;
  width: 438px;
  height: 328px;
  right: 325px;
  z-index: 50;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 30px 24px;
  color: #333;
  text-align: center;
  display: none;
}

.design_detail_box .db_right .wchart_share .wechat_pupop .copy_link {
  height: 45px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 0 13px;
  position: relative;
}

.design_detail_box .db_right .wchart_share .wechat_pupop .copy_link span {
  float: left;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 370px;
}

.design_detail_box
  .db_right
  .wchart_share
  .wechat_pupop
  .copy_link
  .copy_url_btn {
  border: 1px solid #dddddd;
  width: 87px;
  height: 35px;
  margin: 4px 0px;
  text-align: center;
  line-height: 33px;
  position: absolute;
  top: 0;
  right: 3px;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

.design_detail_box .db_right .wchart_share .wechat_pupop .copy_link .urlTxt {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.design_detail_box .db_right .wchart_share .wechat_pupop img {
  display: block;
  width: 150px;
  height: 151px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
}

.design_detail_box .db_right .wchart_share .wechat_pupop p {
  text-align: center;
  display: inline-block;
  padding-left: 30px;
  background: url("../images/design_template/weixin.png") no-repeat left center;
  background-size: 27px auto;
  margin-top: 0;
}

.design_detail_box .db_right .detail_collect {
  background: url("../images/personal_center/md_collect_icon07.png") no-repeat
    left center;
  background-size: 22px auto;
  padding-left: 27px;
  color: #333;
  line-height: 30px;
  width: 60px;
  margin-top: 23px;
}

.design_detail_box .db_right .detail_collect:hover {
  background: url("../images/personal_center/md_collect_icon05.png") no-repeat
    left center;
  background-size: 22px auto;
  color: #00deb6;
}

.design_detail_box .db_right .detail_collect.on {
  background: url("../images/personal_center/md_collect_icon08.png") no-repeat
    left center;
  background-size: 22px auto;
}

.design_detail_box .db_right .detail_collect.on:hover {
  background: url("../images/personal_center/md_collect_icon06.png") no-repeat
    left center;
  background-size: 22px auto;
}

.dt_other_tab {
  margin-top: 50px;
}

.dt_other_tab ul li {
  float: left;
  margin-right: 40px;
  font-size: 18px;
  line-height: 32px;
  border-bottom: 2px solid #f5f5f5;
  color: #333;
  cursor: pointer;
  padding-bottom: 5px;
}

.dt_other_tab ul li:hover {
  color: #14cfa6;
}

.dt_other_tab ul li.on {
  border-bottom: 2px solid #14cfa6;
  color: #14cfa6;
}

/*  个人中心--我的设计改版   */
.bzk_animate {
  transition-property: all;
  transition-duration: 0.2s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
}

.my_design .my_design_panel .mydesign_four_list {
  width: 25%;
}

.my_design .my_design_panel .mydesign_five_list {
  width: 16.6666666%;
}

.my_design .my_design_panel .mydesign_eight_list {
  width: 12.5%;
}

.my_design .my_design_panel .my_design_list .case_item .ground_floor {
  position: relative;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #eeeeef;
}

.my_design .my_design_panel .my_design_list .case_item .ground_floor img {
  /*height: 275px;*/
  width: 100%;
  border-radius: 3px;
  pointer-events: none;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .ground_floor
  .commercial_sure {
  width: 53px;
  height: 22px;
  background: black;
  color: #fff;
  border-radius: 2px;
  opacity: 0.4;
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 12px;
  line-height: 22px;
}

.my_design .my_design_panel .my_design_list .case_item .float_floor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 0;
  border-radius: 3px;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .alone_pd:hover
  .float_floor {
  opacity: 1;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .all_edit_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: block;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .design_operation {
  width: 27px;
  height: 22px;
  background: url("../images/design_template/design_operation01.png") no-repeat
    center;
  background-size: 27px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 100;
  cursor: pointer;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .design_operation:hover,
.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .design_operation.on {
  background: url("../images/design_template/design_operation02.png") no-repeat
    center;
  background-size: 27px auto;
}

.my_design .my_design_panel .my_design_list .case_item .float_floor .dopop_up {
  position: absolute;
  display: none;
  top: 32px;
  right: 10px;
  border-radius: 3px;
  color: #333333;
  font-size: 14px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 3px 0;
  width: 90px;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a {
  display: block;
  height: 36px;
  text-decoration: none;
  color: #333333;
  margin-left: 15px;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a
  span {
  padding-left: 30px;
  line-height: 36px;
  display: inline-block;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a
  span.first {
  background: url("../images/design_template/design_sharing01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a
  span.second {
  background: url("../images/design_template/design_replication01.png")
    no-repeat left center;
  background-size: 22px auto;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a
  span.third {
  background: url("../images/design_template/design_deletion01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a:hover
  span {
  color: #14cfa6;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a:hover
  span.first {
  background: url("../images/design_template/design_sharing02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a:hover
  span.second {
  background: url("../images/design_template/design_replication02.png")
    no-repeat left center;
  background-size: 22px auto;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .dopop_up
  a:hover
  span.third {
  background: url("../images/design_template/design_deletion02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .case_edit_url {
  display: block;
  width: 120px;
  height: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
  color: #14cfa6;
  opacity: 0.95;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .case_edit_url
  a {
  padding-left: 25px;
  background: url("../images/design_template/edit_icon.png") no-repeat center
    left;
  background-size: 20px;
  color: #14cfa6;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .case_edit_url
  .vi_generate_material {
  padding-left: 25px;
  background: url("../images/kit_my_logo_btn.png") no-repeat center left;
  background-size: 20px;
  color: #14cfa6;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .case_edit_url:hover {
  opacity: 1;
}

.my_design .my_design_panel .my_design_list .case_item .float_floor .mini_deit {
  width: 40px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .mini_deit
  a {
  padding-left: 0;
  background: url("../images/case-down.png") no-repeat center;
  background-size: 20px;
  font-size: 0;
  height: 20px;
  width: 20px;
  display: block;
  margin: 11px auto 0;
  color: #14cfa6;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .mcl_pd
  .float_floor {
  opacity: 1;
  z-index: 10;
}
.my_design .my_design_panel .hover-show {
  display: none!important;
}
.my_design .my_design_panel .mcl_pd:hover .hover-show {
  display: block!important;
}
.my_design .my_design_panel .hover-show-shadow {
  background: none!important;
}
.my_design .my_design_panel .mcl_pd:hover .hover-show-shadow {
  background: rgba(0, 0, 0, 0.1)!important;
}

.public_pupop_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
  z-index: 2008;
  display: none;
}

.mobile_bottom_wrap {
  display: none;
}

/* 个人中心混合排列 */
#case_box .mixed_case_list .mycase_item_list {
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}

#case_box .mixed_case_list .mixed_list_name .mixed_name {
  position: relative;
  padding-top: 11px;
  height: 32px;
}

#case_box .mixed_case_list .mixed_list_name .mixed_name .name_box {
  display: inline-block;
  padding-right: 24px;
  position: absolute;
  left: 0;
  top: 11px;
  max-width: 100%;
}

#case_box .mixed_case_list .mixed_list_name .mixed_name .name_box .show_name {
  color: #666;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#case_box
  .mixed_case_list
  .mixed_list_name
  .mixed_name
  .name_box
  .name_edit_icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/personal_center/title_edit_icon.png") no-repeat
    center;
  background-size: 20px auto;
  cursor: pointer;
  opacity: 0;
}

#case_box
  .mixed_case_list
  .mixed_list_name
  .mixed_name:hover
  .name_box
  .name_edit_icon {
  opacity: 1;
}

#case_box .mixed_case_list .mixed_list_name .mixed_name .name_edit_input {
  display: none;
  width: 100%;
  border: none;
  border-bottom: 1px dashed #ddd;
}

#case_box .mixed_case_list .mixed_list_name .mixed_name .name_edit_show {
  display: block;
}

#case_box .case_item .ground_floor .page_show {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #000;
  opacity: 0.7;
  border-radius: 2px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 0 7px;
}

.my_design .my_design_panel .mixed_case_list {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
}

.my_design .my_design_panel .mixed_case_list .case_item {
  flex-grow: 1;
  margin: 10px;
  border-radius: 2px;
}

.my_design .my_design_panel .mixed_case_list .case_item .ground_floor img {
  display: block;
  width: 100%;
}

.my_design .my_design_panel .mixed_case_list .case_item .float_floor {
  width: 100%;
  left: 0;
}

.my_design .my_design_panel .mixed_case_list .case_item .ground_floor {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

#case_box .mydesign_alone .case_item .mixed_name {
  position: relative;
  padding-top: 11px;
  height: 32px;
}

#case_box .mydesign_alone .case_item .mixed_name .name_box {
  display: inline-block;
  padding-right: 24px;
  position: absolute;
  left: 0;
  top: 11px;
  max-width: 100%;
}

#case_box .mydesign_alone .case_item .mixed_name .name_box .show_name {
  color: #666;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#case_box .mydesign_alone .case_item .mixed_name .name_box .name_edit_icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/personal_center/title_edit_icon.png") no-repeat
    center;
  background-size: 20px auto;
  cursor: pointer;
  opacity: 0;
}

#case_box
  .mydesign_alone
  .case_item
  .mixed_name:hover
  .name_box
  .name_edit_icon {
  opacity: 1;
}

#case_box .mydesign_alone .case_item .mixed_name .name_edit_input {
  display: none;
  width: 100%;
  border: none;
  border-bottom: 1px dashed #ddd;
}

#case_box .mydesign_alone .case_item .mixed_name .name_edit_show {
  display: block;
}

.bzk_order_design {
  position: fixed;
  display: block;
  right: 20px;
  bottom: 60px;
  font-size: 0;
  z-index: 100;
}

.bzk_order_design .helpFont {
  display: block;
  transform: translate(0, -10px);
  animation: hfanimate 1s infinite reverse;
  -moz-animation: hfanimate 1s infinite reverse;
  -webkit-animation: hfanimate 1s infinite reverse;
  -o-animation: hfanimate 1s infinite reverse;
}

@keyframes hfanimate {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, -5px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.bzk_order_design .qrcodesh {
  width: 66px;
  height: 66px;
  background: url("../images/qrcodeLoading.gif") no-repeat center;
  background-size: 66px;
}

.bzk_order_design .qrcodesh:hover {
  background: url("../images/qrcodeHover.png") no-repeat center;
  background-size: 66px;
}

.bzk_order_design .popover_box {
  position: absolute;
  bottom: 0;
  right: 78px;
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  display: none;
}

.bzk_order_design .popover_box img {
  display: block;
  margin: 17px 17px 0;
}

.bzk_order_design .popover_box p {
  text-align: center;
  font-size: 12px;
  color: #606266;
}

.series_aggregate {
  padding-bottom: 50px;
}

.special_roll .swiper-slide {
  width: 277px;
  margin-top: 0;
}

.special_roll .swiper-slide a {
  display: block;
}

.special_roll .swiper-slide a img {
  display: block;
  width: 100%;
}

.series_pb_title {
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.series_pb_title img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.series_pb_title .container {
  position: relative;
}

.series_pb_title .container h1 {
  position: absolute;
  left: 40px;
  font-size: 30px;
  margin: 0;
  line-height: 42px;
  height: 42px;
  top: 50%;
  margin-top: -21px;
  color: #fff;
}

.series_pb_title .container h1 span {
  padding: 0 4px;
}

.more_series_link {
  display: block;
  max-width: 180px;
  margin: 0 auto 50px;
  background: #14cfa6;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  text-align: center;
  line-height: 45px;
}

.more_series_link:hover {
  color: #fff;
  background: #24dab2;
}

.series_index_roll .swiper-container .swiper-wrapper {
  align-items: stretch;
}

.series_index_roll .swiper-slide {
  width: 140px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.series_index_roll .end_slide {
  justify-content: center;
}

.series_index_roll .end_slide .rs_more_btn {
  top: auto;
  margin-top: 0;
}

.series_index_roll_six .swiper-container .swiper-wrapper {
  align-items: stretch;
}

.series_index_roll_six .swiper-slide {
  width: 165px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.material_roll_next .swiper-slide {
  margin-right: 10px;
}

.series_index_roll_six .end_slide {
  justify-content: center;
}

.series_index_roll_six .end_slide .rs_more_btn {
  top: auto;
  margin-top: 0;
}

.newest_lg_list {
  overflow: hidden;
}

.index_case .linkmore_btn {
  display: none;
}

/* 绑定生橙视觉账号 */
.bind_account_wrap {
  background: #f4f6f9;
}

.bind_account_wrap .bind_header {
  height: 66px;
  background: #fff;
}

.bind_account_wrap .bind_header a {
  display: block;
  width: 117px;
  margin-left: 18px;
  padding-top: 16px;
}

.bind_account_wrap .bind_header a img {
  display: block;
  width: 100%;
}

.bind_account_wrap .bind_container {
  padding-top: 50px;
  max-width: 1200px;
  margin: 0 auto;
}

.bind_account_wrap .bind_container .bc_tit_box {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}

.bind_account_wrap .bind_container .bc_tit_box h1 {
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
  color: #222;
}

.bind_account_wrap .bind_container .bc_tit_box a {
  display: block;
  position: absolute;
  font-size: 14px;
  color: #666;
  left: 0;
  top: 12px;
  padding-left: 18px;
  background: url("../images/chang_login_arrow.png") no-repeat left center;
  background-size: 8px auto;
}

.bind_account_wrap .bind_container .bc_content_box {
  background: #fff;
  padding: 30px 75px 70px;
}

.bind_account_wrap .bind_container .bc_content_box .flowpath_box {
  width: 207px;
  margin: 0 auto 60px;
}

.bind_account_wrap .bind_container .bc_content_box .flowpath_half_box {
  margin: 0 auto 30px;
}

.bind_account_wrap .bind_container .bc_content_box .flowpath_box img {
  display: block;
  width: 100%;
}

.bind_account_wrap .bind_container .bc_content_box .install_half {
  display: flex;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_f_box {
  width: 50%;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .half_f_box
  .ys_img {
  display: block;
  width: 100%;
  max-width: 474px;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right {
  text-align: center;
  border-left: 1px solid #eee;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .half_right
  h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .half_right p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 6px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .half_right
  .ys_img {
  display: block;
  border: 1px solid #eee;
  padding: 10px;
  width: 160px;
  border-radius: 3px;
  margin: 40px auto;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .half_right
  span {
  display: block;
  font-size: 14px;
  color: #999;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .center_f_box {
  width: 100%;
  padding-bottom: 135px;
  padding-top: 55px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .center_f_box
  a {
  display: block;
  width: 100%;
  max-width: 380px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 3px;
  color: #333;
  border: 1px solid #ccc;
  margin: 25px auto 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .center_f_box
  a:hover {
  border: 1px solid #14cfa6;
  color: #14cfa6;
}

.bind_account_wrap .bind_container .bc_content_box .install_half .login_boxes {
  width: 100%;
  border: 1px solid #eee;
  max-width: 384px;
  margin: 0 auto;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login {
  text-align: center;
  padding: 30px 0 20px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  .title {
  font-size: 20px;
  color: #333;
  line-height: 1.4;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  p.wcl_tit {
  display: inline-block;
  padding-left: 33px;
  background: url("../images/weixin.png") no-repeat left center;
  background-size: 27px auto;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  .official_account {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 20px auto 10px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  span {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 1.4;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  .other_login {
  position: relative;
  margin-top: 30px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  .other_login
  .line {
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -1px;
  border-top: 1px solid #f5f5f5;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  .other_login
  p {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 10px;
  font-size: 12px;
  color: #999;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  a {
  display: block;
  width: 50px;
  margin: 0 auto;
  font-size: 12px;
  color: #666;
  margin-top: 20px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  a
  span {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: url("../images/bd_iphone_login.png") no-repeat center #f8fafc;
  background-size: 28px auto;
  margin: 0 auto 10px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .wechat_c_login
  a:hover
  span {
  background: url("../images/bd_iphone_login.png") no-repeat center #f0f3f4;
  background-size: 28px auto;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login {
  text-align: center;
  padding: 30px 15px 20px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .title {
  font-size: 20px;
  color: #333;
  line-height: 1.4;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log {
  width: 100%;
  max-width: 300px;
  margin: 20px auto 30px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log
  .inp_box {
  position: relative;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log
  .inp_box
  input {
  width: 100%;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  outline: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 50px;
  display: block;
  padding-left: 20px;
  -webkit-transition: border 0.35s;
  transition: border 0.35s;
  font-size: 14px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log
  .inp_box
  span {
  width: 110px;
  height: 40px;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  line-height: 40px;
  background: #14cfa6;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: background 0.35s;
  transition: background 0.35s;
  padding: 0;
  cursor: pointer;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log
  .log_handle {
  margin-top: 20px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log
  .log_handle
  input {
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
  outline: none;
  border: 0;
  background: #14cfa6;
  border-radius: 3px;
  color: #fff;
  display: block;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .mobile_log
  .log_handle
  input:hover {
  background: #00dcb4;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .other_login {
  position: relative;
  margin-top: 30px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .other_login
  .line {
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -1px;
  border-top: 1px solid #f5f5f5;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  .other_login
  p {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 10px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  a {
  display: block;
  width: 50px;
  margin: 0 auto;
  font-size: 12px;
  color: #666;
  margin-top: 28px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  a
  span {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: url("../images/wechat02.png") no-repeat center #f8fafc;
  background-size: 28px auto;
  margin: 0 auto 10px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .iphone_c_login
  a:hover
  span {
  background: url("../images/wechat02.png") no-repeat center #f0f3f4;
  background-size: 28px auto;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .agreement {
  line-height: 44px;
  text-align: center;
  background: #f5f5f5;
  color: #999;
  font-size: 12px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .login_boxes
  .agreement
  a {
  color: #14cfa6;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .binding_succeeded {
  text-align: center;
  width: 100%;
  padding: 200px 0 190px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .binding_succeeded
  img {
  display: block;
  width: 66px;
  margin: 0 auto 20px;
}

.bind_account_wrap
  .bind_container
  .bc_content_box
  .install_half
  .binding_succeeded
  p {
  font-size: 20px;
  color: #333;
}

.bd_copyright {
  text-align: center;
  background: #f4f6f9;
  line-height: 74px;
  color: #999;
}

.belong_scene {
  margin-top: 20px;
}

.belong_scene .title {
  border-bottom: 2px solid #f2f2f2;
  font-size: 0;
}

.belong_scene .title p {
  margin: 0;
  font-size: 14px;
  color: #333;
  line-height: 1;
  width: 85px;
  text-align: center;
  position: relative;
  top: 2px;
  padding-bottom: 14px;
  border-bottom: 2px solid #999;
}

.belong_scene .b_scene_list ul li {
  float: left;
  margin-right: 10px;
  background: #f1f2f5;
  overflow: hidden;
  border-radius: 3px;
  margin-top: 20px;
}

.belong_scene .b_scene_list ul li a {
  display: block;
  line-height: 34px;
  color: #333;
  font-size: 14px;
  padding: 0 15px;
}

.belong_scene .b_scene_list ul li a.on,
.belong_scene .b_scene_list ul li a:hover {
  color: #14cfa6;
}

.my_design_logo .swiper-slide {
  width: auto;
  max-width: 50%;
}

.my_design .dhs_frist_show {
  margin-top: 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #f2f2f2;
}

.my_design .dhs_frist_show .pubilc_roll_box .case_top_show img {
  height: 252px;
  width: 100%;
}
.my_design .dhs_frist_show .my_design_swiper_box .case_top_show img {
  border-radius: 4px;
}

.logo_flag_class .swiper-wrapper {
  height: auto !important;
}

.logo_flag_class .pubilc_roll_box .case_top_show img {
  width: 100%;
  height: auto !important;
}

.bg_unique {
  margin-top: 80px;
}

header div ul li.nav_i_core {
  position: relative;
}

header div ul li .templates_menu {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  width: 296px;
  padding: 25px 0 25px 30px;
}

header div ul li .templates_menu .tm_box {
  width: 50%;
  float: left;
}

header div ul li .templates_menu .tm_box p {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  font-weight: 500;
}

header div ul li .templates_menu .tm_box a {
  display: block;
  font-size: 12px;
  color: #333;
  line-height: 1.4;
  margin-top: 15px;
}

header div ul li .templates_menu .tm_box a span {
  padding-right: 14px;
  background: url("../images/header_nav_icon02.png") no-repeat right center;
  background-size: 12px auto;
}

header div ul li .templates_menu .tm_box a:hover {
  color: #14cfa6;
}

header div ul li .templates_menu .tm_box a:hover span {
  background: url("../images/header_nav_icon03.png") no-repeat right center;
  background-size: 12px auto;
}

header div ul li.nav_i_core .icon-svg {
  position: relative;
  top: 5px;
  left: -5px;
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  transition: transform 0.2s;
  fill: #999;
}

header div ul li.nav_i_core a:hover .icon-svg {
  transform: rotate(180deg);
  fill: #14cfa6;
}

header .mc_nav {
  display: none !important;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .design_operation {
  width: 27px;
  height: 22px;
  background: url("../images/design_template/design_operation01.png") no-repeat
    center;
  background-size: 27px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 100;
  cursor: pointer;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .design_operation:hover,
.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .design_operation.on {
  background: url("../images/design_template/design_operation02.png") no-repeat
    center;
  background-size: 27px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up {
  position: absolute;
  display: none;
  top: 32px;
  right: 10px;
  border-radius: 3px;
  color: #333333;
  font-size: 14px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 3px 0;
  width: 90px;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a {
  display: block;
  height: 36px;
  text-decoration: none;
  color: #333333;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a
  span {
  padding-left: 30px;
  line-height: 36px;
  display: inline-block;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a
  span.first {
  background: url("../images/design_template/design_sharing01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a
  span.second {
  background: url("../images/design_template/design_replication01.png")
    no-repeat left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a
  span.third {
  background: url("../images/design_template/design_deletion01.png") no-repeat
    left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a
  span.download_btn {
  background: url("../images/design_download03.png") no-repeat left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a:hover
  span {
  color: #14cfa6;
}

.pubilc_roll_box .my_design_logo .swiper-slide .case_top_show .case_operations .dopop_up a span.edit_btn {
  background: url("../images/case-edit.png") no-repeat left center;
  background-size: 22px auto;
}

.pubilc_roll_box .my_design_logo .swiper-slide .case_top_show .case_operations .dopop_up a:hover span.edit_btn {
  background: url("../images/case-edit-hover.png") no-repeat left center;
  background-size: 22px auto;
}


.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a:hover
  span.first {
  background: url("../images/design_template/design_sharing02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a:hover
  span.second {
  background: url("../images/design_template/design_replication02.png")
    no-repeat left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a:hover
  span.third {
  background: url("../images/design_template/design_deletion02.png") no-repeat
    left center;
  background-size: 22px auto;
}

.pubilc_roll_box
  .my_design_logo
  .swiper-slide
  .case_top_show
  .case_operations
  .dopop_up
  a:hover
  span.download_btn {
  background: url("../images/design_download02.png") no-repeat left center;
  background-size: 22px auto;
}

.advert_link {
  position: relative;
  border-radius: 3px;
  top: -10px;
  overflow: hidden;
}

.seven_advert {
  display: none;
}

.seven_renew {
  display: none;
}

.advert_link .close_btn {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 12px;
  height: 12px;
  background: url("../images/orange_close_icon.png") no-repeat
    center;
  background-size: 12px auto;
  z-index: 1;
  cursor: pointer;
}

.advert_link a {
  display: block;
  position: relative;
  line-height: 40px;
  background: #fff8e6;
}

.advert_link a p {
  font-size: 14px;
  color: #ff8458;
  margin-left: 15px;
  display: inline-block;
}

.advert_link a span {
  display: inline-block;
  position: relative;
  color: #ff8458;
  margin-left: 20px;
  top: 0;
  padding-right: 23px;
  background: url("../images/personal_center/orange_icon.png") no-repeat right
    center;
  background-size: 16px auto;
  font-size: 14px;
}

.my_design .design_hotcase_show .pubilc_roll_box .case_top_show .page_show {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #000;
  opacity: 0.4;
  border-radius: 2px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 0 7px;
}

.my_design_updata {
  background: #fff !important;
}

.recommend_f_me {
  padding-top: 30px;
}

.recommend_f_me .design_template_type {
  margin: 40px 0 0;
}

.recommend_f_me .main_type_list {
  border-bottom: none;
}

.recommend_f_me .main_type_list ul {
  white-space: normal;
  margin-top: 0;
}

.recommend_f_me .mtl_line .container {
  width: 100%;
}

.recommend_f_me .main_type_list .container {
  padding-left: 0;
  padding-right: 0;
}

.recommend_f_me .secondary_t_list .container {
  width: 100%;
}

.my_design .secondary_t_list ul {
  border-bottom: none;
}

.recommend_f_me .secondary_t_list ul li p {
  padding-bottom: 0;
}

.recommend_f_me .secondary_t_list ul li .line {
  display: none;
}

.masterplate_custom {
  display: none;
  text-align: center;
  font-size: 0;
  margin-bottom: 130px;
}

.masterplate_custom a {
  display: inline-block;
  line-height: 1.4;
  font-size: 16px;
  color: #ff8458;
  padding-right: 25px;
  background: url("../images/personal_center/orange_icon.png") no-repeat right
    center;
  background-size: 16px auto;
}

.masterplate_custom a.mc_l_link {
  margin-left: 50px;
}

.trademake_detail {
  padding-top: 60px;
  background: #f5f5f5;
}

.trademake_detail .dest_crumbs {
  font-size: 0;
  margin-top: 20px;
}

.trademake_detail .dest_crumbs i {
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  padding: 0 5px;
}

.trademake_detail .dest_crumbs a {
  display: inline-block;
  font-size: 14px;
  color: #999;
}

.trademake_detail .detail_trad_wrap {
  background: #fff;
  margin-top: 20px;
  padding: 25px 30px;
  margin-bottom: 30px;
}

.trademake_detail .detail_trad_wrap h3 {
  font-size: 18px;
  font-weight: normal;
  color: #333333;
}

.trademake_detail .detail_trad_wrap .td_tabll_box {
  border: 1px solid #ddd;
  margin-top: 20px;
  width: 100%;
}

.trademake_detail .detail_trad_wrap .td_tabll_box .sb_title {
  line-height: 50px;
  padding: 0 25px;
  color: #333;
}

.trademake_detail .detail_trad_wrap .td_tabll_box tr td {
  border: 1px solid #ddd;
  color: #666;
  padding: 10px 20px;
}

.trademake_detail .detail_trad_wrap .td_tabll_box tr td.td_bg {
  background: #f6f7fb;
  width: 15%;
}

.trademake_detail .detail_trad_wrap .td_tabll_box tr td img {
  display: block;
  max-width: 100%;
}

.trademark_register {
  padding-bottom: 50px;
  /* padding-top: 60px; */
  background: #f5f5f5;
}

.trademark_register .register_trade_box {
  max-width: 950px;
  min-height: 560px;
  background: #fff;
  margin: 40px auto;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}

.trademark_register .register_trade_box .register_demand {
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  height: 100%;
  background: #14cfa6;
}

.trademark_register .register_trade_box .register_demand .center_box {
  padding: 40px 25px;
  color: #fff;
}

.trademark_register .register_trade_box .register_demand .center_box h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.36;
}

.trademark_register .register_trade_box .register_demand .center_box p {
  margin-top: 15px;
  padding-left: 25px;
  background: url("../images/trademark/register_icon.png") no-repeat left 3px;
  background-size: 20px auto;
  line-height: 1.785;
}

.trademark_register .register_trade_box .register_form {
  margin-left: 40%;
}

.trademark_register .register_trade_box .register_form .center_box {
  padding: 40px 40px 0;
}

.trademark_register .register_trade_box .register_form .center_box .rf_cont {
  margin-bottom: 15px;
}

.trademark_register
  .register_trade_box
  .register_form
  .center_box
  .rf_cont
  textarea {
  border: none;
  width: 100%;
  resize: none;
  padding: 10px;
  border: 1px solid #eeeeef;
  border-radius: 3px;
}

.trademark_register
  .register_trade_box
  .register_form
  .center_box
  .rf_cont
  textarea:focus {
  border: 1px solid #14cfa6;
  outline: none;
}

.trademark_register .register_trade_box .register_form .center_box .rf_input {
  margin-bottom: 15px;
}

.trademark_register
  .register_trade_box
  .register_form
  .center_box
  .rf_input
  input {
  width: 100%;
  line-height: 43px;
  color: #333;
  text-indent: 1em;
  border: 1px solid #eeeeef;
  border-radius: 3px;
}

.trademark_register
  .register_trade_box
  .register_form
  .center_box
  .rf_input
  input[type="text"]:focus {
  border: 1px solid #14cfa6;
}

.trademark_register
  .register_trade_box
  .register_form
  .center_box
  .rf_input
  input::placeholder {
  color: #b3b3b3;
}

.trademark_register .register_trade_box .register_form .center_box button {
  width: 100%;
  line-height: 45px;
  border: none;
  background: #14cfa6;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.trademark_register .register_trade_box .register_form .center_box p {
  color: #999;
  font-size: 12px;
  line-height: 1.4;
}

.trademark_register .register_flow_path {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
}

.trademark_register .register_flow_path .flowpath_box {
  float: left;
  width: 20%;
  position: relative;
}

.trademark_register .register_flow_path .flowpath_box img {
  display: block;
  width: 50px;
  margin: 0 auto;
}

.trademark_register .register_flow_path .flowpath_box p {
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin-top: 10px;
}

.trademark_register .register_flow_path .flowpath_box span {
  display: block;
  width: 7px;
  height: 10px;
  background: url("../images//trademark/register_arrow_icon.png") no-repeat
    center;
  background-size: 7px auto;
  position: absolute;
  right: -3px;
  top: 25px;
}

.dhs_frist_show .pubilc_roll_box .recommend_edit_name .mixed_name {
  position: relative;
  padding-top: 11px;
  height: 32px;
}

.dhs_frist_show .pubilc_roll_box .recommend_edit_name .mixed_name .name_box {
  display: inline-block;
  padding-right: 24px;
  position: absolute;
  left: 0;
  top: 9px;
  max-width: 100%;
}

.dhs_frist_show
  .pubilc_roll_box
  .recommend_edit_name
  .mixed_name
  .name_box
  .show_name {
  color: #666;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dhs_frist_show
  .pubilc_roll_box
  .recommend_edit_name
  .mixed_name
  .name_box
  .name_edit_icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/personal_center/title_edit_icon.png") no-repeat
    center;
  background-size: 20px auto;
  cursor: pointer;
  opacity: 0;
}

.dhs_frist_show
  .pubilc_roll_box
  .recommend_edit_name
  .mixed_name:hover
  .name_box
  .name_edit_icon {
  opacity: 1;
}

.dhs_frist_show
  .pubilc_roll_box
  .recommend_edit_name
  .mixed_name
  .name_edit_input {
  display: none;
  width: 100%;
  border: none;
  border-bottom: 1px dashed #ddd;
  font: revert;
  line-height: 20px;
}

.dhs_frist_show
  .pubilc_roll_box
  .recommend_edit_name
  .mixed_name
  .name_edit_show {
  display: block;
}

/* 瀑布流 */
.waterfallflow {
  margin: 20px -10px 0;
}

.collect_waterfallflow {
  margin-top: 0;
}

.waterfallflow .case_item {
  margin-bottom: 25px;
}

.waterfallflow .case_item .mcl_pd {
  margin: 0 10px;
  position: relative;
  border-radius: 2px;
}

.waterfallflow .case_item .mcl_pd .ground_floor {
  border: 1px solid #f5f5f5;
}

.waterfallflow .case_item .mcl_pd .ground_floor img {
  width: 100%;
}

.waterfallflow .case_item .mcl_pd .ground_floor .page_show {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #000;
  opacity: 0.4;
  border-radius: 2px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 0 7px;
}

.waterfallflow .case_item .mcl_pd .float_floor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 0;
}

.waterfallflow .case_item .mcl_pd .float_floor .all_edit_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: block;
}

.waterfallflow .case_item .mcl_pd .float_floor .md_cs_box {
  width: 52px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.waterfallflow .case_item .mcl_pd .float_floor .md_cs_box .md_collect {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/personal_center/md_collect_icon.png) no-repeat
    center;
  background-size: 22px auto;
  float: right;
  cursor: pointer;
}

.waterfallflow .case_item .mcl_pd .float_floor .md_cs_box .md_collect:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .md_cs_box .md_share {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/personal_center/md_share_icon.png) no-repeat center;
  background-size: 22px auto;
  float: right;
  cursor: pointer;
  margin-right: 8px;
}

.waterfallflow .case_item .mcl_pd .float_floor .md_cs_box .md_share:hover {
  background: url(../images/personal_center/md_share_icon01.png) no-repeat
    center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .design_operation {
  width: 27px;
  height: 22px;
  background: url("../images/qywx/design_operation01.png") no-repeat center;
  background-size: 27px auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 100;
}

.waterfallflow .case_item .mcl_pd .float_floor .design_operation:hover,
.waterfallflow .case_item .mcl_pd .float_floor .design_operation.on {
  background: url("../images/qywx/design_operation02.png") no-repeat center;
  background-size: 27px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up {
  position: absolute;
  display: none;
  top: 32px;
  right: 10px;
  border-radius: 3px;
  color: #333333;
  font-size: 14px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 100;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 3px 0;
  width: 80px;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a {
  display: block;
  height: 36px;
  text-decoration: none;
  color: #333333;
  margin-left: 12px;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span {
  padding-left: 25px;
  line-height: 36px;
  display: inline-block;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span.first {
  background: url("../images/qywx/design_sharing01.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span.second {
  background: url("../images/qywx/design_replication01.png") no-repeat left
    center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span.third {
  background: url("../images/qywx/design_deletion01.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span.fourth {
  background: url("../images/qywx/design_download03.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span.download_btn {
  background: url("../images/design_download03.png") no-repeat left center;
  background-size: 22px auto;
}
.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a span.edit_btn {
  background: url("../images/case-edit.png") no-repeat left center;
  background-size: 22px auto;
}
.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a:hover span.edit_btn {
  background: url("../images/case-edit-hover.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a:hover span {
  color: #14cfa6;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a:hover span.first {
  background: url("../images/qywx/design_sharing02.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a:hover span.second {
  background: url("../images/qywx/design_replication02.png") no-repeat left
    center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a:hover span.third {
  background: url("../images/qywx/design_deletion02.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .dopop_up a:hover span.fourth {
  background: url("../images/qywx/design_download02.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow
  .case_item
  .mcl_pd
  .float_floor
  .dopop_up
  a:hover
  span.download_btn {
  background: url("../images/design_download02.png") no-repeat left center;
  background-size: 22px auto;
}

.waterfallflow .case_item .mcl_pd .float_floor .case_edit_url {
  display: block;
  width: 120px;
  height: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
  color: #14cfa6;
  opacity: 0.95;
}

.waterfallflow .case_item .mcl_pd .float_floor .case_edit_url a {
  padding-left: 25px;
  background: url("../images/qywx/edit_icon.png") no-repeat center left;
  background-size: 20px;
  color: #14cfa6;
}

.waterfallflow .case_item .mcl_pd .float_floor .case_edit_url:hover {
  opacity: 1;
}

.waterfallflow .case_item .mcl_pd .float_floor .mini_deit {
  width: 40px;
}

.waterfallflow .case_item .mcl_pd .float_floor .mini_deit a {
  padding-left: 0;
  background: url("../images/case-down.png") no-repeat center;
  background-size: 20px;
  font-size: 0;
  height: 20px;
  width: 20px;
  display: block;
  margin: 11px auto 0;
  color: #14cfa6;
}

.waterfallflow .case_item .fh5co-desc {
  padding: 0 10px;
}

.waterfallflow .case_item .mcl_pd:hover .float_floor {
  opacity: 1;
  z-index: 10;
}

.waterfallflow .case_item .mixed_name {
  position: relative;
  padding-top: 11px;
  height: 32px;
  margin: 0 10px;
}

.waterfallflow .case_item .mixed_name .name_box {
  display: inline-block;
  padding-right: 24px;
  position: absolute;
  left: 0;
  top: 11px;
  max-width: 100%;
}

.waterfallflow .case_item .mixed_name .name_box .show_name {
  color: #333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.waterfallflow .case_item .mixed_name .name_box .name_edit_icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/personal_center/title_edit_icon.png") no-repeat
    center;
  background-size: 20px auto;
  cursor: pointer;
  opacity: 0;
}

.waterfallflow .case_item .mixed_name:hover .name_box .name_edit_icon {
  opacity: 1;
}

.waterfallflow .case_item .mixed_name .name_edit_input {
  display: none;
  width: 100%;
  border: none;
  border-bottom: 1px dashed #ddd;
}

.waterfallflow .case_item .mixed_name .name_edit_show {
  display: block;
}

/* 收藏 */
.browser_collection {
  background: #ff8458;
}

.browser_collection .container p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  margin: 16px 0;
}

.browser_collection .container p span {
  display: inline-block;
  border-radius: 5px;
  color: #333;
  text-align: center;
  padding: 0 10px;
  background: #fff;
  margin: 0 8px;
}

/* 为我推荐广告弹窗 */
.referrals_popup {
  width: 345px;
  height: 450px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2003;
  margin-left: -172.5px;
  margin-top: -225px;
  display: none;
}

.referrals_popup .close_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.referrals_popup .close_btn img {
  display: block;
  width: 100%;
}

.referrals_popup a {
  display: block;
}

.referrals_popup a img {
  display: block;
  width: 100%;
}

/* 个人中心为我推荐搜索 */
.personal_retrieval {
  position: relative;
  background: #14cfa6;
  height: auto;
  /* margin-bottom: 30px; */
  border-radius: 5px 5px 0 0;
}

.personal_retrieval .pr_box {
  position: absolute;
  z-index: 1;
}

.personal_retrieval .pr_box01 {
  width: 220px;
  height: 76px;
  bottom: 0;
  right: left;
  background: url("../images/personal_center/personal_retrieval03.png")
    no-repeat;
  background-size: 100% auto;
}

.personal_retrieval .pr_box02 {
  width: 250px;
  height: 100%;
  left: 18.75%;
  top: 0;
  background: url("../images/personal_center/personal_retrieval04.png")
    no-repeat;
  background-size: 100% auto;
}

.personal_retrieval .pr_box03 {
  width: 176px;
  height: 111px;
  right: 0;
  bottom: 0;
  background: url("../images/personal_center/personal_retrieval05.png")
    no-repeat;
  background-size: 100% auto;
}

.personal_retrieval .center {
  max-width: 620px;
  margin: 0 auto;
  position: relative;
  z-index: 12;
  /* padding: 40px 15px 0; */
  padding: 40px 0;
}

.personal_retrieval .center h3 {
  color: #fff;
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 25px;
}

.personal_retrieval .center .inputs_box {
  border-radius: 3px;
  position: relative;
}

.personal_retrieval .center .inputs_box .leftscreen ul {
  display: flex;
  color: #fff;
}

.personal_retrieval .center .inputs_box .leftscreen ul li {
  padding: 0 15px;
  font-size: 18px;
  cursor: pointer;
  line-height: 48px;
}

.personal_retrieval .center .inputs_box .leftscreen ul li.on {
  background: #fff;
  border-radius: 3px 3px 0 0;
  color: #14cfa6;
  font-weight: 500;
}

.personal_retrieval .center .inputs_box .right_input {
  padding-right: 74px;
  display: block;
  width: 100%;
  line-height: 54px;
  border: none;
  text-indent: 1em;
  background: none;
  background: #fff;
  border-radius: 0 3px 3px 3px;
  overflow: hidden;
}

.personal_retrieval .center .inputs_box .right_input::placeholder {
  color: #ccc;
}

.personal_retrieval .center .inputs_box .search_more_btn {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 64px;
  height: 44px;
  background: url("../images/start_icon.png") no-repeat center #14cfa6;
  border-radius: 3px;
  background-size: 22px auto;
}

.personal_retrieval .center .sjmb_list {
  display: none;
  justify-content: center;
  margin-top: 20px;
}

.personal_retrieval .center .sjmb_list a {
  display: block;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  line-height: 27px;
  padding: 0 10px;
  margin: 0 5px;
}

.personal_retrieval .center .showflex {
  display: flex;
}

.not_result_like {
  border-top: 1px solid #eeeeef;
  padding-top: 50px;
}

.not_result_like h3 {
  font-size: 20px;
  text-align: center;
  color: #333;
  font-weight: 500;
}

/* 收藏成功提示 */
.collection_box {
  position: fixed;
  top: 40px;
  left: 50%;
  width: 298px;
  height: 46px;
  margin-left: -149px;
  border: 1px solid #999;
  border-radius: 3px;
  z-index: 101;
  display: none;
  background: #fff;
  transition: top 0.4s;
  -moz-transition: top 0.4s;
  /* Firefox 4 */
  -webkit-transition: top 0.4s;
  /* Safari 和 Chrome */
  -o-transition: top 0.4s;
  /* Opera */
}

.collection_box p {
  line-height: 46px;
  font-size: 14px;
  margin-left: 20px;
  color: #333;
}

.collect_show {
  top: 72px;
}

.collection_box a {
  position: absolute;
  right: 10px;
  display: block;
  line-height: 30px;
  text-align: center;
  background: #ddfff7;
  border-radius: 3px;
  color: #14cfa6;
  text-align: center;
  top: 9px;
  width: 52px;
}

.collect_wechat_bg {
  background: #000;
  opacity: 0.5;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2002;
}

.collect_wechat_pupop {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 438px;
  height: 328px;
  margin-left: -219px;
  margin-top: -164px;
  z-index: 2003;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 30px 24px;
  color: #333;
  text-align: center;
  display: none;
}

.collect_wechat_pupop .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: unset;
  width: 15px;
  height: 15px;
  background: url(../images/cancel.png) no-repeat center;
  background-size: 100% auto;
}

.collect_wechat_pupop .copy_link {
  height: 45px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 0 13px;
  position: relative;
}

.collect_wechat_pupop .copy_link span {
  float: left;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 370px;
}

.collect_wechat_pupop .copy_link .copy_url_btn {
  border: 1px solid #dddddd;
  width: 87px;
  height: 35px;
  margin: 4px 0px;
  text-align: center;
  line-height: 33px;
  position: absolute;
  top: 0;
  right: 3px;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

.collect_wechat_pupop .copy_link .urlTxt {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.collect_wechat_pupop img {
  display: block;
  width: 150px;
  height: 151px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
}

.collect_wechat_pupop p {
  text-align: center;
  display: inline-block;
  padding-left: 30px;
  background: url("../images/design_template/weixin.png") no-repeat left center;
  background-size: 27px auto;
  margin-top: 0;
  line-height: 30px;
}

@media (max-width: 1600px) {
  .my_design .my_design_panel .mydesign_five_list {
    width: 25%;
  }

  .my_design .my_design_panel .mydesign_eight_list {
    width: 16.66666666%;
  }
}

@media (max-width: 1550px) {
  .pcViMaterialWork .father_container ul .list_f_node {
    margin-right: 30px !important;
  }

  .pcViMaterialWork .father_container ul .list_f_node:first-child {
    margin-right: 30px !important;
  }
}

@media (max-width: 1440px) {
  .index_banner .con p.watchword {
    margin-bottom: 15px;
  }

  .index_banner .btn-design-go-banner {
    margin-top: 0px;
  }

  .index_banner .btn-custom-go-banner {
    margin-top: 0px;
  }

  .jq-toast-wrap {
    width: 280px;
  }

  .toast_cont p {
    margin-top: 19px;
    margin-left: 120px;
    font-size: 12px;
  }

  .toast_cont span {
    margin-left: 120px;
  }

  .toast_cont img {
    width: 110px;
  }

  .index_banner .landing_con {
    padding-top: 200px;
    width: 725px;
  }

  .index_banner .landing_con h2 {
    font-size: 24px;
  }

  .index_banner .landing_con .wrapper {
    margin-top: 15px;
  }

  .index_banner .landing_con .wrapper .half_boxes {
    padding: 15px 0;
  }

  .index_banner .landing_con .wrapper .half_boxes .hb_center h3 {
    margin-bottom: 6px;
  }

  .index_banner .landing_con .wrapper .half_boxes .hb_center a {
    margin: 15px 0;
  }

  .index_banner .landing_con .wrapper .left_half .hb_center a {
    margin-right: 0;
    margin-left: auto;
  }

  .index_banner .landing_con .wrapper .half_boxes .hb_center .from_box {
    width: 255px;
  }

  .index_banner .landing_con .wrapper .half_boxes .hb_center .from_box input {
    width: 255px;
  }

  .my_design .my_design_panel .mydesign_four_list {
    width: 33.33333%;
  }

  .my_design .my_design_panel .mydesign_five_list {
    width: 33.33333%;
  }

  .my_design .my_design_panel .mydesign_eight_list {
    width: 20%;
  }

  .pcViMaterialWork .father_container ul li .icon_contariner {
    display: none;
  }

  .pcViMaterialWork .father_container ul .list_f_node:first-child {
    margin-right: 30px !important;
  }
}

@media (max-width: 1200px) {
  .advantage_wrap .ad-1,
  .advantage_wrap .ad-2,
  .advantage_wrap .ad-3,
  .advantage_wrap .ad-4 {
    opacity: 0.5;
  }

  .advantage_wrap .ad-3 {
    background-size: 110px auto;
  }

  .my_design .my_design_panel .mydesign_four_list {
    width: 50%;
  }

  .my_design .my_design_panel .mydesign_five_list {
    width: 50%;
  }

  .my_design .my_design_panel .mydesign_eight_list {
    width: 33.33%;
  }
}

.design_iframe {
  display: none;
  width: 1130px;
  height: 560px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 6001;
  border-radius: 3px;
  margin: -280px 0 0 -565px;
  background: white;
}

.pay_vip {
  display: none;
  width: 980px;
  height: auto;
  min-height: 580px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 5001;
  border-radius: 3px;
  /* margin: -295px 0 0 -405px; */
  transform: translate(-50%, -50%);
  background: white;
}

.other_icase_tabs {
  position: absolute;
  right: 0;
  top: 7px;
}

.other_icase_tabs ul li {
  float: left;
  margin-right: 10px;
}

.other_icase_tabs ul li:last-child {
  margin-right: 0;
}

.other_icase_tabs ul li a {
  display: block;
  line-height: 34px;
  background: #eaeaea;
  color: #333;
  font-size: 14px;
  padding: 0 15px;
  border-radius: 3px;
}

.other_icase_tabs ul li a:hover {
  color: #14cfa6;
}

.sw_share_box {
  justify-content: center;
  align-items: center;
}

.swiper-container .sw_share_box .share_pictures {
  margin: 0;
  max-height: 90%;
  height: auto;
  max-width: 90%;
  z-index: 1;
}

/* 商标注册查询页样式调整 */
.txz_wrap .sbcx_tm_banner {
  background: #fff;
}

.txz_wrap .sbcx_tm_banner .sbcx_icons {
  position: absolute;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon01 {
  width: 30px;
  height: 30px;
  background: url("../images/tm/sbcx_icon01.png") no-repeat center;
  background-size: 30px auto;
  left: 9.6%;
  top: 20.6%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon02 {
  width: 50px;
  height: 50px;
  background: url("../images/tm/sbcx_icon02.png") no-repeat center;
  background-size: 50px auto;
  left: 19.4%;
  bottom: 24.33%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon03 {
  width: 90px;
  height: 90px;
  background: url("../images/tm/sbcx_icon03.png") no-repeat center;
  background-size: 90px auto;
  left: 25%;
  top: 33.16%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon04 {
  width: 90px;
  height: 90px;
  background: url("../images/tm/sbcx_icon04.png") no-repeat center;
  background-size: 90px auto;
  left: 35.4%;
  bottom: 2.5%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon05 {
  width: 60px;
  height: 60px;
  background: url("../images/tm/sbcx_icon05.png") no-repeat center;
  background-size: 60px auto;
  left: 41.61%;
  top: 9%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon06 {
  width: 89px;
  height: 85px;
  background: url("../images/tm/sbcx_icon06.png") no-repeat center;
  background-size: 89px auto;
  right: 27.29%;
  top: 14%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon07 {
  width: 25px;
  height: 25px;
  background: url("../images/tm/sbcx_icon07.png") no-repeat center;
  background-size: 25px auto;
  right: 27.29%;
  top: 42.6%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon08 {
  width: 90px;
  height: 90px;
  background: url("../images/tm/sbcx_icon08.png") no-repeat center;
  background-size: 90px auto;
  right: 14.11%;
  bottom: 15.16%;
}

.txz_wrap .sbcx_tm_banner .sbcx_icon09 {
  width: 90px;
  height: 90px;
  background: url("../images/tm/sbcx_icon09.png") no-repeat center;
  background-size: 90px auto;
  right: 9.4%;
  top: 38.5%;
}

.txz_wrap .sbcx_tm_banner .banner_con {
  padding-top: 170px;
}

.txz_wrap .sbcx_tm_banner .banner_con h3 {
  color: #000;
  font-size: 48px;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
}

.txz_wrap .sbcx_tm_banner .banner_con .sbcx_tab_tit {
  margin: 40px auto 25px;
}

.txz_wrap .sbcx_tm_banner .banner_con .sbcx_tab_tit ul {
  font-size: 0;
  width: 382px;
  margin: 0 auto;
}

.txz_wrap .sbcx_tm_banner .banner_con .sbcx_tab_tit ul li {
  display: inline-block;
  line-height: 20px;
  width: 33.33%;
  text-align: center;
  border-left: 1px solid #ddd;
  font-size: 18px;
  color: #333;
  cursor: pointer;
}

.txz_wrap .sbcx_tm_banner .banner_con .sbcx_tab_tit ul li:first-child {
  border: none;
}

/* .txz_wrap .sbcx_tm_banner .banner_con .sbcx_tab_tit ul li:hover {
  color: #14cfa6;
} */

.txz_wrap .sbcx_tm_banner .banner_con .sbcx_tab_tit ul li.on {
  color: #14cfa6;
}

.txz_wrap .sbcx_tm_banner .banner_con .search_box {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  height: 70px;
  margin: 0 auto;
}

.txz_wrap .sbcx_tm_banner .banner_con .search_box input[type="text"] {
  line-height: 66px;
  color: #333;
  width: 495px;
  letter-spacing: 0;
}

.txz_wrap
  .sbcx_tm_banner
  .banner_con
  .search_box
  input[type="text"]::placeholder {
  color: #999;
}

.txz_wrap
  .sbcx_tm_banner
  .banner_con
  .search_box
  input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}

.txz_wrap
  .sbcx_tm_banner
  .banner_con
  .search_box
  input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

.txz_wrap
  .sbcx_tm_banner
  .banner_con
  .search_box
  input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}

.txz_wrap .sbcx_tm_banner .banner_con .search_box .search_btn {
  height: 60px;
  line-height: 60px;
  background: #14cfa6;
  top: 5px;
  right: 5px;
  width: 100px;
  border-radius: 3px;
}

.txz_wrap .sbcx_tm_banner .banner_con .search_box .search_btn i {
  background: url("../images/start_icon.png") no-repeat center;
  background-size: 22px auto;
  margin-right: 0;
}

.txz_wrap .sbcx_tm_banner .banner_con .qw_banner_tips {
  bottom: 40px;
  color: #999;
}

.txz_wrap .txz_main .our_customers {
  background: #f8f8fa;
}

.txz_wrap .txz_main .sbcx_two_service ul.ser_nav {
  background: #fff;
  padding-top: 50px;
  height: 112px;
}

.txz_wrap .txz_main .sbcx_two_service ul.ser_nav li.sbcx_tab a.tabulous_active {
  color: #14cfa6 !important;
}

.txz_wrap .txz_main .sbcx_two_service ul.ser_nav li:first-child {
  border-right: 1px solid #eeeeef;
}

#txz_service_1 .sbcx_con {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con .step_p span img.sbcx_step {
  width: 50px;
}

#txz_service_1 .sbcx_con .package_reg .package_box h4 {
  color: #14cfa6;
}

#txz_service_1 .sbcx_con .package_reg .package_box h4:before {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con .package_reg .package_box a {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con02 {
  background: #f8f8fa;
}

#txz_service_1 .sbcx_con02 .reg_tips_txt li:after {
  background: #ddd;
}

#txz_service_1 .sbcx_con03 .reject_case .left {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con03 .reject_case .left .left_con h5 {
  color: #14cfa6;
}

#txz_service_1 .sbcx_con03 .reject_case .left .left_con h5:after {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con03 .reject_case .left .left_con a.deep_blue_btn {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con04 {
  background: #f8f8fa;
}

#txz_service_1 .sbcx_con04 .protect_reg {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con04 .protect_reg .left h5 {
  color: #14cfa6;
}

#txz_service_1 .sbcx_con04 .protect_reg .left h5:after {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con04 .protect_reg .left .deep_blue_btn {
  background: #14cfa6;
}

#txz_service_1 .sbcx_con04 .bottom_img {
  background: url("../images/images/bottom_img01.png") no-repeat center;
  background-size: 100%;
}

#txz_service_1 .sbcx_con04 .bottom_img a {
  background: #14cfa6;
  box-shadow: none;
}

#txz_service_2 .sbcx_con {
  background: #14cfa6;
}

#txz_service_2 .sbcx_con .step_p span img.sbcx_step {
  width: 50px;
}

#txz_service_2 .sbcx_con .package_reg .package_box h4 {
  color: #14cfa6;
}

#txz_service_2 .sbcx_con .package_reg .package_box h4 p {
  color: #14cfa6;
}

#txz_service_2 .sbcx_con .package_reg .package_box a {
  background: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service .compare_con .right h5 {
  color: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service .compare_con .right h5:after {
  background: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service {
  background: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service .buy_con > div h5 {
  color: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service .buy_con > div h5:after {
  background: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service .buy_con > div .deep_blue_btn {
  background: #14cfa6;
}

#txz_service_2 .sbcx_con02 .our_service .compare_con .left .path_img,
#txz_service_2 .sbcx_con02 .our_service .compare_con .right .path_img {
  width: 100%;
  max-width: 407px;
}

.txz_wrap .txz_main .tmsbcx_cb .bottom_con_1 {
  background: #14cfa6;
}

.txz_wrap .txz_main .tmsbcx_cb .bottom_con_2 a {
  color: #14cfa6;
}

.txz_wrap .txz_main .tmsbcx_cb .bottom_con_2 a i {
  background: #14cfa6;
}

.tm_common_pop .modal-dialog {
  margin: 120px auto;
}

.video_play_box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 3010;
  display: none;
}

.video_play_box .vpb_box {
  width: 1200px;
  height: 560px;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -600px;
  margin-top: -280px;
}

.video_play_box .vpb_box .video-js {
  width: 100%;
  height: 100%;
}

.video_play_box .vpb_box .video-js .vjs-big-play-button {
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -45px;
  display: none;
}

.video_play_box .vpb_box .video_close {
  position: absolute;
  top: 0;
  right: -40px;
  width: 30px;
  height: 30px;
  background: url(../images/video_close_icon.png) no-repeat center;
  background-size: 30px auto;
  cursor: pointer;
}

.video_play_box .vpb_box video {
  width: 100%;
}

.win_prize_link {
  display: block;
  width: 254px;
  margin: 60px auto 0;
}

.win_prize_link img {
  width: 100%;
}

/* 钻石充值页面 */
.diamonds_recharge_wrap {
  background: #f6f7fb;
  padding: 100px 0;
}

.diamonds_recharge_wrap .dr_container {
  max-width: 1200px;
  background: #fff;
  margin: 0 auto;
  padding: 30px 30px 115px 30px;
}

.diamonds_recharge_wrap .dr_container .customer_balance {
  height: 64px;
}

.diamonds_recharge_wrap .dr_container .customer_balance .cb_header {
  float: left;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
}

.diamonds_recharge_wrap .dr_container .customer_balance .cb_header img {
  display: block;
  width: 100%;
}

.diamonds_recharge_wrap .dr_container .customer_balance .cb_info {
  margin-left: 74px;
  padding-top: 7px;
}

.diamonds_recharge_wrap .dr_container .customer_balance .cb_info p {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

.diamonds_recharge_wrap .dr_container .customer_balance .cb_info span {
  display: block;
  font-size: 26px;
  line-height: 1.4;
  color: #e7bc7b;
  margin-top: 2px;
  padding-left: 28px;
  background: url("../images/personal_center/diamond_icon03.png") no-repeat left
    center;
  background-size: 26px auto;
}

.diamonds_recharge_wrap .dr_container .choose_tit {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin: 30px 0 15px;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul {
  display: flex;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li {
  margin-right: 15px;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a {
  display: block;
  border: 1px solid #e5e5e5;
  width: 139px;
  text-align: center;
  border-radius: 3px;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a p.coin {
  color: #333;
  margin-top: 30px;
  font-size: 24px;
  letter-spacing: 0;
  font-weight: 500;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a p.coin span {
  font-size: 14px;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a p.rmb_coin {
  font-size: 18px;
  color: #e7bc7b;
  margin-top: 5px;
  font-weight: 500;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a p.recharge_btn {
  display: block;
  margin: 30px 15px 15px;
  border: 1px solid #14cfa6;
  border-radius: 3px;
  line-height: 38px;
  color: #14cfa6;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a:hover {
  border: 1px solid #14cfa6;
  background: #f8fffd;
}

.diamonds_recharge_wrap .dr_container .recharge_list ul li a:hover p.rmb_coin {
  color: #14cfa6;
}

.diamonds_recharge_wrap
  .dr_container
  .recharge_list
  ul
  li
  a:hover
  p.recharge_btn {
  background: #14cfa6;
  color: #fff;
}

.diamonds_recharge_wrap .dr_container .recharge_tips {
  margin-top: 30px;
  font-size: 12px;
}

.diamonds_recharge_wrap .dr_container .recharge_tips h4 {
  color: #666;
  font-weight: 500;
  font-size: 12px;
}

.diamonds_recharge_wrap .dr_container .recharge_tips p {
  margin-top: 10px;
  line-height: 1.4;
  color: #999;
}

.diamonds_recharge_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 4001;
  display: none;
}

.payment_box_mode {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 460px;
  margin-left: -200px;
  margin-top: -230px;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  color: #333;
  z-index: 100;
}

.payment_box_mode a.pbm_close {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url(../images/personal_center/payment_close.png) no-repeat center;
  background-size: 15px auto;
  cursor: pointer;
  z-index: 1;
}

.payment_box_mode > div:first-of-type {
  background: #14cfa6;
  height: 143px;
  border-radius: 5px 5px 0 0;
  text-align: center;
}

.payment_box_mode > div:first-of-type .pbm_text {
  display: inline-block;
  padding-left: 80px;
  background: url(../images/personal_center/payment.png) no-repeat left center;
  background-size: 70px auto;
  height: 87px;
  color: #fff;
  line-height: 1.4;
  text-align: left;
  margin: 34px auto 0;
}

.payment_box_mode > div:first-of-type .pbm_text span {
  display: block;
  font-size: 20px;
}

.payment_box_mode > div:first-of-type .pbm_text p {
  font-size: 38px;
}

.payment_box_mode > div:nth-of-type(2) {
  padding: 30px 56px 20px;
}

.payment_box_mode > div:nth-of-type(2) img {
  width: 100%;
  display: block;
  max-width: 170px;
  margin: 0 auto;
}

.payment_box_mode > div:nth-of-type(2) p.pbm_completed {
  margin-top: 11px;
  color: #666;
  font-size: 14px;
  margin-bottom: 32px;
}

.payment_box_mode > div:nth-of-type(2) p.reading_clause {
  font-size: 12px;
  color: #999;
}

.payment_box_mode > div:nth-of-type(2) p.reading_clause span {
  padding-left: 20px;
  height: 16px;
  background: url(../images/personal_center/readed_icon.png) no-repeat left
    center;
  background-size: 16px;
}

.payment_box_mode > div:nth-of-type(2) p.reading_clause a {
  color: #14cfa6;
}

.cancel_payment_box {
  position: fixed;
  width: 400px;
  height: 160px;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -200px;
  background: #fff;
  border-radius: 3px;
  display: none;
}

.cancel_payment_box .cpb_close {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url(../images/personal_center/payment_close01.png) no-repeat
    center;
  background-size: 15px auto;
  cursor: pointer;
  z-index: 1;
}

.cancel_payment_box p {
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 30px;
  margin-left: 20px;
}

.cancel_payment_box .payment_yn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 0;
}

.cancel_payment_box .payment_yn a {
  display: inline-block;
  margin-left: 10px;
  line-height: 36px;
  width: 92px;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
}

.cancel_payment_box .payment_yn a.payment_cancel {
  border: 1px solid #ddd;
  color: #666;
}

.cancel_payment_box .payment_yn a.payment_continue {
  border: 1px solid #14cfa6;
  background: #14cfa6;
  color: #fff;
}

.about_cont .empower_tit {
  margin-bottom: 15px;
  font-weight: 500;
}

table.empower_scope {
  width: 100%;
  max-width: 700px;
  border-collapse: collapse;
  border: none;
  margin: 30px 0;
}

table.empower_scope tbody tr td {
  border: 1px solid #333;
}

table.empower_scope tbody tr td.scope {
  width: 100px;
}

table.empower_scope tbody tr td.scope span {
  padding: 5px;
  line-height: 30px;
}

table.empower_scope tbody tr td i {
  font-style: normal;
  text-align: center;
  display: block;
}

table.empower_scope tbody tr td p {
  margin: 5px;
}

table.empower_scope tbody tr td.empower_yn {
  text-align: center;
  width: 70px;
}

/* 修改设计模式样式 */
/* 修改一件收藏 */
.updata_oclick_collect_style {
  border: none !important;
  padding-left: 25px;
  background: url(../images/personal_center/md_collect_icon05.png) no-repeat
    left center;
  background-size: 20px;
  width: auto !important;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #14cfa6;
  line-height: 20px;
}

.updata_oclick_collect_style:hover {
  padding-left: 25px;
  background: url(../images/personal_center/md_collect_icon06.png) no-repeat
    left center !important;
  background-size: 20px !important;
  color: #14cfa6 !important;
}

.updata_oclick_Checked {
  padding-left: 25px;
  background: url(../images/personal_center/md_collect_icon04.png) no-repeat
    left center !important;
  background-size: 20px !important;
}

.updata_oclick_collect_style:hover {
  padding-left: 25px;
  background: url(../images/personal_center/md_collect_icon04.png) no-repeat
    left center !important;
  background-size: 20px !important;
}

/* 修改设计模式首页title */
.updata_cateIndexStyle_mtlLine .container {
  position: relative;
  overflow: hidden;
  height: 50px;
}

.updata_cateIndexStyle_mtlLine .container ul {
  border-bottom: none;
  margin-bottom: 0;
  white-space: nowrap;
}

.updata_cateIndexStyle_mtlLine .container ul li {
  margin: 0;
  /* clear: both; */
  display: inline-block;
  width: auto;
  max-width: 154px !important;
}

.updata_cateIndexStyle_mtlLine .container ul li p {
  padding: 0 15px;
  border-radius: 3px;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}

.updata_cateIndexStyle_mtlLine .container ul li p a img {
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

.updata_cateIndexStyle_mtlLine .container ul li p a span {
  vertical-align: middle;
}

.updata_cateIndexStyle_mtlLine .container ul li.on p {
  background: #e9fef9;
}

/* 左右按钮 */
.updata_cateIndexStyle_mtlLine .roll_next {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background: url("../images/design_template/roll_prev01.png") no-repeat center
    #fff;
  background-size: 20px auto;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -20px;
  z-index: 100;
  cursor: pointer;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.updata_cateIndexStyle_mtlLine .roll_next:hover {
  background: url("../images/design_template/roll_prev02.png") no-repeat center
    #14cfa6;
  background-size: 20px auto;
}

.updata_cateIndexStyle_mtlLine .roll_prev {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  background: url("../images/design_template/roll_next01.png") no-repeat center
    #fff;
  background-size: 20px auto;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -20px;
  z-index: 100;
  cursor: pointer;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.updata_cateIndexStyle_mtlLine .roll_prev:hover {
  background: url("../images/design_template/roll_next02.png") no-repeat center
    #14cfa6;
  background-size: 20px auto;
}

.updata_cateIndexStyle_mtlLine .swiper-button-disabled {
  display: none;
}

.updata_cateIndexStyle_secondaryList {
  height: 50px;
  overflow: hidden;
}

.updata_cateIndexStyle_secondaryList > .container {
  background: #e9fef9;
  padding: 6px 20px;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.updata_cateIndexStyle_secondaryList .container ul {
  width: calc(100% - 50px);
  margin-right: 0 !important;
}

.show_put_more_away {
  width: 50px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  padding-top: 9px;
}

.show_more_away {
  cursor: pointer;
  padding-right: 21px;
  background: url(../images/personal_center/leftscreen_arrow001.png) no-repeat
    right center;
  background-size: 16px !important;
}

.show_put_away {
  display: none;
  cursor: pointer;
  padding-right: 21px;
  background: url(../images/personal_center/leftscreen_arrow002.png) no-repeat
    right center;
  background-size: 16px !important;
}

/* 新手引导的样式 */
/* .cd-single-step {
  position: relative;
} */
.cd-more-info {
  padding: 20px;
  width: 400px;
  height: 151px;
  background: #333333;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  position: absolute;
  z-index: 30;
  top: 100px;
  right: -340px;
  display: none;
}

.tour-connect {
  width: 358px !important;
  height: 73px !important;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  display: inline-block;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  margin-right: 0;
}

.v-tour-button {
  text-align: right;
  font-size: 14px;
  font-weight: 400;
}

.v-tour-next,
.v-tour-stop-last {
  width: 94px;
  height: 38px;
  border: none;
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 9px 19px;
}

.v-tour-stop {
  width: 32px;
  height: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  border: none;
  color: #999999;
  line-height: 20px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #333;
  margin-right: 10px;
}

.v-step__arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 42px;
  transform: translate(125px, 0px);
  background: #333;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
  visibility: visible;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -5px;
}

.tourMask {
  width: calc(100vw);
  height: 0;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 29;
  opacity: 0;
}

header div ul .help_support {
  float: right;
  cursor: pointer;
  position: relative;
}

header div ul .help_support a.hs_btn {
  line-height: 60px;
  display: block;
}

header div ul .help_support a.hs_btn:focus {
  color: #333;
}

header div ul .help_support .hs_boxes {
  position: absolute;
  left: 0;
  top: 60px;
  width: 200px;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  display: none;
}

header div ul .help_support .hs_boxes a {
  display: block;
  line-height: 36px;
  padding-left: 15px;
  color: #333;
  font-size: 14px;
}

header div ul .help_support .hs_boxes a:hover {
  background: #f5f5f5;
  color: #333;
}

header div ul .help_support .hs_boxes .hs_card {
  border-top: 1px solid #f5f5f5;
  text-align: center;
  padding: 20px 0;
}

header div ul .help_support .hs_boxes .hs_card p {
  line-height: 1;
  color: #333;
  font-size: 14px;
}

header div ul .help_support .hs_boxes .hs_card img {
  display: block;
  max-width: 108px;
  margin: 5px auto;
}

header div ul .help_support .hs_boxes .hs_card span {
  display: block;
  line-height: 1;
  color: #999;
}

.mt_style_design {
  margin-top: 50px;
}

.mt_short {
  margin-top: 30px;
}

.mt_style_design .mt_style_design_individual {
  width: 186px;
  height: auto;
}

/* 图片搜索页 */
.mbx_updataClass .pubilc_tit_crumbs .container .dc_menus_box {
  line-height: 0px !important;
}

/* 总容器 */
.bzk_designtemplate_warp {
  /* margin: 20px 0; */
}

.vtourTitle {
  padding-left: 25px;
  background: url(../images/design_auth_thumb.png) no-repeat left center;
  background-size: 30px;
}

/* 搜索框 */
.results_search_images_input {
  width: 80%;
  height: 58px;
  background: #f6f7f8;
  border-radius: 3px;
  padding: 17px 20px;
  margin-top: 0px;
  position: relative;
  margin: 0 auto;
}

.search_options > .images_search_type {
  display: inline-block;
  border-right: 1px solid #dddddd;
  height: 24px;
  width: 97px;
  color: #333;
  background: url("../images/personal_center/leftscreen_arrow001.png") no-repeat
    right center;
  background-size: 16px;
  background-position: 61px;
  float: left;
  line-height: 24px;
}

.search_options_showSelect {
  background: url("../images/personal_center/leftscreen_arrow002.png") no-repeat
    right center !important;
  background-size: 16px !important;
  background-position: 61px !important;
}

.search_options {
  float: left;
  position: relative;
}

.search_selectData {
  display: none;
  width: 120px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  position: absolute;
  left: -20px;
  top: 43px;
  z-index: 2;
}

.search_selectData > ul > li > span:hover {
  background: #f5f5f5;
}

.search_selectData > ul > li > span {
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  /* color: #333333; */
  line-height: 20px;
  cursor: pointer;
  padding: 10px 20px;
  width: 100%;
  height: 36px;
}

.check_search_type {
  background: url("../images/design_download.png") no-repeat 92px center;
  background-size: 15px;
  color: #14cfa6;
}

.mbx_updataClass {
  width: 100%;
  height: 38px;
}

#tmp_search_form {
  float: left;
  padding-left: 15px;
  position: relative;
  width: calc(100% - 120px);
}

.results_search_images_input .search_container {
  position: relative;
  width: 100%;
}

.results_search_images_input .search_container .r_empty_location {
  position: absolute;
  right: -20px;
  top: 5px;
  z-index: 3;
  width: 17px;
  height: 17px;
  background: url(../images/r_empty_icon.png) no-repeat center;
  background-size: 17px auto;
  cursor: pointer;
}

.results_search_images_input .search_container input {
  outline: none;
  background: #f6f7f8;
  border: none;
  padding-left: 10px;
  width: 100%;
  height: 24px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}

.search_container > .search_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #f6f7f8;
  background: url(../images/searcIcon001.png) no-repeat center
    left;
  background-size: 20px;
  position: absolute;
  right: 5px;
  top: 2px;
}

.hot_terms_list {
  position: absolute;
  top: 58px;
  right: 0;
  width: calc(100% - 117px);
  height: auto;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);
  border-radius: 3px;
  padding-bottom: 5px;
}

.hot_terms_list p {
  font-size: 12px;
  color: #999;
  margin-left: 20px;
  line-height: 32px;
  margin-top: 5px;
}

.hot_terms_list ul li a {
  display: block;
  line-height: 32px;
  padding-left: 20px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
}

.hot_terms_list ul li a:hover {
  background: #f9f9f9;
  color: #14cfa6;
}

/* tags */
.image_search_tages {
  width: 100%;
  border-bottom: 1px solid #eeeeef;
  margin: 20px 0 10px 0;
  text-align: center;
}

.image_search_tages > ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.image_search_tages > ul > li {
  display: inline-block;
  padding: 0 0 15px 0;
  width: 80px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
}

.check_tag_type {
  color: #14cfa6 !important;
  border-bottom: 3px solid #14cfa6;
}

.image_search_tages .on {
  color: #14cfa6 !important;
  border-bottom: 3px solid #14cfa6;
}

/* 正版推荐内容 */
.tool_sort_title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}

.tool_sort_title > .title {
  display: inline-block;
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 33px;
}

.tool_sort_title > button {
  width: 78px;
  height: 34px;
  background: #f1f2f5;
  border-radius: 3px;
  border: none;
}

.tool_sort_title > button > span {
  width: 28px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  padding-right: 20px;
  background: url("../images/design_template/more_arrow.png") no-repeat right
    center;
  background-size: 16px 7px;
}

.tool_sort_title > button > span:hover {
  color: #14cfa6;
  background: url("../images/design_template/more_arrow02.png") no-repeat right
    center;
  background-size: 16px 7px;
}

.images_search_legal_sort {
  padding-right: 0;
  padding-left: 0;
  margin-top: 15px;
}

.searchImg_exclusive_mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 11;
  background: url("../images/vip_exclusive_mark.png") no-repeat right center;
  background-size: 18px 18px;
}

.searchImg_Diamond_exclusive_mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  background: url("../images/diamond_exclusive_mark.png") no-repeat right center;
  background-size: 18px 18px;
}

/* -----------------分类----------------- */
.tool_sort ul {
  display: flex;
  justify-content: flex-start;
  /* margin: 20px 0; */
}

.search_sort {
  position: relative;
  margin-right: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  /* padding-right: 21px; */
  background: url(../images/design_template/sort_arrow01.png) no-repeat right
    0px;
  background-size: 20px;
}

.open_select_class {
  background: url(../images/design_template/sort_arrow02.png) no-repeat right
    0px !important;
  background-size: 20px !important;
}

.allcheckSort_value,
.people_where_sort_value,
.allColor_sort_value,
.direction_sort_value {
  /* width: 45px; */
  height: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.allcheckSort_list,
.peopleWhereSort_list,
.allColorSort_list,
.directionSort_list {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 5;
  width: 390px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);
  border-radius: 3px;
  padding: 8px 0;
}

#mongolia_sort {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  height: 1001111px;
  opacity: 0.5;
  background: #000;
}

.allcheckSort_list dl dt {
  float: left;
}

.dl_select {
  z-index: 12;
}

.dl_select dl {
  margin-bottom: 0 !important;
}

.peopleWhereSort_list {
  display: none;
  width: 130px;
  position: absolute;
  top: 36px;
  left: 0;
}

.allColorSort_list {
  display: none;
  width: 150px;
  position: absolute;
  top: 35px;
  left: 0;
  padding: 15px;
}

.directionSort_list {
  display: none;
  width: 130px;
  position: absolute;
  top: 36px;
  left: 0;
}

.dtSortStyle {
  width: 130px;
  height: 36px;
  padding: 8px 15px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  cursor: pointer;
}

.dtSortStyle:hover {
  background: #f5f5f5;
}

.dtSortStyle_check {
  color: #14cfa6;
}

.colorBlock {
  float: left;
  width: 30px;
  height: 30px;
  border: none;
  padding: 0;
  margin: 5px;
  cursor: pointer;
  border-radius: 3px;
}

.colorBlock > div {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  border-radius: 3px;
}

.colorBlock_checkStyle {
  padding: 4px;
  border: 1px solid #14cfa6;
}

.colorBlock > div > img {
  display: none;
  width: 12px;
  height: 12px;
  /* display: none; */
}

/* 未搜索到结果 */
#easy_design_list,
#logo_design_list,
#easy_design_list_vip,
#easy_design_list_vipMore {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.images_search_legal_sort {
  margin: 0;
  padding: 0;
}

.designTel_more {
  display: none;
}

/* #easy_design_list >div, #logo_design_list, #easy_design_list_vip, #easy_design_list_vipMore{
  max-width: 100%;
}


#easy_design_list_vip > div:last-child, #easy_design_list > div:last-child {
  max-width: 40% !important;
} */

/* -----------------会员推荐----------------- */
.image_search_over_gd {
  position: relative;
  background: #f8f8f8;
  /* background: url("../images/loading.png") no-repeat center center;
  background-size: 30px; */
}

.image_search_over_gd img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
}

/* .searchResultsCase_children:nth-last-child(1) {
  max-width: 33%;
} */
#searchResultsCase {
  margin-top: 0 !important;
}

.genuine_pictures {
  display: none;
}

.vip_list_three {
  display: none;
}

.mcchangeGrounp {
  display: none;
}

.vipChangeGroup {
  width: 91px !important;
  height: 34px;
}

.tool_sort_title > .vipChangeGroup > span {
  /* width: 28px;
  height: 20px; */
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 0;
  background: url("../images/Change_it.png") no-repeat left center;
  background-size: 16px 16px;
}

.tool_sort_title > .vipChangeGroup > span:hover {
  color: #14cfa6;
  background: url("../images/Change_it_hover.png") no-repeat left center;
  background-size: 16px 16px;
}

.no_design_noData_connect {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0 20px 0;
}

.new_select {
  outline: none !important;
  position: relative;
  /* float: right; */
  display: inline-block;
  background: url("../images/personal_center/new_select_open02.png") no-repeat
    89px center;
  background-size: 10px 7px;
}

.new_select_open_self {
  background: url("../images/personal_center/new_select_open01.png") no-repeat
    89px center;
  background-size: 10px 7px;
}

.new_select_option_self {
  position: absolute;
  display: none;
  width: 110px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);
  border-radius: 3px;
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 2;
  padding: 10px 10px;
}

.new_select_option_self span {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
}

.new_select_on {
  color: #14cfa6;
  background: url("../images/design_download.png") no-repeat right center;
  background-size: 16px 16px;
}

.no_design_noData_connect span,
.no_design_noData_connect a {
  font-size: 14px;
  font-family: PingFang SC;
  /* font-weight: 500; */
  color: #666;
  line-height: 22px;
}

.feedback_btn_newStyle {
  width: auto !important;
  background: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #14cfa6 !important;
  color: #14cfa6 !important;
}

/* 相似 */
.find_similar {
  padding: 0 10px !important;
  margin-top: 40px;
}

.image_connect_similar {
  width: 350px;
  height: 350px;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #eeeeef;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image_connect_similar img {
  max-width: 100%;
  max-height: 100%;
}

.similar_result {
  margin-top: 50px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}

.collect_btn_mc,
.searchBtn_760,
.clearInput_icon {
  display: none;
}

/* -----------------搜索列表 -----------------*/
/* 搜索text */
.searchNumber {
  margin-top: 50px !important;
  padding: 0 10px;
}

.searchNumber > .title {
  display: inline-block;
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 33px;
}

.searchText_connect {
  /* width: 176px; */
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}

.searchNum {
  color: #333333;
}

/* 列表区 */
.img_search_ul {
  display: flex;
}

.img_search_ul li {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 3px;
  margin: 0 3px;
  float: left;
  /* border: 1px solid  #EEEEEE */
}

.imageSearch_resultList_ul {
  padding: 0;
  margin: 0;
}

.imageSearch_resultList {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 110px;
}

#searchResultsCase,
#viplegal_list,
#moreSameImages_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* margin: 0; */
}

#moreSameImages_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 0 10px;
}

.find_like_btn {
  display: block;
  width: 93px !important;
  height: 36px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 36px;
  color: #14cfa6;
  opacity: 0.95;
}

.find_like_btn span {
  padding-left: 23px;
  background: url(../images/results_mb_input.png) no-repeat center left;
  background-size: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #14cfa6;
  line-height: 20px;
}

.qdwz_span {
  width: 16px;
  height: 16px;
  padding-left: 18px !important;
  padding-left: 25px;
  background: url("../images/personal_center/editor_small02.png") no-repeat
    center left !important;
  background-size: 20px !important;
}

.qdwz_span_use {
  background: url("../images/personal_center/editor_small02.png") no-repeat
    center left !important;
  background-size: 20px !important;
}

.in_imageDetail_index .edit_link_btn span {
  padding-left: 25px;
  background: url("../images/personal_center/editor_small02.png") no-repeat
    center left;
  background-size: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #14cfa6;
  line-height: 20px;
}

.qdwz_span_similar {
  width: 16px;
  height: 16px;
  padding-left: 18px !important;
}

.showTextEditBtn {
  width: 93px !important;
}

.width_Insufficient {
  width: 36px !important;
  height: 36px;
  padding: 0 auto;
}

.mobile_bottom_wrap_grounp {
  display: none;
}

.design_template_imageListConnect {
  margin-bottom: 50px;
}

/* 详情页 */
.image_detail_connect,
.bzk_image_similar {
  background: #f6f7fb;
  padding-top: 80px;
}

/* 图片详情操作 */
.image_details_operation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 40px 10px 50px 10px;
}

.image_details_operation_left {
  width: calc(100% - 410px);
  height: 542px;
  margin-right: 20px;
  padding: 40px 50px;
  background: #ffffff;
  display: flex;
}

.image_details_operation_left > div > img {
  /* width: 100%; */
  /* max-width: calc(100% - 100px);
  max-height: calc(100% - 80px); */
  height: auto;
}

.image_details_operation_right {
  width: 390px;
  height: 542px;
  background: #ffffff;
  padding: 35px;
}

.picture_information {
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.picture_title_connect {
  display: inline-block;
  width: 320px;
  /* height: 66px; */
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  /* line-height: 33px; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.picture_size_connect {
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin: 10px 0;
}

.picture_ispay_connect {
  display: inline-block;
  width: 86px;
  height: 34px;
  background: #f1f2f5;
  border-radius: 2px;
  opacity: 0.7;
  margin: 5px 0;
  text-align: center;
  padding: 7px 15px;
}

.apply_to_design {
  border-bottom: 1px solid #eeeeef;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  /* margin-bottom: 30px; */
}

.application_design {
  position: relative;
}

.apply_to_design_btn {
  width: 320px;
  height: 45px;
  background: #14cfa6;
  border-radius: 3px;
  text-align: center;
  padding: 12px 0;
  border: none;
}

.apply_to_design_btn:hover {
  width: 320px;
  height: 45px;
  background: #00e1b6;
  border-radius: 3px;
}

.collect_btn.on:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.collect_btn_image.on:hover {
  background: url("../images/personal_center/md_collect_icon11.png") no-repeat
    center;
  background-size: 22px auto;
}

.collect_btn_mc_self {
  display: none;
}

.collect_btn_metaril {
  display: none !important;
}

#easy_design_list_materialMore {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 10px;
}

/* 自定义使用弹窗尺寸 */
.design_dimensions_Use {
  display: none;
  position: fixed;
  left: calc(50% - 300px);
  text-align: left;
  top: calc(50% - 200px);
  width: 600px;
  height: 400px !important;
  z-index: 2021;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

/* 自定义搜索框 */
#search_screen_size {
  padding: 10px 12px 10px 41px;
  width: 100%;
  height: 40px;
  background: #f6f7f8;
  border-radius: 3px;
  border: none;
  margin-top: 15px;
}

.self_search_screen_connect {
  position: relative;
  padding: 0 15px;
}

.searchIcon_srceen {
  width: 20px;
  height: 20px;
  background: url(../images/personal_center/searcIcon001.png) no-repeat center;
  background-size: 20px;
  position: absolute;
  left: 27px;
  top: 26px;
  cursor: pointer;
}

.clear_search_screen_size {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: 25px;
  background: url("../images/personal_center/payment_close01.png") no-repeat
    center;
  background-size: 12px;
  z-index: 1002;
}

.customUpdataIndex {
  width: 100%;
  height: 370px;
  display: none;
}

.design_dimensions_size_self {
  width: 100%;
  height: calc(100% - 70px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0px;
  margin-bottom: 15px;
  /* border-bottom: 1px solid #EEF2F8; */
}

.design_dimensions_size_self ul li a {
  line-height: 20px;
  width: 100%;
  height: 40px;
  color: #333;
}

.design_dimensions_size_self ul li:hover {
  background: #f5f5f5;
}

.other_option_self {
  display: inline-block;
  padding: 10px 0;
  width: 320px;
  height: 40px;
  color: #333;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.other_option_self:hover span {
  color: #14cfa6;
}

/* 设计尺寸 */
.design_dimensions {
  display: none;
  position: absolute;
  left: 0;
  text-align: left;
  top: 45px;
  width: 320px;
  height: 427px;
  z-index: 11;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

.mc_No_searchResult {
  display: none;
}

.design_dimensions .design_dimensions_size_self {
  margin-bottom: 0;
  padding: 8px 0 0 0;
  border-bottom: none;
  height: calc(100% - 57px);
}

.design_dimensions .customUpdataIndex {
  height: 181px;
}

.design_dimensions_size {
  width: 320px;
  height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0;
  border-bottom: 1px solid #eef2f8;
}

.design_dimensions_size ul li a {
  line-height: 20px;
  width: 320px;
  height: 40px;
  color: #333;
}

.design_dimensions_size ul li:hover {
  background: #f5f5f5;
}

.noSearchResult {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.noSearchResult_connect {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.close_design_dimensions_Use {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: 0px;
  right: -40px;
  background: url("../images/personal_center/close_dailog_icon.png") no-repeat
    center;
  background-size: 30px;
  z-index: 1002;
}

.noSearchResult_Copywriting {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 20px;
}

.noSearchResult_connect button {
  width: 160px;
  height: 40px;
  background: #14cfa6;
  border-radius: 3px;
  border: none;
}

.noSearchResult_connect button span {
  display: inline-block;
  padding-left: 18px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  background: url("../images/personal_center/white_sum.png") no-repeat left
    center;
  background-size: 12px;
}

.customsize_option {
  display: inline-block;
  width: 320px;
  padding: 10px 15px 10px 32px;
  background: url("../images/personal_center/operation_icon.png") no-repeat 15px
    center;
  background-size: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.customsize_option:hover {
  color: #14cfa6;
  background: url("../images/personal_center/operation_icon03.png") no-repeat
    15px center;
  background-size: 12px;
}

.other_option {
  display: inline-block;
  padding: 10px 15px;
  width: 320px;
  height: 40px;
  color: #333;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.other_option:hover span {
  color: #14cfa6;
}

.new_input_width,
.new_input_height {
  width: 60px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  margin-right: 10px;
}

.isUnlocking {
  width: 20px;
  height: 20px;
  margin: 10px 10px 10px 0;
}

.new_select {
  width: 100px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  padding: 10px 10px;
}

.new_created_btn {
  width: 100%;
  height: 40px;
  background: #14cfa6;
  border-radius: 3px;
  text-align: center;
  padding: 12px 0;
  border: none;
}

.new_created_btn span {
  color: #ffffff;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
}

.new_select option {
  background-color: #f5f7fa;
}

.sizeOptions_class {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}

.current_size {
  display: none;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  line-height: 17px;
}

.custom_dimensions {
  /* display: none; */
  width: 100%;
  height: 125px;
  background: #ffffff;
  padding: 15px;
  /* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); */
  /* border-radius: 3px; */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.custom_dimensions_header {
  width: 100%;
  height: 50px;
  padding: 15px;
  border-bottom: 1px solid #eef2f8;
}

.custom_dimensions_header span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}

.back_design_dimensions_size {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(../images/header_nav_icon07.png) no-repeat center center;
  background-size: 14px;
}

.apply_to_design_useVip {
  margin-top: 10px;
  width: 320px;
  height: 45px;
  border-radius: 3px;
  border: 1px solid #14cfa6;
  background-color: #fff;
}

.apply_to_design_useVip:hover {
  background: #ebfdf9;
}

.apply_to_design_useVip span {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #14cfa6;
  line-height: 20px;
  padding-left: 24px;
  background: url(../images/upgrade_vip.png) no-repeat center left;
  background-size: 20px;
}

.apply_to_design_btn > .connect_explain {
  display: inline-block;
  width: 110px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  padding-left: 24px;
  background: url(../images/apply_to_design_icon.png) no-repeat center left;
  background-size: 20px;
}

.picture_price {
  margin-top: 32px;
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #14cfa6;
  line-height: 20px;
}

.answering_question {
  display: flex;
  flex-direction: column;
  justify-content: left;
  /* padding-top: 30px; */
}

.picture_collection {
  width: 55px;
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  padding-left: 27px;
  background: url(../images/personal_center/md_collect_icon01.png) no-repeat
    center left;
  background-size: 20px;
  margin-top: 20px;
}

.picture_collection:hover {
  color: #14cfa6;
  background: url(../images/personal_center/md_collect_icon05.png) no-repeat
    center left;
  background-size: 20px;
}

.answering_question .picture_collection.on {
  background: url(../images/personal_center/md_collect_icon02.png) no-repeat
    center left !important;
  background-size: 20px !important;
}

.answering_question .picture_collection.on:hover {
  background: url(../images/personal_center/md_collect_icon02.png) no-repeat
    center left !important;
  background-size: 20px !important;
}

.collection_01 {
  display: inline-block;
  padding: 10px 0;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}

.collection_01_Daigo,
.collection_02_Daigo {
  display: none;
  width: 345px;
  height: 127px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(136, 159, 173, 0.14);
  border-radius: 5px;
  position: fixed;
  left: calc(50% - 177px);
  top: calc(50% - 63px);
  padding: 10px 17px;
  z-index: 10001;
}

.close_collection01 {
  height: 20px;
}

.close_collection01 img {
  float: right;
  width: 20px;
  height: 20px;
}

.nectPluat b {
  display: block;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  margin-top: 7px;
}

.nectPluat span {
  height: 44px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
}

.collection_icon {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/doubt_icon.png) no-repeat center center;
  background-size: 16px;
}

.collection01_icon_tips {
  display: none;
  width: 281px;
  /* height: 74px; */
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 20px;
  padding: 15px 18px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}

.collection02_icon:hover .collection02_icon_tips {
  display: block;
}

.collection02_icon_tips {
  display: none;
  width: 281px;
  /* height: 74px; */
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 20px;
  padding: 15px 18px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}

.design_dimensions .new_dailog_Select {
  width: 105px;
  background: url(../images/personal_center/new_select_open02.png) no-repeat
    84px center;
  background-size: 10px 7px;
}

/* 更多相似列表详情 */
.image_more_title {
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}

.dest_crumbs a {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666 !important;
  line-height: 17px;
}

.new_dailog_width,
.new_dailog_height {
  width: 90px;
}

.new_dailog_Select {
  width: 110px;
}

.new_dailog_created_btn {
  width: 120px;
  margin-left: 20px;
  padding: 10px 0;
}

.connect_explain_sizeInfo {
  flex-direction: column;
  justify-content: space-between;
}

.connect_explain_sizeInfo button {
  width: 100%;
}

/* 分享弹窗 */
.pop_share {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-219px, -164px);
  width: 438px;
  height: 328px;
  z-index: 3001;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 30px 24px;
}

.pop_share .close {
  display: block;
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  cursor: pointer;
  opacity: unset;
  width: 20px;
  height: 20px;
  margin-bottom: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.pop_share .copy_link {
  height: 45px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 0px 13px;
}

.pop_share .copy_link span {
  float: left;
  line-height: 45px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.pop_share .copy_link div {
  border: 1px solid #dddddd;
  width: 87px;
  height: 35px;
  margin: 4px 0px;
  text-align: center;
  line-height: 33px;
  position: absolute;
  right: 28px;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

.pop_share p {
  text-align: center;
}

.pop_share p span {
  display: inline-block;
  background: url(../images/weixin_share.png) center no-repeat;
  width: 27px;
  height: 22px;
  background-size: 27px 22px;
  vertical-align: middle;
}

.pop_share img {
  display: block;
  width: 150px;
  height: 151px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
}

.img_swiper_slide_style {
  margin-right: 9px !important;
}

#easy_design_list_vip {
  flex-wrap: nowrap;
}

/* 商标查询优化 */
.trademark_tips {
  display: flex;
  justify-content: center;
  align-items: center;
  color: red;
  padding: 15px 0;
}

.trademark_tips a {
  font-size: 14px;
  color: #666;
}

.trademark_tips a span {
  font-size: 14px;
  color: #ff8458;
}

.activity_copywriting {
  font-size: 12px !important;
  line-height: 12px;
  font-style: normal;
  color: #ff507c !important;
}

#pop_case_submit_reserve .modal-content {
  position: relative;
}

#pop_case_submit_reserve .modal-header {
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1998;
}

#pop_case_submit_reserve .reserve_conect {
  position: absolute;
  top: 0;
  right: 0;
}

#pop_case_submit_reserve .reserve_conect {
  width: 100% !important;
}

#pop_case_submit_reserve .trademark_register {
  margin: 0;
  padding: 0;
}

#pop_case_submit_reserve .trademark_register .register_trade_box {
  margin: 0 auto !important;
  min-height: 465px;
}

#pop_case_submit_reserve .register_flow_path {
  padding: 15px 0;
}

.materials_img {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}


.index_scl_box {
  background: #fff;
  padding: 70px 0 20px;
}

.lp_common_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1051;
  display: none;
}

.from_outer_pop {
  display: none;
  position: fixed;
  width: 840px;
  height: 474px;
  left: 50%;
  top: 50%;
  margin-left: -420px;
  margin-top: -237px;
  background: #fff;
  z-index: 1052;
}

.from_outer_pop .fpp_close {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 15px;
  right: 15px;
  background: url("../images/index_img/tcylp_icon015.png") no-repeat center;
  background-size: 15px auto;
  z-index: 1;
  cursor: pointer;
}

.from_outer_pop .explain_left {
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  background: #136cfb;
  height: 100%;
}

.from_outer_pop .explain_left .center_box {
  padding: 40px 30px;
  color: #fff;
}

.from_outer_pop .explain_left .center_box h3 {
  line-height: 1.4;
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  margin: 0;
}

.from_outer_pop .explain_left .center_box .line {
  width: 36px;
  height: 5px;
  background: #fff;
  margin: 15px 0 30px;
}

.from_outer_pop .explain_left .center_box p {
  color: #fff;
  line-height: 2.14;
  margin-bottom: 50px;
}

.from_outer_pop .explain_left .center_box ul li p {
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: bolder;
}

.from_outer_pop .explain_left .center_box ul li p b {
  padding-right: 5px;
  font-size: 12px;
}

.from_outer_pop .explain_left .center_box ul li p span {
  padding-left: 15px;
  font-weight: normal;
}

.from_outer_pop .explain_left .estimate_icon01 {
  width: 39px;
  height: 39px;
  background: url("../images/index_img/estimate_icon_bg01.png") no-repeat center;
  background-size: 39px auto;
  position: absolute;
  right: 15.7%;
  top: 15%;
}

.from_outer_pop .explain_left .estimate_icon02 {
  width: 33px;
  height: 33px;
  background: url("../images/index_img/estimate_icon_bg02.png") no-repeat center;
  background-size: 33px auto;
  position: absolute;
  right: 20%;
  bottom: 20%;
}

.from_outer_pop .forms_detail {
  margin-left: 45%;
}

.from_outer_pop .forms_detail .fow_pd_box {
  padding: 28px 40px 0;
}

.from_outer_pop .forms_detail .fow_pd_box h3 {
  margin: 0;
  font-size: 22px;
  color: #333;
  font-weight: 500;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose {
  font-size: 0;
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose .input_text {
  margin-bottom: 15px;
  position: relative;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose .input_text span {
  position: absolute;
  left: -15px;
  top: 14px;
  color: #ff517e;
  font-size: 14px;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .input_text
  input[type="text"] {
  width: 100%;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 2px;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  color: #666;
  padding: 0 15px;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .input_text
  input[type="text"]:focus {
  border: 1px solid #136cfb;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .input_text
  input[type="text"]::placeholder {
  color: #999;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .input_text
  .red_tips {
  position: absolute;
  left: 0;
  top: 45px;
  font-size: 12px;
  color: #ff8458;
  display: none;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .warn
  input[type="text"] {
  border: 1px solid #ff8458;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose .select_service {
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose .select_service span {
  position: absolute;
  left: -15px;
  top: 14px;
  color: #ff517e;
  font-size: 14px;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .select_service
  .select_arrow {
  width: 13px;
  height: 8px;
  position: absolute;
  background: url(../images/index_img/tab_blue_arrow.png) no-repeat right center
    transparent;
  background-size: 13px 8px;
  right: 10px;
  top: 20px;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .select_service
  select {
  background: none;
  height: 44px;
  line-height: 40px;
  margin-top: 0;
  border: 1px solid #ededed;
  border-radius: 3px;
  padding-left: 15px;
  width: 100%;
  outline: none !important;
  font-size: 14px;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose textarea {
  max-width: 560px;
  background: #fff;
  display: block;
  width: 100%;
  height: 88px;
  border: 1px solid #edf0ef;
  border-radius: 2px;
  outline: none;
  padding: 10px;
  resize: none;
  font-size: 14px;
  color: #666;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose .sub_btn_box {
  position: relative;
  width: 100%;
}

.from_outer_pop
  .forms_detail
  .fow_pd_box
  .want_do_choose
  .sub_btn_box
  .ql_sub_btn {
  background: #136cfb;
  color: #fff;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  border: none;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose .sub_btn_box span {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 10;
  width: 16px;
  height: 7px;
  background: url("../images/qywx/half_arrow01.png") no-repeat center;
  background-size: 16px auto;
}

.from_outer_pop .forms_detail .fow_pd_box .want_do_choose p.sr_tip {
  color: #999;
  font-size: 14px;
}


/* 会员着陆页功能 */
.design_vip_detail {
  display: block;
  width: 100%;
  background: #000;
  text-align: center;
  /* background: url("../images/vipDetails/desgin_vip_detail.png") no-repeat;
  background-size: 100% 60px; */
}

.center_banner_img {
  display: inline-block;
  height: 50px !important;
  background: url("../images/vipDetails/banner.png") no-repeat;
  background-size: 100% auto;
}

.vip_detail_index {
  margin-top: 60px;
}

.center_conext_top {
  width: 100%;
  height: 100px;
  background: #191d24;
}

.center_conext_top .header_center_top {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: url("../images/vipDetails/vipDeatilTopBg.png") no-repeat right
    center;
  background-size: 260px 100px;
}

.center_conext_top .header_center_top h3 {
  height: 50px;
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 50px;
}

.center_conext_div .introduce ul {
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.center_conext_div .introduce ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  width: 22%;
  padding: 16px;
  border-radius: 6px;
}

.center_conext_div .introduce ul .left_icon {
  width: 54px;
  height: 54px;
  border-radius: 6px;
  border: 1px solid #cccccc;
  background: url("../images/vip_interest01.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(1) .left_icon {
  background: url("../images/vip_interest01.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(2) .left_icon {
  background: url("../images/vip_interest02.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(3) .left_icon {
  background: url("../images/vip_interest03.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(4) .left_icon {
  background: url("../images/vip_interest04.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(5) .left_icon {
  background: url("../images/vip_interest05.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(6) .left_icon {
  background: url("../images/vip_interest06.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(7) .left_icon {
  background: url("../images/vip_interest07.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li:nth-child(8) .left_icon {
  background: url("../images/vip_interest08.png") no-repeat center
    center;
  background-size: 26px 26px;
}

.center_conext_div .introduce ul li div {
  display: flex;
  flex-direction: column;
  padding-left: 19px;
}

.center_conext_div .introduce ul li .right_title {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 25px;
}

.center_conext_div .introduce ul li .desc {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0a7b3;
  line-height: 20px;
  padding-top: 8px;
}
.introduce .title_box {
  display: flex;
  margin-top: 30px;
}
.introduce .title_box span {
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
}

.meitiku .title_box {
  display: flex;
  margin-top: 30px;
}
.meitiku .title_box span {
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
}
.vip_type .price_money {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.vip_type .price_money .now_price_money .price .rmb_icon {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ff4800;
  line-height: 25px;
}

.vip_type .price_money .now_price_money,
.vip_type .price_money .now_price_money .price {
  display: flex;
  align-items: flex-end;
}

.vip_type .price_money .now_price_money .price .rmb {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ff4800;
  line-height: 40px;
}

.price_money .now_price_money .origin_price span {
  padding-left: 10px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 25px;
}

.price_money .original_price span {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0a7b3;
  line-height: 18px;
  text-decoration: line-through;
}

.updatevipshowBtn {
  width: 100%;
  height: 44px;
  background: #14cfa6;
  border-radius: 3px;
  text-align: center;
  margin: 28px 0 25px;
}

.updatevipshowBtn .vip_btn {
  display: inline-block;
  padding: 12px 0 12px;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
}

.coupon_description {
  margin-bottom: 10px;
}

.vip_type .desc_box {
  width: 100%;
  height: auto;
  background: #f6f7f9;
  border-radius: 3px;
  padding: 20px 15px;
}

.frist_desc {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}

.desc_connect_span1 {
  line-height: 18px;
}

.give_tb_num {
  color: #ff4800 !important;
}

.close_tb_desc {
  display: none;
}

.tb_desc_icon,
.tb_desc_icon_download_desc {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url("../images/vip_wh.png") no-repeat center center;
  background-size: 16px 16px;
  position: relative;
  vertical-align: middle;
  margin-top: -4px;
}

.desc_inline_tb,
.desc_inline_tb_download {
  display: none;
  position: absolute;
  right: -255px;
  z-index: 500;
  top: -37px;
  width: 245px;
  height: 74px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  padding: 15px 20px;
}

.coupon_description .desc_inline_tb {
  width: 185px;
  box-sizing: border-box;
  height: auto;
  right: -190px;
  top: -15px;
}

.conext_need {
  display: flex;
  align-items: center;
  padding: 45px 20px 20px 45px;
}

.center_need {
  width: 100%;
  height: 550px;
  background: #f6f7f8;
}

.center_need_left {
  display: flex;
  width: 420px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.center_need_left h2 {
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
}

.center_need_left .sm_desc_need {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  display: inline-block;
  margin: 15px 0 50px;
}

.center_need_left a {
  width: 160px;
  height: 45px;
  background: #14cfa6;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  padding: 12px 25px;
  display: flex;
  align-items: center;
}
.center_need_left a:hover{background: #29e1b9;}
.center_need_left a span {
  display: inline-block;
  width: 16px;
  height: 7px;
  margin-left: 9px;
  background: url("../images/vip_btn02.png") no-repeat center center;
  background-size: 16px 7px;
}

.center_need_right {
  margin-left: 100px;
  width: 680px;
  height: 461px;
  background: url("../images/vip_design.png") no-repeat;
  background-size: 100% 100%;
}

.center_resources {
  width: 100%;
  height: 730px;
  background: #191d24;
  padding: 50px 0 47px;
  text-align: center;
}

.conext_resources .sm_desc_resources {
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}

.conext_resources h2 {
  font-size: 32px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 45px;
  margin: 10px 0 15px;
}

.conext_resources a {
  width: 160px;
  height: 45px;
  background: linear-gradient(313deg, #dcb274 0%, #ffecc6 100%);
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #191d24;
  line-height: 20px;
  padding: 12px 25px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.conext_resources a span {
  display: inline-block;
  width: 16px;
  height: 7px;
  margin-left: 9px;
  background: url("../images/vipDetails/vip_btn01.png") no-repeat center center;
  background-size: 16px 7px;
}

.center_resources .resources_bg {
  width: 100%;
  height: 473px;
  background: url("../images/vipDetails/vip_al.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 25px;
}

.explain_conext {
  padding: 80px 0;
}

.explain_div {
  border: 1px solid #eeeeef;
}

.explain_conext h3 {
  text-align: center;
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
  margin-bottom: 30px;
}

.explain_conext .explain_div .on_down_line {
  display: flex;
}

.explain_conext .explain_div .online_list {
  width: 50%;
  /* height: 429px; */
}

.explain_div .online_list {
  padding: 40px 25px 10px 25px;
}

.explain_div .online_list .online {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 28px;
  margin-bottom: 30px;
  display: inline-block;
}

.explain_online_li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.explain_online_li .sb_one_next h1,
.forbid_the_sale h1 {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 20px;
}

.explain_online_li .sb_one_next div,
.forbid_the_sale div {
  height: 50px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0a7b3;
  line-height: 20px;
  padding-top: 10px;
}

.explain_online_li .is_explain_icon {
  width: 21px;
  height: 21px;
  /* border: 1px dashed #A0A7B3; */
  background: url("../images/vipDetails/answer_bg.png") no-repeat center;
  background-size: 20px 20px;
}

.line_left_border {
  border-right: 1px solid #eeeeef;
}

.forbid_the_sale {
  padding: 20px 25px;
  border-top: 1px solid #eeeeef;
}

.forbid_the_sale div {
  height: auto;
}

.common_problem {
  padding: 50px 0 60px 0;
}

.common_problem h3 {
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
}

.problem_div {
  display: flex;
}

.problem_div .problem_list {
  width: 100%;
  height: auto;
  padding: 20px 20px 20px 20px;
}
.problem_div .problem_one{width: 50%;float: left;}
.this_one {
  padding-right: 53px;
}

.this_two {
  padding-left: 53px;
}

.problem_div .problem_list .problem_one h1 {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222222;
  line-height: 25px;
  margin-top: 30px;
}

.problem_div .problem_list .problem_one div {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0a7b3;
  line-height: 28px;
  margin: 20px 0 10px;
}

#list_button > ul > li > button {
  margin-right: 10px;
  width: 60px;
  height: 34px;
  background-color: #f1f2f5;
  border: none;
  border-radius: 3px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}

#list_button > ul > li > button:hover {
  color: #14cfa6;
}

.easyListClass {
  margin-top: 0 !important;
}

#list_button {
  display: flex;
  padding: 20px 0 !important;
}

.pc_give_coupon {
  display: block !important;
}

.mc_give_coupon {
  display: none !important;
}

/* 返回顶部 */
.goToTop {
  display: none;
  position: fixed;
  bottom: 72px;
  right: 140px;
  z-index: 5000;
}

.goToTop span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/goTop.png") no-repeat center;
  background-size: 100% 100%;
}

.goToTop span:hover {
  background: url("../images/goTopHover.png") no-repeat center;
  background-size: 100% 100%;
}

/* 年终促销活动 */
.activePop {
  font-weight: normal;
  width: 289px;
  height: 376px;
  position: fixed;
  z-index: 2010;
  left: 50%;
  margin-left: -145px;
  top: 50%;
  margin-top: -198px;
  /* background: url("../images/vipDetails/activeImage.png") no-repeat center; */
  /* background-size: 100% 100%; */
  cursor: pointer;
  display: none;
}

#activeImageContainer {
  width: 100%;
  height: auto;
}

.activePop .closeDE {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: -40px;
  background: url("../images/vipDetails/rm_empty_icon.png") no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
}

/* 年终促销活动 */
.work_my_design_img {
  height: auto !important;
}

/* .work_my_design_container {
  border-bottom: none !important;
} */
.work_search_select {
  top: 93px;
  width: 100%;
}

/* seo 长尾词项目 */
.bzk_designtemplate_warp .container .seo-list {
  width: 75%;
  background-color: #fff;
  margin-bottom: 40px;
  margin-right: 20px;
}

.bzk_designtemplate_warp .container .seo-list img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px;
}

.bzk_designtemplate_warp .list-content {margin-top: 30px;}
.bzk_designtemplate_warp .list-content .arttags{padding-bottom: 20px;color:#9ea6ac;}
.bzk_designtemplate_warp .list-content .arttags p span{color:#333;}
.bzk_designtemplate_warp .list-content .document{line-height: 30px;font-size:18px;}
.bzk_designtemplate_warp .list-content .document p{padding: 10px 0 0px;line-height:190%;text-indent:2em;text-align:justify;word-wrap:break-word;word-break:break-all;}
.bzk_designtemplate_warp .list-content .document p img{max-width:100%!important;height:auto!important;max-height:100%!important;margin-top: 16px;margin-bottom: 16px;border: 1px dotted #DEDEDE;}
.bzk_designtemplate_warp .list-content .document p a{color: #337ab7;text-decoration: none;border-bottom: 1px dashed #333;cursor: pointer;}
.bzk_designtemplate_warp .list-content .document p a:hover{color:#666;text-decoration: none;}
.bzk_designtemplate_warp .list-content .comment{line-height: 30px;font-size:18px;}
.bzk_designtemplate_warp .list-content .comment p{padding: 10px 0 0px;line-height:190%;text-indent:2em;text-align:justify;word-wrap:break-word;word-break:break-all;}
.bzk_designtemplate_warp .list-content .comment p a{color:#337ab7;padding: 0 0 2px;border-bottom: 1px dashed #333;cursor: pointer;}

.bzk_designtemplate_warp .list-content .comment p a:hover{color:#666;text-decoration: none;}

.bzk_designtemplate_warp .list-content .nextpage{margin-top: 35px;padding: 10px 20px;border-left: 5px solid #ccc;background-color: #f5f5f5;font-size: 18px;}
.bzk_designtemplate_warp .list-content .nextpage p a{color: #337ab7;text-decoration: none;}
.bzk_designtemplate_warp .list-content .nextpage p a:hover{color:#666;text-decoration: none;}
.bzk_designtemplate_warp .container .seo-list .seo-list-header {height: 70px;}
.bzk_designtemplate_warp .list-content .seo-list{width:70%;}

.bzk_designtemplate_warp
  .container
  .seo-list
  .seo-list-item
  .seo-list-item-title {
  margin: 20px 0px 8px 0px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #111111;
}

.bzk_designtemplate_warp
  .container
  .seo-list
  .seo-list-item
  .seo-list-item-title
  a {
  cursor: pointer;
  color: #111111;
}

.bzk_designtemplate_warp
  .container
  .seo-list
  .seo-list-item
  .seo-list-item-content {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.bzk_designtemplate_warp
  .container
  .seo-list
  .seo-list-item
  .seo-list-item-close {
  cursor: pointer;
  display: none;
  text-align: right;
}

.bzk_designtemplate_warp
  .container
  .seo-list
  .seo-list-header
  .seo-list-header-title {
  height: 100%;
  line-height: 70px;
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #111111;
}

/* 分割线 */
.driver {
  width: 100%;
  height: 1px;
  background: #eeeeef;
}

.text-indexdent {
  text-indent: 20px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-left-right-20 {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.read-all {
  cursor: pointer;
  color: #14cfa6;
}

.read-all-row {
  width: 16px;
  height: 16px;
}

/* 长尾词项目--固定的广告位 */
.bzk_designtemplate_warp .container .adv-content {
  width: 100px;
  height: 200px;
  float: left;
  position: relative;
}

.adv-content .adv-content-inner {
  position: fixed;
  width: 300px;
}

.adv-content .adv-content-inner-absolute {
  position: absolute;
  bottom: 0;
  top: inherit !important;
}

.adv-content .adv-content-inner-info {
  position: absolute;
}

.adv-content .adv-content-inner .img img {
  cursor: pointer;
  width: 300px;
  height: 180px;
}

.adv-content .adv-content-inner .tab {
  margin-top: 20px;
  width: 300px;
  height: auto;
  padding-bottom: 20px;
  background-color: #fff;
}

.adv-content .adv-content-inner .tab .tab-header {
  padding-left: 20px;
  overflow: hidden !important;
}

.adv-content .adv-content-inner .tab .tab-header div {
  float: left;
}

.adv-content .adv-content-inner .tab .tab1 {
  margin-right: 30px;
}

.adv-content .adv-content-inner .tab .tab-title {
  width: 66px;
  height: 50px;
  line-height: 60px;
  cursor: pointer;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
}

.adv-content .adv-content-inner .tab .tab-title button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.btn-active {
  color: #14cfa6;
  border-bottom: 2px solid #14cfa6 !important;
}

.adv-content .adv-content-inner .tab .tab-title button:hover {
  color: #14cfa6;
}

.adv-content .adv-content-inner .tab .tab-title button:focus {
  color: #14cfa6;
  border-bottom: 2px solid #14cfa6;
}

.adv-content .adv-content-inner .tab .adv-tab-content {
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
}

.adv-content .adv-content-inner .tab .adv-tab-content div {
  padding-top: 15px;
  width: 45%;
  height: 35px;
  margin-right: 10px;
  text-align: left;
}

.adv-content .adv-content-inner .tab .adv-tab-content div a {
  color: #666;
}

.adv-content .adv-content-inner .tab .adv-tab-content div a:hover {
  color: #14cfa6;
}

.adv-content .adv-content-inner .tab .adv-tab-content div a:active {
  color: #14cfa6;
}

/* ***********************设计攻略**************************** */
.design_strategy_index,
.design_strategy_list,
.design_strategy_details {
  margin-top: 0px;
  background-color: #fff;
}

.design_strategy_index .d_s_title {
  font-size: 48px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 67px;
  margin: 50px 0 60px;
}

.d_s_recommend {
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
}

.title_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.title_header h2 {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  line-height: 33px;
  margin-bottom: 15px;
}

.title_header a {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
}

.d_s_container_case {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}

.d_s_container_case .d_s_case {
  width: calc((100% - 60px) / 3);
}

.d_s_container_case .d_s_case:hover .d_s_case_img img {
  transform: scale(1.2);
  transition: all 0.8s ease 0s;
  -webkit-transform: scale(1.2);
  -webkit-transform: all 0.8s ease 0s;
  cursor: pointer;
}

.d_s_container_case .d_s_case .d_s_case_img {
  width: 100%;
  height: auto;
  background: #f1f2f5;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f5f5f5;
}

.getMorelist {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.d_s_case .d_s_case_img img {
  width: auto;
  /* max-width: 100%;
  max-height: 100%; */
  height: 100%;
}

.d_s_footer_title {
  margin: 15px 0 0px;
}

.d_s_footer_title span {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 22px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer;
}

.getMorelist .d_s_f_btn {
  width: 200px;
  height: 45px;
  background: #f1f2f5;
  border-radius: 3px;
  font-size: 14px;
  color: #333333;
  line-height: 46px;
  text-align: center;
}

.getMorelist .d_s_f_btn:hover {
  color: #333333;
  background: #e7e7e9;
}

/* 文章列表 */
.d_s_l_container {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.article_list {
  margin-bottom: 20px;
}

.d_s_a_li {
  display: flex;
}

.d_s_a_li .article_list_img_left {
  width: 200px;
  max-height: 180px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  cursor: pointer;
}

.d_s_a_li .article_list_img_left img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.article_list_text_right {
  width: calc(100% - 200px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.article_list_text_right h4 {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  line-height: 30px;
  padding-bottom: 6px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.article_list_text_right .article_content {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
}

.d_s_divider {
  width: 100%;
  height: 1px;
  background: #f5f5f5;
  margin: 30px 0;
}

.article_list .d_s_divider:last-child {
  display: none;
}

/* 详情列表 */
.tj_article {
  background: #f7f9fb;
  border-radius: 8px;
  padding: 30px 20px;
  margin-top: 20px;
}

.d_s_a_li .adv_remmonced {
  width: 108px !important;
  height: 81px !important;
  margin-right: 15px;
}

.tj_article .title_header h1 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
  margin-bottom: 0px;
}

.d_s_generator {
  width: 100%;
  height: 169px;
  background: #14cfa6;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.d_s_generator h1 {
  font-size: 26px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 37px;
}

.adv_btn_guide {
  display: inline-block;
  width: 220px;
  height: 52px;
  background: #ffffff;
  border-radius: 4px;
  text-align: center;
  margin-top: 20px;
}

.d_s_btn_text {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #14cfa6;
  line-height: 52px;
  padding-right: 32px;
  background: url(../images/go_guide.png) no-repeat right center;
  background-size: 22px auto;
}

.d_s_a_li .adv_article_content .article_content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  color: #000;
}

.d_s_a_li .adv_article_content {
  width: calc(100% - 138px);
}

.adv_d_s_l_container .article_list .d_s_a_li {
  margin-bottom: 15px;
}

.adv_d_s_l_container .article_list .d_s_a_li:last-child {
  margin-bottom: 0;
}

.conext_resources .d_s_openVipBtn {
  border-radius: 3px;
  border: 2px solid #ffffff;
  background: #191d24;
  color: #fff;
}

.conext_resources .d_s_openVipBtn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.conext_resources .d_s_openVipBtn span {
  background: url("../images/right_icon.png") no-repeat center center;
  background-size: 16px 7px;
}

.d_s_details_container h1 {
  font-size: 30px;
  font-weight: 600;
  color: #000000;
  line-height: 42px;
}

.d_s_details_container .d_s_article_img {
  width: 100%;
  height: auto;
  margin: 30px 0;
}

.d_s_adv_content .adv-content-inner {
  top: 212px;
  transition: all 0.3s;
  left:75%;
}

.d_s_adv_content .adv-content-inner-top {
  top: 100px;
}

.d_s_details_container .d_s_replace_img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  width: calc((100% - 60px) / 3);
  /* max-height: 470px; */
  background: #c1c1c1;
  border-radius: 8px;
  margin: 30px 30px 30px 0;
}

.d_s_details_container .d_s_replace_img a {
  width: 120px;
  height: 40px;
  background: #ffffff;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #14cfa6;
  line-height: 40px;
  margin-top: 15px;
}

.d_s_details_container .d_s_replace_img a:hover {
  background: #ebfdf9;
}

.d_s_details_container .d_s_replace_img img:hover {
  transform: translate(0, -5px);
  transition: all 0.3s;
  cursor: pointer;
}

.d_s_details_container .d_s_replace_img a span {
  padding-left: 25px;
  background: url(../images/design_template/edit_icon.png) no-repeat center left;
  background-size: 20px;
}

.d_s_details_container .d_s_replace_img:last-child {
  margin-right: 0;
}

.template_group_container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.tj_article .article_list {
  margin-bottom: 0;
}

/* 工作台物料vi生成列表 */
.vi_list_container {
  padding: 30px 0 60px;
  margin-top: 0;
}

.viMaterialList {
  height: auto !important;
  /* overflow: visible !important; */
}

.viMaterialList h1 {
  font-size: 24px;
  color: #222;
  font-weight: bolder;
  line-height: 34px;
}

.viMaterialList .vi_m_g_ul {
  display: flex;
  /* margin-top: 10px; */
  flex-wrap: nowrap;
}

.viMaterialList .vi_m_g_ul .vi_item_img {
  /* width: 15%; */
  margin-right: 15px;
  padding-left: 0;
  flex-shrink: 0;
}

.viMaterialList .vi_m_g_ul .vi_item_img a {
  display: inline-block;
  width: 100%;
  height: auto;
}

.vi_item_img a img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  cursor: pointer;
  border-radius: 6px;
}

.vi_item_img a span,
.vi_item_img a:visited {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}

.vi_m_g_ul .vi_item_img:last-child {
  margin-right: 0;
}

.kit_vi_list_item_1 {
  background: url("../images/materialMenu/work_vi_icon/vi.png")
    rgba(255, 255, 255, 0.26) no-repeat center / 34px;
}

.kit_vi_list_item_2 {
  background: rgba(255, 255, 255, 0.26)
    url("../images/materialMenu/work_vi_icon/all.png") no-repeat center / 34px;
}

.kit_vi_list_item_3 {
  background: rgba(255, 255, 255, 0.26)
    url("../images/materialMenu/work_vi_icon/id.png") no-repeat center / 34px;
}

.kit_vi_list_item_4 {
  background: rgba(255, 255, 255, 0.26)
    url("../images/materialMenu/work_vi_icon/door.png") no-repeat center / 34px;
}

.kit_vi_list_item_5 {
  background: rgba(255, 255, 255, 0.26)
    url("../images/materialMenu/work_vi_icon/shopping.png") no-repeat center /
    34px;
}

.kit_vi_list_item_6 {
  background: rgba(255, 255, 255, 0.26)
    url("../images/materialMenu/work_vi_icon/meituan.png") no-repeat center /
    34px;
}

/* 工作台vi物料 */
.viMaterialWork {
  position: relative;
  z-index: 10;
}

.viMaterialWork .container_vi_template,
.kit_vi_father_tag,
.container_vi_template .father_container .vi_list_ul {
  background: #14cfa6 !important;
}

.container_vi_template {
  position: relative;
}

/* 工作台vi首次提示弹窗 */
.first_tip_work_dialog {
  width: 304px;
  height: 149px;
  background: #14cfa6;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 20px;
  position: absolute;
  left: 90px;
  top: -150px;
  z-index: 2;
  display: none;
}

.boxShadowBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 338px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 2000px;
}

.first_tip_work_dialog .first_tip_work_container h2 {
  width: 100%;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #fff;
  line-height: 24px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.first_work_tip_text {
  width: 100%;
  height: auto;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 22px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  min-height: 50px;
  display: block;
}

.f_t_work_icon {
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid #14cfa6;
  border-right: 6px solid transparent;
  position: absolute;
  bottom: -6px;
  right: calc(50% - 8px);
}

.first_tip_work_dialog .close_f_t_btn {
  text-align: right;
}

.first_tip_work_dialog .close_work_tip {
  width: 80px;
  height: 38px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #14cfa6;
  display: inline-block;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}

.jump_box {
  animation: jumpBoxHandler 1.8s infinite;
  /* 1.8s 事件完成时间周期 infinite无限循环 */
}

@keyframes jumpBoxHandler {
  /* css事件 */
  0% {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(0px, 15px);
    /* 可配置跳动方向 */
  }

  100% {
    transform: translate(0px, 0px);
  }
}

/* ------------------------- */

.container_vi_template .vi_list_ul .list_f_node {
  position: relative;
  padding-bottom: 8px;
  border-bottom: 3px solid #fff;
}

.container_vi_template .vi_list_ul .list_f_node .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  display: none;
  position: absolute;
  bottom: 0;
  left: calc(50% - 8px);
}

.vi_list_ul .list_f_node .type_f_name {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
}

/* 选中 */
.vi_item_checked .kit_vi_list_item_1,
.container_vi_template .vi_list_ul .list_f_node:hover .kit_vi_list_item_1 {
  background: #ffffff url("../images/materialMenu/work_vi_icon/recommend.png")
    no-repeat center / 34px;
}

.vi_item_checked .kit_vi_list_item_2,
.container_vi_template .vi_list_ul .list_f_node:hover .kit_vi_list_item_2 {
  background: #ffffff url("../images/materialMenu/work_vi_icon/all_checked.png")
    no-repeat center / 34px;
}

.vi_item_checked .kit_vi_list_item_3,
.container_vi_template .vi_list_ul .list_f_node:hover .kit_vi_list_item_3 {
  background: #ffffff url("../images/materialMenu/work_vi_icon/id_checked.png")
    no-repeat center / 34px;
}

.vi_item_checked .kit_vi_list_item_4,
.container_vi_template .vi_list_ul .list_f_node:hover .kit_vi_list_item_4 {
  background: #ffffff
    url("../images/materialMenu/work_vi_icon/door_checked.png") no-repeat center /
    34px;
}

.vi_item_checked .kit_vi_list_item_5,
.container_vi_template .vi_list_ul .list_f_node:hover .kit_vi_list_item_5 {
  background: #ffffff
    url("../images/materialMenu/work_vi_icon/shopping_checked.png") no-repeat
    center / 34px;
}

.vi_item_checked .kit_vi_list_item_6,
.container_vi_template .vi_list_ul .list_f_node:hover .kit_vi_list_item_6 {
  background: #ffffff
    url("../images/materialMenu/work_vi_icon/meituan_checked.png") no-repeat
    center / 34px;
}

.container_vi_template .vi_list_ul .vi_item_checked .triangle {
  display: block;
}

.work_vi_href,
.work_vi_href_vm_page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 移动端我的设计样式隐藏 */
.vi_main_type_list {
  display: none;
}

.kit_vi_md_container,
.filter_my_buy_list {
  display: none;
}

.my_logo_edit_btn .vi_g_m_my_logo_btn {
  display: none;
}

.is_my_logo_page .vi_g_m_my_logo_btn {
  display: block;
}

.is_my_logo_page .vi_my_logo_style {
  right: 15px !important;
  left: auto !important;
}

.my_design
  .my_design_panel
  .my_design_list
  .case_item
  .float_floor
  .mini_deit
  .vi_generate_material {
  padding-left: 0;
  background: url(../images/newDesign/pc_g_m_btn.png) no-repeat center;
  background-size: 20px;
  font-size: 0;
  height: 20px;
  width: 20px;
  display: block;
  margin: 11px auto 0;
  color: #14cfa6;
}

.init_vi_img_list {
  max-height: 300px;
}

/* 我的设计页面优化 */
.my_design .vi_my_design {
  line-height: normal;
  height: auto;
  margin: 20px 0 30px;
}

.waterfallflow_mc_my_logo {
  margin-top: 0;
}

.vi_my_design .vi_my_design_panel {
  top: 0;
}

.pc_design_main_type_list .main_type_list ul li p {
  line-height: normal;
}

.my_design .pc_design_main_type_list ul.mtl_md_tl {
  margin-top: 20px;
  padding-bottom: 20px;
}

.vi_my_design_tag .my_logo_btn.on {
  border-bottom: 3px solid #14cfa6;
  color: #14cfa6;
}

.kit_updata_main_type_list .md_container ul li.on p,
.main_type_model_pos .md_container ul li.on p {
  background: none;
}

.my_design .main_type_model_pos ul li,
.my_design .kit_updata_main_type_list .md_container ul li {
  margin-right: 30px;
}

.my_design .kit_updata_main_type_list .md_container ul li p,
.my_design .main_type_model_pos .md_container ul li p {
  padding: 5px 0px;
}

.init_vi_img_list .pubilc_roll_box .roll_next,
.init_vi_img_list .pubilc_roll_box .roll_prev {
  margin-top: -40px;
}

/* 工作台vi物料样式 */
.work_recommend_kit_img {
  position: relative;
  /* background: #D8D8D8; */
  height: 0;
  padding-top: 67.8%;
  border-radius: 10px;
  overflow: hidden;
}

/* .viMaterialList .vi_m_g_ul .vi_item_img a {
  width: 15%;
  margin-right: 20px;
  border-radius: 4px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  height: 100%;
} */
.work_recommend_kit_img img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: opacity 0.4s, transform 0.4s;
}

.work_recommend_kit_img .load-item::after {
  animation: loading 1.2s infinite;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.3),
    hsla(0, 0%, 100%, 0)
  );
}

.work_recommend_kit_img .load-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.075);
  border-radius: 10px;
  overflow: hidden;
}

.vi_item_title {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}

@-webkit-keyframes loading {
  to {
    transform: translateX(100%);
  }
}

@keyframes loading {
  to {
    transform: translateX(100%);
  }
}

.viMaterialList .vi_m_g_ul .vi_item_img a:hover .work_recommend_kit_img img {
  transform: scale(1.1);
}

.work_my_design_button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.pubilc_roll_box .case_top_show .case_operations .edit_link_btn_new_style {
  position: static;
}

.work_my_design_button .kit_bottom_go_vi {
  width: 120px;
  height: 40px;
  background: #ffffff;
  border-radius: 3px;
  opacity: 0.95;
  display: block;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
  color: #14cfa6;
}

.work_my_design_button .kit_bottom_go_vi span {
  padding-left: 25px;
  background: url(../images/kit_my_logo_btn.png) no-repeat center left;
  background-size: 20px;
  color: #14cfa6;
}

.paid_state {
  width: 46px;
  height: 22px;
  background: #ff8458;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0.9;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}

.not_buy_tag {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

/* 生成设计入口优化 */
.genater_design_index {
  height: auto;
  margin: 30px auto 20px;
}

.genater_design_index .genater_design_in {
  display: block;
  width: 100%;
  height: 80px;
  cursor: pointer;
  background: url(../images/vi/design_index_header_bg.png) no-repeat center /
    100%;
}

.case_top_show_first {
  display: flex;
  flex-direction: column;
  justify-content: left;
  background: rgba(20, 207, 166, 1);
  position: relative;
}

.design_item_first_bg {
  height: 100%;
  background: url(../images//vi/pcItemFristBg.png) no-repeat right bottom / 100%
    auto;
  opacity: 0.8;
}

.design_item_first_bg_opactiy {
  opacity: 0.2;
}

.case_top_show_first .design_item_first {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: hidden;
}

.case_top_show_first .design_type_item {
  font-family: PingFangSC-Medium, PingFang SC;
  color: #ffffff;
  width: auto;
  display: block;
  text-align: left;
}

.case_top_show_first .design_type_title {
  font-size: 34px;
  font-weight: 600;
}

.case_top_show_first .design_type_container {
  font-size: 22px;
  font-weight: 500;
}

.case_top_show_first b {
  width: 140px;
  height: 44px;
  background: #ffffff;
  border-radius: 4px;
  opacity: 0.95;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #14cfa6;
  margin-top: 30px;
}

.case_top_show_first b .g_d_btn_icon {
  display: inline-block;
  width: 16px;
  height: 7px;
  background: url("../images/design_template/more_arrow02.png") no-repeat right
    center / 16px auto;
}

.case_top_show_first .design_type_vi_min {
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.design_type_vi_min .design_type_title {
  font-size: 20px;
  font-weight: 600;
}

.design_type_vi_min b {
  width: 130px;
  height: 40px;
  margin-top: 5px;
  flex-shrink: 0;
}


header div ul .nav_h_operation .become_vip_box {
  position: absolute;
  top: 60px;
  left: -120px;
  width: 320px;
  height: 408px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 20px;
  display: none;
}

.become_vip_box_container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

header div ul .nav_h_operation .become_vip_box .vip_power_desc {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

.nav_h_operation .become_vip_box .tips_title_text {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
}

.become_vip_box .power_desc b {
  width: 26px;
  height: 26px;
  margin-right: 15px;
  display: inline-block;
}

.nav_h_operation .become_vip_box .power_desc {
  display: flex;
  align-items: center;
  line-height: normal;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  height: auto;
}

.nav_h_operation .become_vip_box .power_desc .vip_content {
  display: flex;
  flex-direction: column;
}

.become_vip_box .power_desc .vip_content .desc_title {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 4px;
  display: block;
}

.become_vip_box .power_desc .vip_content .desc_content {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}

.become_vip_box .vip_desc1 b {
  background: url(../images/all_design.png) no-repeat center / 100%;
}

.become_vip_box .vip_desc2 b {
  background: url(../images/300_million_materials.png) no-repeat center /
    100%;
}

.become_vip_box .vip_desc3 b {
  background: url(../images/vi_bananer_03.png) no-repeat center / 100%;
}

.become_vip_box .vip_desc4 b {
  background: url(../images/no_watermark.png) no-repeat center / 100%;
}

.become_vip_box .open_vip_header_btn {
  width: 100%;
  height: 40px;
  background: #14cfa6;
  border-radius: 4px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  flex-grow: inherit;
  padding: 0;
}

/* pc工作台改版 */
.work_my_vi_design_box .viMaterialList {
  display: flex;
  width: calc(100% + 15px);
}

.work_my_vi_design_box .viMaterialList .vi_m_g_ul {
  flex-wrap: wrap;
  width: 100%;
  display: none;
}

.work_my_vi_design_box .viMaterialList .vi_m_g_ul .col_2_width {
  width: calc((100% / 6) - 15px);
  display: flex;
}

/* .work_my_vi_design_box .viMaterialList .vi_m_g_ul .col_5_width {
  display: flex;
} */
.work_my_vi_design_box {
  max-height: none;
}

.my_design .work_my_design_container {
  border-bottom: none;
  background: #f6f7f8;
  padding: 20px 30px;
  border-radius: 0px 0px 6px 6px;
}

.work_my_design_container .swiper-container {
  background: none;
}

.pcViMaterialWork {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e3e4e5;
  margin-top: 50px;
}

.pcViMaterialWork h2 {
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0d0c22;
  line-height: 33px;
}

.pcViMaterialWork .go_href_vi_page {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  padding-right: 21px;
  background: url(../images/vi/go_href_icon.png) no-repeat center right / 16px
    7px;
  min-width: 217px;
  text-align: right;
}

.pcViMaterialWork .triangle {
  display: none !important;
}

.pcViMaterialWork .work_vi_href {
  flex-direction: row;
}

.pcViMaterialWork .father_container ul li .icon_contariner {
  width: 30px;
  height: 30px;
  border: none;
  margin-right: 5px;
}

.pcViMaterialWork .father_container ul li {
  margin: 0 !important;
  margin-right: 50px !important;
}

.pcViMaterialWork .father_container ul li:first-child {
  margin-right: 50px !important;
}

.pcViMaterialWork .father_container ul li:last-child {
  margin-right: 0 !important;
}

.pcViMaterialWork .kit_vi_list_item_2,
.pcViMaterialWork .vi_list_ul .list_f_node:hover .kit_vi_list_item_2 {
  background: #ffffff url("../images/vi/all_icon_mc.png") no-repeat center left /
    30px;
}

.pcViMaterialWork .kit_vi_list_item_3,
.pcViMaterialWork .vi_list_ul .list_f_node:hover .kit_vi_list_item_3 {
  background: #ffffff url("../images/vi/office_icon_mc.png") no-repeat center
    left / 30px;
}

.pcViMaterialWork .kit_vi_list_item_4,
.pcViMaterialWork .vi_list_ul .list_f_node:hover .kit_vi_list_item_4 {
  background: #ffffff url("../images/vi/printing_icon_mc.png") no-repeat center
    left / 30px;
}

.pcViMaterialWork .kit_vi_list_item_5,
.pcViMaterialWork .vi_list_ul .list_f_node:hover .kit_vi_list_item_5 {
  background: #ffffff url("../images/vi/shopping_icon_mc.png") no-repeat center
    left / 30px;
}

.pcViMaterialWork .kit_vi_list_item_6,
.pcViMaterialWork .vi_list_ul .list_f_node:hover .kit_vi_list_item_6 {
  background: #ffffff url("../images/vi/meituan_icon_mc.png") no-repeat center
    left / 30px;
}

.pcViMaterialWork .father_container ul .list_f_node:hover .type_f_name {
  color: #14cfa6;
}

.pcViMaterialWork .vi_list_ul .list_f_node .type_f_name {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0d0c22;
  line-height: 25px;
}

.pcViMaterialWork .vi_list_ul .vi_item_checked {
  border-bottom: 3px solid #14cfa6;
}

.pcViMaterialWork .vi_item_checked .work_vi_href .type_f_name {
  color: #14cfa6;
}

.pcViMaterialWork .go_href_vi_page:hover {
  color: #14cfa6;
  background: url(../images/vi/go_href_icon_hover.png) no-repeat center right /
    16px 7px;
}

.pcViMaterialWork .container_vi_template,
.pcViMaterialWork .kit_vi_father_tag,
.pcViMaterialWork .vi_list_ul {
  background: none !important;
}

.work_my_vi_design_box .vi_m_g_ul .vi_item_img {
  /* width: calc((100% - 75px) / 6); */
  margin-bottom: 30px;
}

/* .work_my_vi_design_box .vi_m_g_ul .vi_item_img:nth-child(6n) {
  margin-right: 0;
} */
.work_my_vi_design_box .vi-item-more-btn {
  position: absolute;
}

.kit_type_more_item .work_recommend_kit_img {
  background: #f5f5f5;
  border-radius: 10px;
}

.kit_type_more_item .more_btn_work_vi {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}

.kit_type_more_item .more_btn_work_vi .more_box {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 2px solid #14cfa6;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 10px;
  background: #fff url(../images/vi/go_href_icon_hover.png) no-repeat center /
    16px 7px;
}

.kit_type_more_item .more_btn_work_vi p {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}

.work_my_vi_design_box .vi_list_container {
  padding: 30px 0;
}

.main-bg .layui-table-cell {
    padding: 3px;
    white-space: normal;
    font-size: 14px;
    overflow: inherit;
    height: 100%;
    line-height: 20px;
}

/**banner**/
.kit_index_banner {
  padding: 44px 40px;
  width: 100%;
  height: auto;
  background: #E8F7F4;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}


.kit_index_banner_left h1 {
  font-size: 26px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 37px;
}

.kit_index_banner_left .kit_b_desc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 30px;
}

.kit_index_banner_left .kit_b_desc .kit_banner_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: self-start;
  margin-right: 60px;
}

.kit_index_banner_left .kit_b_desc .kit_banner_item:last-child {
  margin-right: 0;
}

.kit_index_banner_right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kit_b_desc .kit_banner_item i {
  width: 26px;
  height: 26px;
}

.kit_index_banner_left .kit_banner_item01 {
  background: url(../images/vi_bananer_01.png) no-repeat center / 100%;
}

.kit_index_banner_left .kit_banner_item02 {
  background: url(../images/vi_bananer_02.png) no-repeat center / 100%;
}

.kit_index_banner_left .kit_banner_item03 {
  background: url(../images/vi_bananer_03.png) no-repeat center / 100%;
}

.kit_index_banner_left .kit_banner_item04 {
  background: url(../images/vi_bananer_04.png) no-repeat center / 100%;
}

.kit_b_desc .kit_banner_item h3 {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0D0C22;
  line-height: 22px;
  margin: 15px 0 10px;
}

.kit_b_desc .kit_banner_item span {
  max-width: 260px;
  height: auto;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D3D4E;
  line-height: 24px;
}

.kit_index_banner_right .banner_vi_img {
  width: 286px;
  height: 175px;
  margin-right: 100px;
  overflow: hidden;
  /* background: url(../../images//vi/vi_index_bananer_icon.png) no-repeat center / 100%;*/
} 
/**banner end**/

.meitiku .hzmt_mians {
	overflow: hidden;
	clear: both;
	padding: 10px;
	background: #fff;
}
.meitiku .hzmt_mians_top {
	width: 100%;
	overflow: hidden;
	clear: both;
}
.meitiku .hzmt_mians_top h2 {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 2px solid #e3e3e3;
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
}
.meitiku .hzmt_mians_top h2 label {
	display: block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	top: 18px;
	background: #fff;
}
.meitiku .hzmt_lists_ul {
	width: 102%;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}
.meitiku .hzmt_lists_ul li {
	width: 160px;
	float: left;
	display: inline;
	margin-right: 10px;
	height: 112px;
}
.meitiku .hzmt_lists_ul li p{width:100%;height:25px; line-height:25px; text-align:center;}

.meitiku .hzmt_lists_ul li a {
	display: block;
}
.meitiku .hzmt_lists_ul li a img {
	width: 158px;
	height: 52px;
	border: 1px solid #cbcbcb;
}

.main-bg .layui-table-cell span{font-weight: bold;text-align: center;}
.main-bg .layui-table-cell a.media_name{padding:5px;}

/******kefu******/
.right-service{width:50px;height: 300px;position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 9999;}
.right-service  .serviceBOX ,.right-service .goBackTop{     padding: 10px 0px;
  margin-bottom: 10px;width:100%;text-align: center; background-color: #ffffff;box-shadow: 0px 1px 8px 0px rgba(22, 22, 22, 0.15);	border-radius: 2px;}
.right-service  .serviceBOX img , .right-service .goBackTop img{display: block;margin: auto; }
.right-service  .serviceBOX{position: relative;}
.right-service  .serviceBOX span{ color: #333333;font-size: 14px;}
.right-service .serviceHover{ position: absolute;display: none;width: 130px;background-color: #ffffff;box-shadow: 0px 1px 8px 0px rgba(22, 22, 22, 0.15);	border-radius: 5px;}
.right-service .serviceHover1{top:0px;padding:20px;right: 60px;}
.right-service .serviceHover2{top:0px;padding: 20px 0px;width: 140px;right: 60px;}
.right-service .serviceHover3{top: 0px;padding: 10px 0px;right: 60px;}
.right-service .serviceHover1 a {color: #333333;font-size: 14px;line-height: 30px;overflow: hidden;display: block;}
.right-service .serviceHover1 a img{float: left;    margin-top: 5px; }
.right-service .serviceHover2 div{margin-bottom: 15px; }
.right-service .serviceHover2 div:last-child{margin-bottom: 0px;}
.right-service .serviceHover2 div p{text-align: left; color: #434344;font-size: 14px;line-height: 18px;}
.right-service .serviceHover2 div img{float: left;    margin-top: -5px; }
.right-service .serviceHover3 p{font-size: 14px;color: #434344;}
.right-service .goBackTop{cursor: pointer;}
.right-service  .serviceBOX:hover span{color: #f1524e;}

.agent_mw {margin: 0 auto;}
.agent_mw .title {text-align: center;font-size: 32px;font-weight: normal;color: #3e464c;margin-top: 30px;}
.agent_mw .subtitle {font-size: 14px;font-weight: normal;color: #666;text-align: center;margin-top: 10px;}
.agent_mw .hint {padding: 0 .15rem .15rem;}
.agent_mw .hint p {text-align: left;font-size:14px;color: #666;line-height: 30px;}
.agent_mw .n-list th{font-weight: bold;}

.main-banner {background: linear-gradient(to right, #6193ff, #47be64);height: 280px;}
.main-banner .banner-title {position: relative;text-align: center;}
.main-banner .banner-title img {position: absolute;right: -146px;top: -135px;}
.main-banner .banner-title .p1 {font-size: 36px;font-weight: 400;color: #ffffff;padding-top: 90px;}
.main-banner .banner-title .p2 {font-size: 20px;color: #ffffff;line-height: 70px;}

/*代理商系统简介*/
.about_agent {width: 100%;background: #000;}
.about_agent .agent_center {margin: 0 auto;padding-top: 1px;}
.about_agent .agent_center .title {text-align: center;font-size: 32px;font-weight: normal;color: #fff;width: 300px;margin: 50px auto 0;line-height: 28px;padding: 0 20px;position: relative;}
.about_agent .agent_center .title .borderOne {position: absolute;bottom: -15px;display: block;width: 290px;border-bottom: 2px solid #de4444;left: 50%;transform: translateX(-50%);}
.about_agent .agent_center .title .borderTwo {display: block;width: 100%;position: absolute;bottom: -25px;left: 0;border-bottom: 2px solid #f32323;}
.about_agent .agent_center .tab_list {margin-top: 80px;overflow: hidden;padding: 30px 0 80px;}
.about_agent .agent_center .tab_list ul {float: left;margin-left: 100px;box-shadow: 0 0 20px rgba(255, 0, 0, 0.3);}
.about_agent .agent_center .tab_list ul li {text-align: left;text-indent: 80px;line-height: 50px;color: #c5c5c5;cursor: pointer;width: 250px;margin: 0 auto 11.4px;transition: all 0.5s ease;}
.about_agent .agent_center .tab_list ul li:last-child {margin: 0 auto 0;}
.about_agent .agent_center .tab_list ul li.on {background: linear-gradient(to right, red, rgba(255, 0, 0, 0.1));color: #fff;}
.about_agent .agent_center .tab_list .img_hide_box {width: 790px;float: right;border: 1px solid #ccc;margin-right: 20%;}
.about_agent .agent_center .tab_list .img_hide_box img {display: none;margin: 0 auto;width: 100%;height: 480px;transition: all 0.5s ease;}
.about_agent .agent_center .tab_list .img_hide_box img.on {display: block;}

/*常见问题*/
.faq_on{width: 100%;padding: 30px 0;}
.faq_on .faq_on_center{margin: 0 auto;}
.faq_on .faq_on_center .title{text-align: center;font-size: 32px;font-weight: normal;color: #333;margin-top: 30px;}
.faq_on .faq_on_center .subtitle{font-size: 14px;font-weight: normal;color: #666;text-align: center;margin-top: 10px;}	
.faq_on .faq_on_center .itembox{overflow: hidden;padding-top: 50px;}
.faq_on .faq_on_center .itembox .item .tit{width: 386px;height: 59px;line-height: 59px;opacity: 1;font-size: 16px;text-align: left;color: #333;text-align: center;background: url("../images/qubg.png") no-repeat;}
.faq_on .faq_on_center .itembox .item{width: 386px;box-shadow: 0px 0px 16px 0px rgba(29,73,120,0.1);}
.faq_on .faq_on_center .itembox .item .itemMain{width: 320px;height: 78px;margin: auto;padding-top: 13px;}
.faq_on .faq_on_center .itembox .item .itemMain a{color:#ff5656;text-decoration: underline;}

/*媒体列表分页*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}