.personal {
  width: 100%;
  background-color: #f4f4f4;
  float: left;
  padding: 30px 0 60px 0;
  box-sizing: border-box;
}

.personal_l {
  width: 250px;
  float: left;
  margin-right: 20px;
}

.personal_r {
  width: 910px;
  float: left;
}

.personal_l_news {
  width: 250px;
  background-color: #ffffff;
  padding: 30px 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
  float: left;
}

.personal_l_news img,
.user_news img {
  display: block;
  width: 120px;
  height: 120px;
  margin-left: 60px;
  float: left;
  border-radius: 50%;
}

.personal_l_news h3,
.user_news h3 {
  font-size: 18px;
  line-height: 18px;
  color: #0e1326;
  margin-top: 20px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-align: center;
}

.personal_l_news p,
.user_news p {
  font-size: 14px;
  line-height: 14px;
  color: #888999;
  float: left;
  width: 100%;
  text-align: center;
}
.personal_l a {
  float: left;
}
.personal_l_img1,
.personal_l_img2 {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}

.personal_menus {
  width: 100%;
  height: auto;
  float: left;
}

.personal_list {
  width: 100%;
  float: left;
}

.personal_menus .show {
  display: block;
}

.personal_l_menus {
  width: 250px;
  height: 46px;
  line-height: 44px;
  background-color: #ffffff;
  padding-left: 12px;
  font-size: 16px;
  color: #0e1326;
  font-weight: bold;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  margin-bottom: 2px;
}

.personal_l_menus img {
  float: left;
  margin-top: 12px;
  margin-right: 14px;
}

.personal_l_list {
  width: 250px;
  height: 46px;
  background-color: #ffffff;
  padding: 13px 0;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
}

.personal_l_list:hover p {
  color: #2266ff;
}

.personal_l_list span {
  display: none;
  float: left;
  width: 2px;
  height: 20px;
  background-color: #2266ff;
}

.personal_l_list p {
  font-size: 14px;
  display: inline-block;
  float: left;
  color: #4a4a54;
  margin-left: 40px;
  position: relative;
}
.personal_list_icon {
  /* display: none; */
  position: absolute;
  top: 0;
  right: -6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff0000;
}
.personal_l_list.action {
  background-color: #fafafa;
}
.personal_l_list.action span {
  display: inline-block;
}

.personal_l_list.action p {
  color: #2266ff;
}

.personal_l_list.action i {
  display: inline-block;
  float: right;
  margin-right: 20px;
  margin-top: 4px;
  width: 7px;
  height: 12px;
  background: url(/assets/img/frontend/mine/page_ico5.webp) no-repeat;
}

.personal_l_img3 {
  display: block;
  float: left;
  width: 250px;
  height: 83px;
  margin-top: 10px;
}

.personal_l_img3 img {
  width: 100%;
}

.personal_l_img4 {
  display: block;
  float: left;
  width: 250px;
  height: 110px;
  margin-top: 10px;
}

.account_con_top {
  width: 910px;
  height: 150px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 20px;
}

.account_con_top1 {
  width: 455px;
  float: left;
  padding: 30px 0 0 29px;
  box-sizing: border-box;
}

.account_con_top1 h3 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
}

.account_con_top1 .user_signature {
  font-size: 14px;
  line-height: 14px;
  color: #888999;
  margin-bottom: 30px;
}

.account_con_top1 div p {
  float: left;
  height: 18px;
  margin-right: 20px;
}

.account_con_top1 div p i {
  display: inline-block;
  float: left;
  margin-top: 1px;
  font-size: 14px;
  height: 18px;
  color: #888999;
  line-height: 18px;
}

.account_con_top1 div p span {
  font-weight: bold;
  color: #0e1326;
  font-size: 18px;
  line-height: 18px;
  margin-left: 8px;
}

.account_con_top2 {
  width: 1px;
  height: 100px;
  background-color: #e1e4ee;
  position: relative;
  top: 26px;
  float: left;
}

.account_con_top3 {
  width: 454px;
  height: 150px;
  float: left;
  padding: 30px 0 18px 28px;
  box-sizing: border-box;
}

.account_con_top3 div {
  float: left;
  width: 246px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 22px;
}

.account_con_top3 .account_con_top3_1 {
  width: 160px;
}

.account_con_top3 .account_con_top3_2 {
  width: 100%;
}

.account_con_top3 div p {
  height: 14px;
  float: left;
  letter-spacing: 1px;
  color: #999999;
  margin-right: 20px;
}

.account_con_top3 div span {
  display: block;
  height: 14px;
  float: left;
  letter-spacing: 1px;
  color: #333333;
  margin-right: 20px;
}
.account_con_top3 .account_con_top3_2 span {
  width: 340px;
}
.account_con_main {
  width: 910px;
  height: 1110px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
}

.personal_data_tab span {
  display: inline-block;
  float: left;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #888999;
  margin-right: 30px;
}

.personal_data_tab span:hover {
  color: #5a8eff;
  cursor: pointer;
}

.personal_data_tab span.action {
  color: #2266ff;
}

.personal_data_tab span.action:hover {
  color: #5a8eff;
}

.change_phone,
.change_psd {
  display: none;
}

.account_con_list {
  float: left;
  width: 100%;
  padding: 40px 0 0 9px;
  box-sizing: border-box;
}

.account_con_list div {
  width: 100%;
  margin-bottom: 20px;
  float: left;
}

.account_con_list div label {
  float: left;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #888999;
  margin-right: 22px;
}
.account_con_main > div.change_psd.account_con_list > div:nth-child(1) > label {
  color: #000000;
}
.edit_head {
  width: 78px;
  height: 78px;
  position: relative;
  float: left;
}

.edit_head .header_icon {
  width: 78px;
  height: 78px;
}

.edit_head input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
  width: 78px;
  height: 78px;
  cursor: pointer;
}

.edit_head:hover .edit_headImg {
  display: block;
}

.edit_headImg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  width: 78px;
  height: 78px;
  padding: 19px 0 12px 0;
  box-sizing: border-box;
  text-align: center;
}

.edit_headImg span {
  display: block;
  width: 100%;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  margin-top: 10px;
}

.edit_name {
  width: 328px;
  height: 44px;
  float: left;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
  box-sizing: border-box;
  position: relative;
}

.edit_name input {
  width: 270px;
  height: 42px;
  padding: 0 10px;
  box-sizing: border-box;
}

.edit_name span {
  display: inline-block;
  letter-spacing: 1px;
  font-size: 14px;
  color: #999999;
  position: absolute;
  right: 10px;
  top: 11px;
}

.account_con_list input::-webkit-input-placeholder {
  font-size: 14px;
}

.account_con_list input::-moz-placeholder {
  font-size: 14px;
}

.account_con_list input::-ms-input-placeholder {
  font-size: 14px;
}

.edit_phone {
  font-size: 14px;
  line-height: 44px;
  letter-spacing: 1px;
  color: #0e1326;
  margin-right: 22px;
}

.edit_phone_btn {
  font-size: 14px;
  line-height: 44px;
  letter-spacing: 1px;
  color: #2266ff;
}

.edit_phone_btn:hover {
  color: #0043d5;
  cursor: pointer;
}

.edit_sex {
  line-height: 44px;
  margin-right: 30px;
}

.edit_sex span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(/assets/img/frontend/mine/check_n.webp) no-repeat;
  position: relative;
  top: 2px;
}

.edit_sex:hover {
  cursor: pointer;
}

.edit_sex.action span {
  background: url(/assets/img/frontend/mine/check_pre.webp) no-repeat;
}

.edit_birthday {
  width: 328px;
  height: 44px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
  position: relative;
  float: left;
}

.edit_birthday img {
  width: 14px;
  height: 13px;
  position: absolute;
  top: 16px;
  left: 10px;
}

.edit_birthday i {
  display: inline-block;
  width: 13px;
  height: 8px;
  position: absolute;
  top: 18px;
  right: 10px;
  background: url(/assets/img/frontend/index/btn_ddm2.webp) no-repeat;
}

.edit_birthday i.action {
  background: url(/assets/img/frontend/index/btn_ddm1.webp) no-repeat;
}

.edit_birthday input {
  width: 328px;
  height: 44px;
  padding: 0 30px;
  box-sizing: border-box;
}

.jedate .jedate-footbtn {
  height: 0 !important;
}

.account_con_list .edit_submit,
.account_con_list .phone_submit,
.account_con_list .psd_submit {
  width: 182px;
  height: 44px;
  background-color: #2266ff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  margin-left: 50px;
}

.account_con_list .edit_submit:hover,
.account_con_list .phone_submit:hover,
.account_con_list .psd_submit:hover {
  cursor: pointer;
  background-color: #125bff;
}

.account_con_list .edit_submit:active,
.account_con_list .phone_submit:active,
.account_con_list .psd_submit:active {
  background-color: #004fff;
}

.account_con_list .consign_main_div {
  width: 159px;
  height: 44px;
  line-height: 42px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
  margin-right: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #0e1326;
  font-size: 14px;
  letter-spacing: 1px;
  position: relative;
}

.account_con_list .consign_main_div:hover {
  cursor: pointer;
}

.personal_data .edit_select {
  width: 159px;
  max-height: 220px;
  position: absolute;
  overflow-y: auto;
  top: 42px;
  left: -1px;
  background-color: #ffffff;
  border: solid 1px #e8eaeb;
  box-sizing: border-box;
  display: none;
  z-index: 100;
}

.personal_data .edit_select span {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 42px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
}

.personal_data .edit_select span.visited {
  color: #2266ff;
}

.personal_data .edit_select span:hover {
  background-color: #e8eaeb;
}

.personal_data .edit_select_img {
  display: block;
  width: 13px;
  height: 8px;
  position: absolute;
  top: 18px;
  right: 10px;
  background: url(/assets/img/frontend/index/btn_ddm2.webp) no-repeat;
}

.personal_data .edit_select_img.action {
  background: url(/assets/img/frontend/index/btn_ddm1.webp) no-repeat;
}

.edit_register {
  line-height: 44px;
  color: #0e1326;
}

.edit_signature {
  width: 328px;
  height: 100px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
  float: left;
  position: relative;
}

.edit_signature textarea {
  width: 328px;
  height: 100px;
  padding: 10px;
  border: none;
  outline: none;
  box-sizing: border-box;
}

.edit_signature span {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #888999;
  bottom: 10px;
  right: 10px;
}

.change_phone div:first-child label {
  color: #0e1326;
}

.phone_code input {
  width: 130px;
  height: 44px;
  line-height: 44px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
  margin-right: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-left: -14px;
}

.phone_code button {
  display: inline-block;
  width: 104px;
  height: 44px;
  border-radius: 2px;
  border: solid 1px #2266ff;
  line-height: 44px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  box-sizing: border-box;
  color: #2266ff;
  background: #fff;
}
.phone_code button:disabled{
  border: 1px solid #c9cacf;
}
.phone_code button:hover {
  cursor: pointer;
  background-color: #eaf2ff;
}

.phone_num {
  width: 244px;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
}

.account_con_list .phone_submit,
.account_con_list .psd_submit {
  margin-left: 83px;
}

.new_psd,
.new_psd_sure {
  width: 244px;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e8eaeb;
}

.new_psd {
  margin-left: 16px;
}

.new_psd_sure {
  margin-left: 2px;
}

.myyacht_back {
  width: 910px;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  border-radius: 6px 6px 0px 0px;
  padding: 0 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #1a1a1a;
}

.myyacht_back:hover {
  cursor: pointer;
  color: #2266ff;
}

.myyacht_back:hover i {
  background: url(/assets/img/frontend/mine/return_pre.webp) no-repeat;
}
.myyacht_back:active i {
  background: url(/assets/img/frontend/mine/return_s.webp) no-repeat;
}
.myyacht_back i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/mine/return_n.webp) no-repeat;
  position: relative;
  top: 4px;
}

.myyacht_back h3 {
  display: inline-block;
  font-size: 20px;
}

.myyacht_title {
  width: 910px;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  border-radius: 6px 6px 0px 0px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #1a1a1a;
}

.myyacht_title h3 {
  display: inline-block;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  padding-left: 8px;
  border-left: 2px solid #2266ff;
  box-sizing: border-box;
}

.myyacht_main1 {
  width: 910px;
  height: 213px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 19px;
}

.myyacht1_update_time {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #0e1326;
  margin-bottom: 18px;
}

.myyacht1_list img {
  float: left;
  width: 196px;
  height: 140px;
  border-radius: 6px;
  margin-right: 20px;
}

.myyacht1_list_m {
  display: block;
  height: 140px;
  float: left;
  position: relative;
  padding-top: 4px;
  box-sizing: border-box;
}
.myyacht1_list_m:hover p {
  color: #2266ff;
}
.myyacht1_list_m p {
  width: 356px;
  font-size: 20px;
  line-height: 28px;
  color: #0e1326;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

.myyacht1_list_m span {
  display: block;
  margin-top: 22px;
  font-size: 14px;
  line-height: 14px;
  color: #888999;
  position: absolute;
  bottom: 39px;
}

.myyacht1_list_m div {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  margin-top: 14px;
  color: #ff7228;
  position: absolute;
  bottom: 7px;
}

.myyacht1_list_m div i {
  font-size: 20px;
}

.myyacht1_list_r {
  margin-left: 20px;
  width: 278px;
  height: 135px;
  float: left;
  border-left: 1px solid #e1e4ee;
  padding-left: 19px;
  box-sizing: border-box;
}

.myyacht1_list_r div {
  width: 258px;
  height: 78px;
  background-color: #f4f3f9;
  border-radius: 6px;
  font-size: 16px;
  line-height: 45px;
  color: #2266ff;
  padding: 16px 18px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}
.myyacht1_list_r div p {
  margin-left: 22px;
  margin-top: -45px;
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.myyacht1_list_r div i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/mine/ico.webp) no-repeat;
  margin-right: -10px;
  position: relative;
  top: 2px;
}

.myyacht1_list_r div span {
  display: block;
  width: 36px;
  height: 16px;
  position: absolute;
  right: 4px;
  top: -10px;
  background: url(/assets/img/frontend/mine/new.webp) no-repeat;
}

.check_plan {
  float: left;
  display: block;
  width: 124px;
  height: 36px;
  background-color: #2266ff;
  border-radius: 6px;
  border: solid 1px #2266ff;
  font-size: 16px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  margin-right: 8px;
}

.check_plan:hover {
  cursor: pointer;
  background-color: #125bff;
}

.check_plan:active {
  background-color: #004fff;
}

.contact_server {
  float: left;
  width: 124px;
  height: 36px;
  display: block;
  background-color: #fff;
  border-radius: 6px;
  border: solid 1px #2266ff;
  font-size: 16px;
  line-height: 34px;
  color: #2266ff;
  text-align: center;
  box-sizing: border-box;
}

.contact_server:hover {
  cursor: pointer;
  background-color: #eaf2ff;
}

.contact_server:active {
  background-color: #deebff;
}

.personal_more {
  width: 100%;
  height: 46px;
  float: left;
  margin: 30px auto 60px;
}

.apply_record_td .personal_more {
  width: 100%;
  height: 46px;
  float: left;
  margin: 30px auto;
  position: absolute;
  bottom: 0;
  left: 0;
}

.personal_more div {
  width: 182px;
  height: 46px;
  background-color: #ffffff;
  border-radius: 2px;
  font-size: 20px;
  line-height: 46px;
  color: #666666;
  text-align: center;
  margin: 0 auto;
}

.personal_more div i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/info/btn_more_n.webp) no-repeat;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.personal_more div:hover {
  cursor: pointer;
  color: #2266ff;
}

.personal_more:hover i {
  background: url(/assets/img/frontend/info/btn_more_pre.webp) no-repeat;
}

.personal_more:active i {
  background: url(/assets/img/frontend/info/btn_more_s.webp) no-repeat;
}

.myyacht_main2 {
  width: 910px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 18px 20px;
  box-sizing: border-box;
}

.myyacht_main2 .myyacht1_list_m p {
  width: 650px;
}

.myyacht2_order_num {
  width: 870px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf2ff;
  border: solid 1px #eaf2ff;
  padding: 0 19px;
  box-sizing: border-box;
  font-size: 16px;
  margin-top: 30px;
}

.myyacht2_order_num span,
.myyacht2_text span {
  display: inline-block;
  width: 90px;
  color: #888999;
}

.myyacht2_order_num i,
.myyacht2_text i {
  color: #4a4a54;
}

.myyacht2_text {
  width: 434px;
  height: 46px;
  float: left;
  line-height: 46px;
  background-color: #f4f7fc;
  padding: 0 19px;
  box-sizing: border-box;
  font-size: 16px;
  margin-right: 2px;
  margin-top: 2px;
}

.myyacht2_texts {
  margin-right: 0;
}

.myyacht2_process {
  width: 100%;
  margin-top: 30px;
  float: left;
}

.myyacht2_process h3 {
  font-size: 20px;
  color: #0e1326;
  font-weight: normal;
  margin-bottom: 20px;
}

.myyacht2_process div {
  width: 100%;
  /* height: 16px; */
  line-height: 16px;
  margin-bottom: 30px;
  font-size: 16px;
  position: relative;
}

.myyacht2_process div a {
  line-height: 20px;
}

.myyacht2_process div span {
  color: #888999;
}

.myyacht2_process div i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/mine/ico1.webp) no-repeat;
  position: relative;
  top: 2px;
  margin-left: 6px;
  margin-right: 4px;
}

.myyacht2_process div i.action {
  background: url(/assets/img/frontend/mine/ico.webp) no-repeat;
}

.myyacht2_process .myyacht2_process_new a {
  color: #2266ff;
}
/* .myyacht2_process div::after {
  content: '';
  display: block;
  border-left: #ccc dashed 1px;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 175px;
  top: 26px;
}
.myyacht2_process div:last-child::after {
  display: none;
} */
.myyacht2_process div a:hover {
  color: #004fff;
}

.myyacht_main3 {
  width: 910px;
  height: auto;
  float: left;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 18px;
  box-sizing: border-box;
}

.myyacht_main3 .myyacht3_main .personal_noData {
  height: auto;
}
/* body
  > div.personal.flo
  > div
  > div.personal_r.flo
  > div
  > div.myyacht_main3
  > div.myyacht3_videos.myyacht3_main.simple_box_r2
  > div {
  height: 1140px;
}
*/
body
  > div.personal.flo
  > div
  > div.personal_r.flo
  > div
  > div.mynews
  > div.mynews_main.simple_box_r2.hide
  > div {
  /*height: 1170px;*/
}

.myyacht_main3_tab {
  height: 16px;
  line-height: 16px;
  position: relative;
}

.myyacht_main3_tab span {
  display: inline-block;
  height: 16px;
  font-size: 16px;
  color: #888999;
  margin-right: 30px;
}

.myyacht3_main {
  padding-top: 30px;
  box-sizing: border-box;
}

.myyacht_main3_tab span:hover {
  cursor: pointer;
  color: #004fff;
}

.myyacht_main3_tab span.action {
  color: #2266ff;
}

.myyacht_main3_list {
  width: 100%;
}

.myyacht_main3_list span {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #888999;
  margin-bottom: 10px;
}

.myyacht_main3_list p {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #4a4a54;
  margin-left: -8px;
}

.myyacht_main3_list img {
  width: 210px;
  height: 130px;
  float: left;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
}

.myyacht_main3_list img:nth-child(4n) {
  margin-right: 0;
}

.myyacht_main3_list div {
  width: 210px;
  height: 130px;
  float: left;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
  position: relative;
  background-color: #666;
}

.myyacht_main3_list video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.myyacht_main3_list div:nth-child(4n) {
  margin-right: 0;
}

.myyacht_main3_list div i {
  display: block;
  position: absolute;
  z-index: 100;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/mine/ico_video.webp) no-repeat;
}

.myyacht_main3_list div i:hover {
  cursor: pointer;
  transform: scale(1.05);
}

.myyacht3_imgs,
.myyacht3_videos {
  display: none;
}

.video {
  display: none;
}

.video_main {
  width: 1156px;
  height: 784px;
  background-color: #000000;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  transform: translate(-578px, -392px);
  padding-top: 52px;
  box-sizing: border-box;
}

.video_close {
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: -11px;
  right: -11px;
  background: url(/assets/img/frontend/index/btn_close3_pre.webp) no-repeat;
}

.video_close:hover {
  cursor: pointer;
  background: url(/assets/img/frontend/index/btn_close3_n.webp) no-repeat;
}

.video_close:active {
  background: url(/assets/img/frontend/index/btn_close3_s.webp) no-repeat;
}

.video_main video {
  width: 1156px !important;
  height: 732px !important;
}

.video_control {
  width: 100%;
  padding: 20px 28px;
  box-sizing: border-box;
}

.video_control span {
  display: inline-block;
  float: left;
  width: 43px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #ffffff;
}

.progressBar {
  position: relative;
  float: left;
  width: 990px;
  height: 4px;
  background-color: #333333;
  border-radius: 2px;
  margin: 6px 10px;
}

.timeBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  border-radius: 2px;
  transition: all 0.5s;
}

.video_control i {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.video_control_l {
  float: left;
  margin-top: 15px;
}

.video_control_r {
  float: right;
  margin-top: 12px;
}

.video_play {
  background: url(/assets/img/frontend/mine/ico_suspend.webp) no-repeat;
  margin-right: 30px;
}

.video_play.action {
  background: url(/assets/img/frontend/mine/ico_play.webp) no-repeat;
}

.video_next {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 7px;
  cursor: pointer;
  transition: all .3s ease;
}

.video_next:hover {
  background: #00b2ff;
}

.video_next::before {
  content: '';
  display: block;
  background: url(/assets/img/frontend/mine/ico_next.webp) no-repeat center / cover;
  width: 18px;
  height: 18px;
}

.video_volume {
  background: url(/assets/img/frontend/mine/ico_mute.webp) no-repeat;
  margin-right: 30px;
  float: right !important;
}

.video_volume.action {
  background: url(/assets/img/frontend/mine/ico_enlarge.webp) no-repeat;
  float: right !important;
}

.video_screen {
  background: url(/assets/img/frontend/mine/ico_enlarge.webp) no-repeat;
}

.video_volumes {
  position: relative;
  float: left;
  width: 130px;
  height: 24px;
}

.volumes {
  height: 24px;
  width: 70px;
  border-radius: 2px;
  float: left;
  display: none;
  position: relative;
}

.volumeBar {
  height: 4px;
  width: 70px;
  background-color: #888888;
  border-radius: 2px;
  position: relative;
  margin-top: 10px;
  z-index: 10;
}

.video_volumes:hover .volumes {
  display: block;
}

.volume {
  position: absolute;
  top: 10px;
  left: 0;
  width: 0;
  height: 4px;
  z-index: 100;
  background-color: #ffffff;
  border-radius: 2px;
  transition: all 0.5s;
  cursor: pointer;
}

.putaway_main {
  width: 910px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-top: 0;
  /* padding: 4px 5px 15px 5px; */
  box-sizing: border-box;
  padding-bottom: 3px;
}

.putaway_btn {
  width: 100%;
  float: left;
}

.putaway_btn div {
  width: 182px;
  height: 44px;
  background-color: #ececec;
  border-radius: 2px;
  text-align: center;
  line-height: 46px;
  color: #666666;
  text-align: center;
  margin: 30px auto 28px;
}

.putaway_btn div i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/info/btn_more_n.webp) no-repeat;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.putaway_btn div:hover {
  cursor: pointer;
  color: #2266ff;
}

.putaway_btn div:hover i {
  background: url(/assets/img/frontend/info/btn_more_pre.webp) no-repeat;
}

.putaway_btn div:active i {
  background: url(/assets/img/frontend/info/btn_more_s.webp) no-repeat;
}

.myinfo_main {
  display: block;
  width: 910px;
  min-height: 184px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}

.myinfo_main .myinfo_main_a {
  width: 870px;
  height: 180px;
  float: left;
}

.myinfo_main a:hover h3 {
  color: #2266ff;
}

.myinfo_main .info_mainL_img {
  float: left;
  width: 244px;
  height: 144px;
  border-radius: 6px;
  margin-right: 20px;
}

.myinfo_main img {
  width: 244px;
  height: 144px;
  transition: all 1s;
  border-radius: 6px;
}

.myinfo_main img:hover {
  transform: scale(1.05);
}

.myinfo_main a div {
  /* width: 606px; */
  width: 406px;
  float: left;
}

.myinfo_main h3 {
  /* width: 535px; */
  width: 435px;
  font-size: 18px;
  color: #0e1326;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.myinfo_main .info_list_text {
  width: 612px;
  height: 55px;
  font-size: 16px;
  line-height: 26px;
  color: #888999;
  margin-top: 8px;
  margin-bottom: 41px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.info_list_time {
  display: inline-block;
  height: 18px;
  float: left;
  font-size: 14px;
  line-height: 21px;
  color: #888999;
}

.myinfo_main .info_list_art {
  width: 170px;
  height: 24px;
  color: #888999;
  position: absolute;
  /* bottom: 17px; */
  top: 144px;
  right: -50px;
}

.info_list_art p {
  display: block;
  float: left;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #888999;
}

.info_list_art i {
  display: inline-block;
  float: left;
}

.info_list_art span {
  display: inline-block;
  float: left;
  line-height: 24px;
  margin-left: 5px;
}

.info_list_good:hover {
  cursor: pointer;
  color: #2266ff;
}

.info_list_art .action {
  color: #2266ff;
}

.info_list_good:hover i {
  background: url(/assets/img/frontend/info/btn_dianzan_pre.webp) no-repeat;
}

.info_list_good.action i {
  background: url(/assets/img/frontend/info/btn_dianzan_pre.webp) no-repeat;
}

.info_good {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/info/btn_dianzan_n.webp) no-repeat;
  position: relative;
  top: -3px;
}

.info_news {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/info/btn_comment.webp) no-repeat;
  margin-left: 23px;
}

.myinfo_main_select {
  width: 66px;
  height: 28px;
  background-color: #f5f5fa;
  position: absolute;
  top: 16px;
  right: 20px;
}

.myinfo_select {
  width: 66px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #888999;
  border: 1px solid #f5f5fa;
  box-sizing: border-box;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}

.myinfo_select:hover {
  border-color: #2266ff;
}

.myinfo_select i {
  display: inline-block;
  width: 14px;
  height: 8px;
  margin-left: 6px;
  background: url(/assets/img/frontend/index/btn_ddm2.webp) no-repeat;
}

.myinfo_select i.action {
  background: url(/assets/img/frontend/index/btn_ddm1.webp) no-repeat;
}

.myinfo_list {
  position: absolute;
  top: 30px;
  left: -14px;
  z-index: 910;
  width: 94px;
  max-height: 132px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  text-align: center;
  padding: 6px 0;
  display: none;
}

.myinfo_list p {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #2d3137;
}

.myinfo_list p i {
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 6px;
}

.myinfo_list p i.visited {
  background: url(/assets/img/frontend/mine/check2.webp) no-repeat;
}

.myinfo_list p:hover i {
  background: url(/assets/img/frontend/mine/check2.webp) no-repeat;
}

.myinfo_list p:hover {
  cursor: pointer;
  background-color: #f5f5fa;
}

.atTop {
  float: left;
  height: 18px;
  line-height: 18px;
  margin-left: 20px;
}

.atTop img {
  width: 18px;
  height: 18px;
  float: left;
  position: relative;
  margin-right: 2px;
}

.atTop span {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  color: #ff7228;
  float: left;
}

.onlyLook {
  float: left;
  height: 18px;
  line-height: 18px;
  margin-left: 20px;
}

.onlyLook img {
  width: 18px;
  height: 18px;
  position: relative;
  float: left;
  margin-right: 2px;
}

.onlyLook span {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  color: #888999;
  float: left;
}

/* 评论 */
.my_comments {
  width: 910px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  float: left;
}
.user_comments {
  width: 910px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  float: left;
}

.my_comments_top {
  height: 40px;
  position: relative;
}

.my_comments_top img {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}

.my_comments_top .my_comments_details {
  float: left;
}

.my_comments_top .my_comments_details a {
  display: block;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  color: #0e1326;
  margin-top: 2px;
  width: 100%;
}

.my_comments_top .my_comments_details a:hover {
  color: #2266ff;
}

.my_comments_top .my_comments_details span {
  display: block;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  color: #888999;
  margin-top: 10px;
}

.my_comments_con {
  display: block;
}

.my_comments_con:hover .my_comments_text {
  cursor: pointer;
  color: #2266ff;
}

.my_comments_text {
  width: 100%;
  font-size: 16px;
  float: left;
  line-height: 25px;
  color: #0e1326;
  margin: 14px auto 12px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.my_comments_text span {
  letter-spacing: 1px;
  color: #2266ff;
}

.my_comments_main {
  float: left;
  width: 870px;
  background-color: #f5f5fa;
  padding: 20px;
  box-sizing: border-box;
}

.my_comments_main p {
  height: 16px;
  line-height: 16px;
}

.my_comments_main p span {
  display: inline-block;
  float: left;
  font-size: 16px;
  line-height: normal;
  color: #888999;
  margin-bottom: 10px;
  margin-left: 10px;
}

.my_comments_main p .my_comments_title {
  color: #0e1326;
  /* width: 68%; */
  width: 52%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my_comments_main p .my_comments_time {
  /* float: right; */
}

.my_comments_main div {
  width: 100%;
  float: left;
}

.my_comments_main div img {
  width: 120px;
  height: 90px;
  border-radius: 8px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.my_comments_main div img:hover {
  transform: scale(1.05);
  transition: all 1s;
}

.my_comments .info_list_art {
  float: right;
  /* margin-top: 10px; */
  /* width: 246px; */
  color: #888999;
}
.user_comments .info_list_art {
  float: right;
  margin-top: 10px;
  color: #888999;
}
.info_delete {
  display: inline-block;
  float: left;
  height: 22px;
  line-height: 22px;
  margin-right: 20px;
}

.info_delete i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/frontend/mine/ico_delete.webp) no-repeat;
  margin-top: -2px;
}

.info_delete span {
  margin-left: 0;
  font-size: 16px;
}

.info_delete:hover {
  cursor: pointer;
  color: #2266ff;
}
.info_delete:hover i {
  background: url(/assets/img/frontend/mine/ico_delete_pre.webp) no-repeat;
}

/* 评论 */
.mypost {
  width: 910px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  float: left;
}

.my_comments_top .myinfo_main_select {
  float: right;
  top: 0;
  right: 0;
}

.my_comments_top p {
  margin-top: 2px;
}

.my_comments_top p img {
  width: 18px;
  height: 18px;
  margin-right: 2px;
}

.mypost .info_list_art {
  float: right;
  margin-top: 10px;
  color: #888999;
}

.mypost .mypost_main {
  float: left;
  width: 100%;
}

.mypost .mypost_main img {
  width: 120px;
  height: 120px;
  margin-right: 40px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.mypost .mypost_main img:hover {
  transform: scale(1.05);
  transition: all 1s;
}

/* 我的关注 */
.atten_mains {
  width: 910px;
  height: auto;
  float: left;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
}

.atten_main {
  width: 254px;
  height: 55px;
  margin-right: 52px;
  margin-bottom: 24px;
  float: left;
}

.atten_main:nth-child(3n) {
  margin-right: 0;
}

.atten_main img {
  width: 55px;
  height: 55px;
  float: left;
  border-radius: 6px;
  margin-right: 8px;
}

.atten_main img:hover {
  transform: scale(1.05);
  transition: all 1s;
}

.atten_main div {
  width: 130px;
  display: inline-block;
  float: left;
}

.atten_main_title {
  width: 100%;
  display: block;
  height: 22px;
  font-size: 18px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #0e1326;
  margin-top: 8px;
  margin-bottom: 11px;
}

.atten_main_title:hover {
  color: #2266ff;
}

.atten_main div span {
  display: block;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  margin-right: 12px;
}

.atten_main div span a {
  color: #888999;
}

.atten_main div span a:hover {
  color: #2266ff;
}

.atten_main_btn {
  width: 59px;
  height: 25px;
  font-size: 14px;
  line-height: 14px;
  float: right;
  text-align: center;
  background-color: #efefef;
  border-radius: 13px;
  color: #666666;
  margin-top: 14px;
}

.atten_main_btn:hover {
  color: #999;
  cursor: pointer;
  background-color: #f0f0f0;
}

/* 寄卖申请记录 */
.apply_record {
  width: 910px;
  height: auto;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 10px;
  box-sizing: border-box;
}

.apply_record_th {
  width: 890px;
  height: 52px;
  background-color: #eaf2ff;
  border-radius: 6px 6px 0px 0px;
}

.apply_record_th span {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  text-align: center;
  float: left;
  font-size: 14px;
  letter-spacing: -1px;
  color: #0e1326;
}

.record_time {
  width: 140px;
}

.record_brand {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.record_place {
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.record_rebuild {
  width: 90px;
}

.record_type {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.record_other {
  width: 90px;
}

.record_status {
  width: 240px;
}

.apply_record_list p,
.apply_record_list a {
  height: 52px;
  line-height: 52px;
  text-align: center;
  float: left;
  font-size: 14px;
  color: #4a4a54;
}

.personal_r.flo .simple_box_r .apply_record_td p.record_brand {
  padding: 0 5px;
  box-sizing: border-box;
}

.apply_record_list .record_other {
  color: #2266ff;
}

.apply_record_list .record_other:hover {
  cursor: pointer;
  text-decoration: underline;
}
.apply_record_th .record_status,
.in_record_th .in_status {
  text-align: left;
  padding-left: 25px;
  box-sizing: border-box;
}
.apply_record_list .record_status span {
  display: block;
  width: 80px;
  height: 52px;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.apply_record_list .record_status span:first-child {
  padding: 0;
}

.audit_status {
  color: #ff5d29;
}

.record_edit,
.record_delete {
  color: #c9cacf;
  pointer-events: none;
}

.record_edit i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url(/assets/img/frontend/mine/ico_edit_d.webp) no-repeat;
  position: relative;
  top: 3px;
}

.record_edit.action,
.record_delete.action {
  color: #2266ff;
  cursor: pointer;
  pointer-events: auto;
}

.record_edit.action i {
  background: url(/assets/img/frontend/mine/ico_edit_n.webp) no-repeat;
}

.record_delete i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url(/assets/img/frontend/mine/ico_delete1_d.webp) no-repeat;
  position: relative;
  top: 3px;
}

.record_delete.action i {
  background: url(/assets/img/frontend/mine/ico_delete1_n.webp) no-repeat;
}

.apply_record_td .apply_record_list {
  height: 52px;
}

.apply_record_td .apply_record_list:hover {
  background-color: #f4f7fc;
}

.personal_more .apply_more {
  background-color: #ececec;
}

.apply_consigns {
  display: none;
}
.apply_consigns[data-disabled="true"] form {
  pointer-events: none;
}

.apply_consigns[data-disabled="true"] form#form4 {
  pointer-events: auto;
}

.apply_consigns[data-disabled="true"] form#form4 .consign_mains_tabcon {
  pointer-events: none;
}

.apply_consigns[data-disabled="true"] .apply_consigns_submit {
  color: #fff;
  background: #e8eaeb;
  pointer-events: none;
}

.apply_consigns .consign_right,
.dealers_right {
  height: 576px;
}
.apply_consigns .n-right {
  position: absolute;
  left: 0;
  bottom: -4px;
}
.apply_consign {
  width: 900px;
  height: 880px;
  background-color: #ffffff;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-450px, -440px);
}

.apply_consign_head {
  margin-left: 50px;
  margin-bottom: 14px;
}

.apply_consign_head span {
  display: inline-block;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #888999;
  margin-right: 30px;
}

.apply_consign_head span:hover {
  cursor: pointer;
  color: #007aff;
}

.apply_consign_head span.action {
  color: #2266ff;
}

.apply_consigns_submit,
.in_record_submit {
  display: inline-block;
  width: 344px;
  height: 53px;
  background-color: #2266ff;
  border-radius: 8px;
  font-size: 20px;
  line-height: 53px;
  text-align: center;
  color: #f4f4f4;
}

.apply_consigns_submit:hover,
.in_record_submit:hover {
  cursor: pointer;
  background-color: #125bff;
}

.apply_consigns_submit:active,
.in_record_submit:active {
  background-color: #004fff;
}

.apply_consign_btn {
  width: 100%;
  height: 53px;
  margin: 48px auto;
  text-align: center;
  float: left;
}

.apply_consigns .consign_sample_img {
  /* margin-top: -34px; */
  /* top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  height: 635px; */
}

.apply_consigns .consign_sample_img img {
  object-fit: contain;
  /* height: auto; */
}

.apply_consigns_suc {
  display: none;
}

.consign_news div .resetEdit {
  width: 180px;
  height: 53px;
  background-color: #ffffff;
  border-radius: 8px;
  border: solid 1px #2266ff;
  font-size: 20px;
  line-height: 53px;
  text-align: center;
  color: #2266ff;
}

.consign_news div .resetEdit:hover {
  cursor: pointer;
  background-color: #deebff;
}

.consign_news div .resetEdit:active {
  background-color: #d1e3ff;
}

.consign_news div .goback {
  width: 180px;
  height: 53px;
  background-color: #2266ff;
  border-radius: 8px;
  font-size: 20px;
  line-height: 53px;
  text-align: center;
  color: #f4f4f4;
}

.consign_news div .goback:hover {
  cursor: pointer;
  background-color: #125bff;
}

.consign_news div .goback:active {
  background-color: #004fff;
}

/* 入驻申请 */
.in_record_th {
  width: 890px;
  height: 52px;
  background-color: #eaf2ff;
  border-radius: 6px 6px 0px 0px;
}

.in_record_th span {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  text-align: center;
  float: left;
  font-size: 14px;
  letter-spacing: -1px;
  color: #0e1326;
}

.in_time {
  width: 140px;
}

.in_company {
  width: 165px;
  padding: 0 5px;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.in_place {
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.in_address {
  width: 165px;
  padding: 0 5px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.in_other {
  width: 90px;
}

.in_status {
  width: 240px;
}

/* .apply_record_list .in_other{
	color: #2266ff;
}
.apply_record_list .in_other:hover{
	cursor: pointer;
	text-decoration: underline;
} */
.apply_record_list .in_status span {
  display: block;
  width: 80px;
  height: 52px;
  float: left;
  box-sizing: border-box;
  padding: 0 15px;
}
.apply_record_list .in_status span:first-child {
  padding: 0;
}
.apply_consigns .consign_main .consign_main_div {
  margin-right: 10px;
}

.apply_consigns .consign_btn {
  float: left;
}

.apply_consigns input::-webkit-input-placeholder {
  font-size: 14px;
}

.apply_consigns input::-moz-placeholder {
  font-size: 14px;
}

.apply_consigns input::-ms-input-placeholder {
  font-size: 14px;
}

/* 我的收藏 */
.my_collection_head {
  height: 16px;
  line-height: 16px;
  margin: 20px auto 16px;
  padding-left: 14px;
  box-sizing: border-box;
}

.my_collection_head span {
  display: inline-block;
  height: 16px;
  font-size: 16px;
  color: #888999;
  margin-right: 30px;
}

.my_collection_head span:hover {
  cursor: pointer;
  color: #004fff;
}

.my_collection_head span.action {
  color: #2266ff;
}

.my_collection_list {
  position: relative;
  width: 296px;
  height: 314px;
  float: left;
}

.my_collection_img {
  width: 42px;
  height: 42px;
  right: 10px;
  top: 20px;
  position: absolute;
  z-index: 100;
}

.my_collection_list:hover .my_collection_img {
  cursor: pointer;
  background: url(/assets/img/frontend/mine/btn_collection_pre.webp) no-repeat;
}

.my_collection_list:active .my_collection_img {
  background: url(/assets/img/frontend/mine/btn_collection_s.webp) no-repeat;
}

.myyacht_main3_text {
  margin-bottom: 10px;
  font-size: 16px;
  color: #0e1326;
  line-height: 16px;
  font-weight: bold;
}

.myyacht_main3_list img:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 1s;
}

.myyacht3_img_bank {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.largeImg {
  display: none;
}

.largeImg_img {
  width: 50%;
  height: 50%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.largeImg_img img {
  width: 100%;
  max-height: 600px;
  object-fit: contain;
}

.largeImg_img i {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/assets/img/frontend/index/home_close2_n.webp) no-repeat;
  position: absolute;
  z-index: 100;
  right: -14px;
  top: -14px;
}

.largeImg_img i:hover {
  cursor: pointer;
  background: url(/assets/img/frontend/index/home_close2_pre.webp) no-repeat;
}

.largeImg_img i:active {
  background: url(/assets/img/frontend/index/home_close2_s.webp) no-repeat;
}

/* 我的消息 */
.mynews {
  width: 910px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px 20px 12px;
  box-sizing: border-box;
  float: left;
}

.myyacht_main3_tab p {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  line-height: 16px;
  color: #2266ff;
}

.myyacht_main3_tab p:hover {
  cursor: pointer;
  color: #004fff;
}

.myyacht_main3_tab p.disable {
  pointer-events: none;
  color: #666;
}

.mynews .myyacht_main3_tab {
  margin-bottom: 9px;
}

.mynews_main_List {
  display: block;
  width: 870px;
  height: 90px;
  border-bottom: 1px solid #f5f5fa;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
}

.mynews_main_List:hover p,
.mynews_main_List:hover span {
  color: #2266ff;
}

.mynews_main_img {
  width: 44px;
  height: 44px;
  position: relative;
  float: left;
  margin-right: 20px;
}
.mynews_main_img img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.mynews_main_img i {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff0000;
}

.mynews_main_text {
  float: left;
}

.mynews_main_text p {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #0e1326;
  margin: 1px 0 16px 0;
}

.mynews_main_text span {
  display: block;
  width: 800px;
  /* height: 16px; */
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #888999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}

.mynews_main_List .mynews_main_time {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 14px;
  line-height: 14px;
  color: #888999;
}

/* 我的消息下的通知 */
.notice {
  width: 100%;
  background-color: #f4f4f4;
  padding: 30px 0 28px 0;
  box-sizing: border-box;
}

.notice_nav {
  width: 100%;
  height: 52px;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 52px;
  color: #676767;
  margin-bottom: 20px;
  padding: 0 20px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notice_main {
  width: 1200px;
  min-height: 326px;
  /* height: 426px; */
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
}
.notice_main p a:hover {
  color: #2266ff;
}
.notice_main .system_top {
  height: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}

.notice_main .editor_class {
  word-break: break-all;
}

.notice_main .system_top span {
  display: block;
  float: left;
  color: #0e1326;
  font-size: 16px;
  letter-spacing: 1px;
}

.notice_main .system_top i {
  display: block;
  float: right;
  font-size: 14px;
  color: #888999;
}

.notice_main p {
  font-size: 16px;
  line-height: 36px;
  color: #4a4a54;
}

.interact_top {
  height: 44px;
  width: 100%;
  /* float: left; */
}
.interact_top img {
  width: 44px;
  height: 44px;
  display: block;
  float: left;
  margin-right: 12px;
  border-radius: 50%;
}
.interact_top div {
  float: left;
}
.interact_top div a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #0e1326;
}
.interact_top div a:hover,
.interact_main:hover {
  color: #2266ff;
}
.interact_top div span {
  display: block;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0;
  color: #888999;
}
.interact_text {
  width: 100%;
  font-size: 16px;
  line-height: 35px;
  color: #0e1326;
  /* float: left; */
  margin-top: 10px;
  word-break: break-all;
}
.interact_main {
  display: block;
  /* float: left; */
  width: 100%;
  /* height: 56px; */
  line-height: 35px;
  background-color: #f5f5fa;
  border-radius: 6px;
  padding: 0 18px;
  color: #888999;
  box-sizing: border-box;
  word-break: break-all;
}
.leave_word {
  display: block;
  float: left;
  padding-top: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5f5fa;
}
.leave_word .mynews_main_text p {
  margin: 3px 0 12px 0;
}
.leave_word_main {
  display: block;
  float: left;
  width: 818px;
  height: 132px;
  background-color: #f5f5fa;
  border-radius: 6px;
  padding: 20px 18px;
  box-sizing: border-box;
  margin: 18px 0 20px 52px;
}
.leave_word_main img {
  width: 130px;
  height: 92px;
  background-color: #7183ac;
  border-radius: 6px;
  margin-right: 14px;
  display: block;
  float: left;
}
.leave_word_main h3 {
  width: 636px;
  height: 22px;
  float: left;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0e1326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.leave_word_main p {
  width: 636px;
  height: 18px;
  float: left;
  font-size: 16px;
  line-height: 16px;
  color: #888999;
  margin: 16px 0 18px 0;
  display: flex;
  align-items: center;
}
.leave_word_main p i {
  margin: 0 6px;
  color: #888999;
}
.leave_word_main span {
  display: block;
  float: left;
  width: 636px;
  height: 18px;
  font-size: 16px;
  line-height: 18px;
  color: #ff7228;
}
.leave_word_main span i {
  font-size: 18px;
}
.leave_word_main:hover h3 {
  color: #2266ff;
}
.leave_word_main img:hover {
  transform: scale(1.05);
  transition: all 0.1s;
}

/* 注销 */
.account_cancel {
  width: 910px;
  height: 1223px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
}
.account_cancel_notice h3 {
  height: 18px;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0e1326;
  margin-bottom: 32px;
}
.account_cancel_notice p {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #4a4a54;
  margin-bottom: 22px;
}
.account_cancel_next1,
.consider_moment {
  width: 182px;
  height: 44px;
  background-color: #c9cacf;
  border-radius: 6px;
  font-size: 16px;
  color: #ffffff;
  line-height: 44px;
  text-align: center;
  margin-top: 46px;
  cursor: pointer;
}
.account_cancel_next1.action {
  background-color: #2266ff;
}
.account_cancel_next1.action:hover,
.account_cancel_next2:hover,
.consider_moment:hover,
.cancel_apply_sure:hover,
.cancel_complete:hover,
.audit_times_btn:hover {
  cursor: pointer;
  background-color: #125bff;
}
.account_cancel_next1.action:active,
.account_cancel_next2:active,
.consider_moment:active,
.cancel_apply_sure:active,
.cancel_complete:active,
.audit_times_btn:active {
  background-color: #004fff;
}
.account_cancel_deal {
  margin-top: 16px;
}
.account_cancel_deal i {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url(/assets/img/frontend/mine/check1_n.webp) no-repeat;
}
.account_cancel_deal i:hover {
  cursor: pointer;
  background: url(/assets/img/frontend/mine/check1_pre.webp) no-repeat;
}
.account_cancel_deal i.action {
  background: url(/assets/img/frontend/mine/check1_pre.webp) no-repeat;
}

.account_cancel_deal span {
  font-size: 16px;
  line-height: 16px;
  color: #888999;
}
.account_cancel_deal span a {
  color: #2266ff;
}
.account_cancel_deal span a:hover {
  color: #004fff;
}

.account_cancel_notice2 {
  margin-top: -2px;
}
.account_cancel_notice2 h3 {
  height: 18px;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0e1326;
  margin-bottom: 10px;
}
.account_cancel_notice2 div {
  width: 869px;
  height: 44px;
  background-color: #f5f5fa;
  border-radius: 6px;
  padding: 0 12px;
  box-sizing: border-box;
  margin-bottom: 10px;
  cursor: pointer;
}
.account_cancel_notice2 div:hover p {
  color: #2266ff;
}
.account_cancel_notice2 div p {
  height: 16px;
  font-size: 16px;
  line-height: 44px;
  color: #4a4a54;
  float: left;
}
.account_cancel_notice2 div i {
  display: block;
  width: 16px;
  height: 14px;
  float: right;
  margin-right: 8px;
  position: relative;
  top: 14px;
}

.account_cancel_notice2 div i.action {
  background: url(/assets/img/frontend/mine/check2.webp) no-repeat;
}
.notice_reason {
  margin-top: 40px;
}
.notice_reason textarea {
  width: 869px;
  height: 187px;
  background-color: #f5f5fa;
  border-radius: 6px;
  border: none;
  outline: none;
  padding: 14px;
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.account_cancel_img {
  height: 100px;
  margin-top: 0;
}
.account_cancel_img .problem_img_file {
  width: 100px;
  height: 100px;
  background-color: #f5f5fa;
  border-radius: 6px;
  padding-top: 33px;
  box-sizing: border-box;
  position: relative;
}
.account_cancel_img input {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 10;
  opacity: 0;
}
.account_cancel_img .problem_img {
  width: 100px;
  height: 100px;
}
.account_cancel_img img {
  width: 100px;
  height: 100px;
}
.problem_img_file span {
  width: 34px;
  height: 34px;
  display: block;
  margin: 0 auto;
  background: url(/assets/img/frontend/mine/btn_increase2_n.webp) no-repeat;
}
.problem_img_file:hover span {
  cursor: pointer;
  background: url(/assets/img/frontend/mine/btn_increase2_pre.webp) no-repeat;
}
.problem_img_file:active span {
  background: url(/assets/img/frontend/mine/btn_increase2_s.webp) no-repeat;
}
.account_cancel_contact {
  width: 869px;
  height: 44px;
  line-height: 44px;
  background-color: #f5f5fa;
  border-radius: 6px;
  margin: 20px 0 60px 0;
  padding: 0 12px;
  box-sizing: border-box;
  font-size: 16px;
  color: #4a4a54;
}
.account_cancel_contact::-webkit-input-placeholder {
  font-size: 16px;
  color: #4a4a54;
}

.account_cancel_contact::-moz-placeholder {
  font-size: 16px;
  color: #4a4a54;
}

.account_cancel_contact::-ms-input-placeholder {
  font-size: 16px;
  color: #4a4a54;
}
.account_cancel_next2 {
  width: 182px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #2266ff;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
}
.cancel_deal {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #888999;
  margin-top: 52px;
  margin-bottom: 34px;
}

.cancel_deal a {
  color: #2266ff;
}
.cancel_deal a:hover {
  color: #004fff;
}

.submit_cancel {
  width: 182px;
  height: 44px;
  line-height: 44px;
  color: #2266ff;
  float: left;
  text-align: center;
  background-color: #ffffff;
  border-radius: 6px;
  border: solid 1px #2266ff;
  box-sizing: border-box;
}

.submit_cancel:hover {
  cursor: pointer;
  background-color: #eaf2ff;
}
.consider_moment {
  float: left;
  margin-left: 35px;
  margin-top: 0;
  background-color: #2266ff;
}
.cancel_applys,
.audit_times {
  display: none;
}
.cancel_apply {
  width: 330px;
  height: 180px;
  background-color: #ffffff;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-165px, -90px);
}
.cancel_apply_title {
  height: 20px;
  font-size: 20px;
  font-weight: blod;
  text-align: center;
  line-height: 20px;
  color: #0e1326;
  margin-top: 20px;
  margin-bottom: 28px;
}
.cancel_apply_text {
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  color: #4a4a54;
  margin-bottom: 27px;
}
.cancel_apply_c {
  width: 111px;
  height: 36px;
  float: left;
  line-height: 36px;
  text-align: center;
  background-color: #eaf2ff;
  border-radius: 6px;
  font-size: 16px;
  color: #2266ff;
  margin-left: 34px;
  margin-right: 40px;
}
.cancel_apply_sure {
  width: 111px;
  height: 36px;
  float: left;
  line-height: 36px;
  text-align: center;
  background-color: #2266ff;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
}
.cancel_apply_c:hover {
  cursor: pointer;
  background-color: #dee9ff;
}
.account_main {
  display: none;
}
.account_main1 {
  display: block;
}

.account_con_list .cancel_complete {
  width: 182px;
  height: 44px;
  line-height: 44px;
  background-color: #c9cacf;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  margin-left: 84px;
  pointer-events: none;
}
.account_con_list .cancel_complete.action {
  cursor: pointer;
  background-color: #2266ff;
  pointer-events: auto;
}
.audit_times_btn {
  width: 160px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #2266ff;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
}
.cancel_back {
  width: 910px;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  border-radius: 6px 6px 0px 0px;
  padding: 0 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
  color: #1a1a1a;
}

.cancel_back:hover {
  cursor: pointer;
  color: #2266ff;
}

.cancel_back:hover i {
  background: url(/assets/img/frontend/mine/return_pre.webp) no-repeat;
}
.cancel_back:active i {
  background: url(/assets/img/frontend/mine/return_s.webp) no-repeat;
}

.cancel_back i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/frontend/mine/return_n.webp) no-repeat;
  position: relative;
  top: 4px;
}

.cancel_back h3 {
  display: inline-block;
  font-size: 20px;
}
.user_l {
  width: 250px;
  float: left;
  margin-right: 20px;
}
.user_news {
  width: 250px;
  background-color: #ffffff;
  text-align: center;
  padding: 30px 5px 24px 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
  float: left;
}
.user_news img {
  display: block;
  float: left;
}
.user_news span {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 14px;
  color: #888999;
  margin-top: 15px;
  float: left;
}
.audit_states {
  display: none;
}

.audit_state {
  width: 662px;
  height: 535px;
  background-color: #ffffff;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-331px, -267.5px);
}
.audit_state_text {
  font-size: 16px;
  color: #4a4a54;
  padding: 0 40px;
  height: 325px;
  overflow-y: auto;
}

.audit_state_text > p {
  margin-bottom: 1rem;
}

.audit_state_text::-webkit-scrollbar {
  width: 3px;
  height: 2%;
}

.audit_state_text::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f0f0f0;
}

.audit_state_text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background-color: #f5f5f5;
}
.audit_state_text span {
  color: #be2520;
  font-weight: bold;
}

.audit_state_text p {
  /* width: 182px;
  height: 118px; */
}

.audit_state_text p img {
  max-width: 587px !important;
  display: block;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 10px 0;
}

.audit_state_img {
  width: 602px;
  max-height: 276px;
  overflow-y: auto;
  margin-left: 40px;
  float: left;
}
.audit_state_img::-webkit-scrollbar,
.select_pro::-webkit-scrollbar {
  width: 2px;
  background-color: #fff;
}
.audit_state_img::-webkit-scrollbar-thumb,
.select_pro::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.audit_state_img img {
  width: 182px;
  height: 118px;
  border: solid 1px #c4c4c4;
  margin-right: 18px;
  margin-bottom: 20px;
  display: block;
  float: left;
  box-sizing: border-box;
}
.audit_state_edits {
  position: absolute;
  bottom: 30px;
  left: 159px;
}
.audit_state_edit {
  width: 344px;
  height: 53px;
  line-height: 53px;
  background-color: #396bfd;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.audit_state_edit:hover {
  cursor: pointer;
  background-color: #2266ff;
}
.personal_noData {
  /* width: 905px; */
  height: 1222px;
  text-align: center;
  padding: 100px 0;
  box-sizing: border-box;
  background-color: #fff;
  /* margin: 0 auto 60px; */
}

.audit_text {
  display: inline-block;
  background: url(/assets/img/global/prompt-box.webp) no-repeat;
  background-size: 100% 100%;
  width: auto;
  font-size: 12px;
  line-height: 44px;
  letter-spacing: 1px;
  color: #ff860e;
  margin-left: 20px;
  padding-left: 30px;
  padding-right: 10px;
  box-sizing: border-box;
}
.contact {
  display: none;
}
.code {
  display: none;
}
.isDelete {
  display: none;
}
.isDelete .del_cancel {
  width: 100px;
  margin-right: 50px;
}
.isDelete .del_ok {
  width: 100px;
}
.checked {
  color: #00a77a;
}
.unreviewed {
  color: #ff5d29;
}
.Unapprove {
  color: #ff0000;
}

.my_collection_lists .personal_noData {
  height: auto;
}

.edit_select::-webkit-scrollbar {
  width: 5px;
  height: 2%;
}

.edit_select::-webkit-scrollbar-track {
  border-radius: 2px;
}

.edit_select::-webkit-scrollbar-thumb {
  border-left: none;
  border-bottom: none;
  border-top: none;
  border-right: 2px solid rgba(0, 0, 0, 0);
  margin-right: 10px;
  box-shadow: 8px 0 0 #bfbfbf inset;
  background-color: #f5f5f5;
}

.apply_consign .consign_news {
  font-size: 0;
}

.apply_consign .consign_news .goback {
  margin-left: 20px;
}

/*互动消息数量样式*/
.message_count {
  width: 28px;
  height: 17px;
  background-color: #ff0404;
  border-radius: 9px;
  border: solid 1px #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  position: relative;
  top: -25px;
  left: 154px;
}

.myyacht2_process .myyacht2_processed:before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 28px;
  border-left: dashed 1px #e1e4ee;
  display: inline-block;
  top: -30px;
  left: 175px;
}

.published-successfully {
  color: #5FC526;
}

.under-review {
  color: #3D62FF;
}

.other-status {
  color: #EC1C25;
}

.pb-40 {
  padding-bottom: 40px;
}