/*通用类*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  margin: 0 auto;
  font-size: 12px;
  font-family: "Microsoft Yahei";
  background: #fff;
  color: #363636;
}
h1,
h2,
h3 {
  font-weight: 500;
}
img {
  border: none;
}
a {
  cursor: pointer;
  color: #363636;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #f60;
}
ul {
  list-style-type: none;
}
em {
  font-style: normal;
}
.lt {
  float: left;
}
.rt {
  float: right;
}
input.sub,
label {
  border: none;
  cursor: pointer;
}
input,
textarea,
select {
  font-family: "Microsoft Yahei";
  outline: none;
}
table {
  border-collapse: collapse;
}
table td,
table th {
  padding: 0;
}
.clear::before {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clear::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.warpin{
  width: 1200px;
  margin:0 auto;
}
.pulic_header_cont{
  background: #f5f5f5;
  border-bottom: 1px solid #ebebeb;
}
.pulic_header_cont .warpin{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pulic_header_cont .l_tips{
  display: flex;
  align-items: center;
  font-size:12px;
  color:#666666;
}
.pulic_header_cont .l_tips a{
  color:#f71818;
}
.pulic_header_cont .r_navi{
  display: flex;
  align-items: center;
}
.pulic_header_cont .r_navi .li{
  padding:0 20px;
  height: 36px;
  line-height: 36px;
  position: relative;
}
.pulic_header_cont .r_navi .li .tle{
  position: relative;
  font-size:12px;
  color:#666666;
}
.pulic_header_cont .r_navi .li .tle .arr{
  position: absolute;
  right: -20px;
  top:50%;
  transform: translateY(-50%);
  width: 12px;
}
.pulic_header_cont .r_navi .li .bit_dl{
  display: none;
  position: absolute;
  left:0;
  top:36px;
  width: 104px;
  background: #fff;
  border:1px solid #efefef;
}
.pulic_header_cont .r_navi .li .bit_dl .dd{
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding:0 10px;
  font-size:12px;
  color:#999999;
}
.pulic_header_cont .r_navi .li .bit_dl .dd:hover{
  background: #f2f2f2;
  color:#f52626;
}
.pulic_header_cont .r_navi .li:hover .bit_dl{
  display: block;
}
.pulic_head_bg{
  background: #fff;
}
.pulic_header_detail{
  display: flex;
  position: relative;
  padding:30px 0;
}
.pulic_header_detail .logo{
  display: block;
  margin-right: 40px;
}
.pulic_header_detail .l_title{
  display: flex;
  align-items: center;
}
.pulic_header_detail .l_title span{
  padding:0 20px;
  margin-left:10px;
  font-size:22px;
  color:#999999;
}
.pulic_header_detail .search_box{
  width: 600px;
}
.pulic_header_detail .search_box .search{
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border: 2px solid #273677;
  overflow: hidden;
}
.pulic_header_detail .search_box .search input{
  width: 510px;
  height: 100%;
  border:none;
  padding-left:10px;
  font-size:14px;
}
.pulic_header_detail .search_box .search .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 40px;
  background: #273677;
  font-size:16px;
  color:#ffffff;
}
.pulic_header_detail .search_box .bit_dl{
  display: flex;
  padding:10px 0 0;
  flex-wrap: wrap;
}
.pulic_header_detail .search_box .bit_dl .dt{
  width: 70px;
  font-size:13px;
  color:#999999;
}
.pulic_header_detail .search_box .bit_dl .dd{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 70px);
  padding-left:10px;
}
.pulic_header_detail .search_box .bit_dl .dd a{
  font-size:13px;
  color:#3758e4;
  margin-right: 10px;
  margin-bottom: 10px;
}
.pulic_header_detail .search_box .bit_dl .dd a:nth-child(2n){
  color:#ed2d2d;
}
.pulic_header_detail .buy_car{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 40px;
  background: #fafafa;
  border:1px solid #dddddd;
  font-size:13px;
  color:#3060b9;
  position: absolute;
  right: 0;
}
.pulic_header_detail .buy_car span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #e21c1c;
  font-size:12px;
  color:#fff;
  margin-top: -10px;
}
.pulic_header_detail .buy_car img{
  margin-right: 5px;
}
.header_deta_navi{
  display: flex;
  align-items: center;
}
.header_deta_navi .tis_tle{
  display: flex;
  align-items: center;
  width: 220px;
  height: 42px;
  background: #273677;
  padding:0 14px;
  font-size:16px;
  color:#ffffff;
  margin-right: 20px;
}
.header_deta_navi .tis_tle img{
  margin-right: 10px;
}
.header_deta_navi .nav{
  display: flex;
  align-items: center;
}
.header_deta_navi .nav .li{
  padding:0 30px;
  font-size:15px;
  color:#333333;
}
.index_cont_bg{
  padding:20px 0;
  background: #f6f6f6;
}
.index_case_1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.index_case_1 .menu_cont{
  width: 220px;
  background: #fff;
  padding:10px 0;
}
.index_case_1 .menu_cont .li{
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 52px;
  padding:0 20px;
  font-size:15px;
  color:#333333;
}
.index_case_1 .menu_cont .li .arr{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size:15px;
  color:#333333;
  font-family: "黑体";
}
.index_case_1 .menu_cont .li .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 24px;
  margin-right: 10px;
}
.index_case_1 .menu_cont .li .i.menu_i_1{
  background: url(../i/index_nav_1.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li .i.menu_i_2{
  background: url(../i/index_nav_2.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li .i.menu_i_3{
  background: url(../i/index_nav_3.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li .i.menu_i_4{
  background: url(../i/index_nav_4.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li .i.menu_i_5{
  background: url(../i/index_nav_5.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li .i.menu_i_6{
  background: url(../i/index_nav_6.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li .i.menu_i_7{
  background: url(../i/index_nav_7.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover{
  background: #f2f2f2;
  color:#3758e4;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_1{
  background: url(../i/index_nav_1h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_2{
  background: url(../i/index_nav_2h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_3{
  background: url(../i/index_nav_3h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_4{
  background: url(../i/index_nav_4h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_5{
  background: url(../i/index_nav_5h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_6{
  background: url(../i/index_nav_6h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .menu_cont .li:hover .i.menu_i_7{
  background: url(../i/index_nav_7h.png) no-repeat center;
  background-size:contain;
}
.index_case_1 .index_baner_box{
  display: block;
  width: 888px;
  height: 384px;
  margin: 0 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.index_case_1 .index_baner_box .swiper-slide{
        display: flex;
    align-items: center;
    justify-content: center;
}
.index_case_1 .index_baner_box img{
  display: block;
  height: auto;
}
.index_case_1 .index_baner_box .swiper-pagination-bullet{
  width: 37px;
  height: 2px;
  border-radius: 0;
  margin:0 4px;
  background: #fff;
}
.index_case_1 .index_baner_box .swiper-button-prev{
  width: 34px;
  height: 45px;
  background: url(../i/baner_prev.png) no-repeat center;
  background-size:cover;
  outline: none;
}
.index_case_1 .index_baner_box .swiper-button-prev::after{
  display: none;
}
.index_case_1 .index_baner_box .swiper-button-next{
  width: 34px;
  height: 45px;
  background: url(../i/baner_next.png) no-repeat center;
  background-size:cover;
  outline: none;
}
.index_case_1 .index_baner_box .swiper-button-next::after{
  display: none;
}
.index_case_1 .user_infor_cont{
  width: 260px;
  background: #fff;
  border-radius: 10px;
  padding:20px;
}
.index_case_1 .user_infor_cont .user_deta{
  text-align: center;
  margin-bottom:20px;
}
.index_case_1 .user_infor_cont .user_deta .ava{
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin:0 auto 10px;
}
.index_case_1 .user_infor_cont .user_deta .ava img{
  display: block;
  width: 100%;
  height: 100%;
}
.index_case_1 .user_infor_cont .user_deta .user_name{
  text-align: center;
  font-size:15px;
  color:#333333;
}
.index_case_1 .user_infor_cont .user_deta .agent_tip{
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_case_1 .user_infor_cont .user_deta .agent_tip div{
  width: 80px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:12px;
  color:#fff;
  position: relative;
}
.index_case_1 .user_infor_cont .user_deta .agent_tip div::after{
  content: "";
  display: block;
  width: 70px;
  height: 100%;
  position: absolute;
  left:50%;
  top:50%;
  transform:skewX(-15deg) translate(-50%,-50%);
  border-radius: 5px;
  background: #f2b852;
}
.index_case_1 .user_infor_cont .user_deta .agent_tip em{
  position: relative;
  z-index: 2;
  margin-left: 20px;
}
.index_case_1 .user_infor_cont .user_deta .agent_tip span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url(../i/ddl_bg.png) no-repeat center;
  background-size:cover;
  font-size:12px;
  color:#fff;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.index_case_1 .user_infor_cont .btn_last{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:20px 0;
  border-bottom: 1px solid #f2f2f2;
}
.index_case_1 .user_infor_cont .btn_last .li{
  padding:0 20px;
  text-align: center;
  font-size:13px;
  color:#333333;
}
.index_case_1 .user_infor_cont .btn_last .li img{
  display: block;
  margin:0 auto 20px;
}
.index_case_1 .user_infor_cont .anno_last h2{
  font-size:13px;
  color:#0b2e7f;
  margin-bottom:10px;
}
.index_case_1 .user_infor_cont .anno_last a{
  display: block;
  font-size:12px;
  color:#666666;
  padding:5px 0;
}
.index_recom_content{
  background: #fff;
  margin-bottom: 20px;
  border-radius: 5px;
}
.index_recom_content .tis_navi{
  width: 100%;
  background: #ecedf3;
  display: flex;
  align-items: center;
}
.index_recom_content .tis_navi .li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 184px;
  height: 46px;
  font-size:16px;
  color:#3f3f3f;
  position: relative;
}
.index_recom_content .tis_navi .li.hover::after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top:13px solid #273677;
  border-left:8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  bottom:-13px;
  left:50%;
  transform: translateX(-50%);
}
.index_recom_content .tis_navi .li.hover{
  background: #273677;
  font-size:16px;
  color:#ffffff;
}
.index_recom_content .bit_cont_bg{
  padding:18px;
}
.index_recom_content .bit_cont_bg .expend_last{
  display: none;
  flex-wrap: wrap;
}
.index_recom_content .bit_cont_bg .expend_last.active{
  display: flex !important;
}
.index_recom_content .bit_cont_bg .expend_last .list{
  width: 220px;
  border:1px solid #ebebeb;
  margin-right: 14px;
  margin-bottom: 0;
  padding:20px 10px;
}
.index_recom_content .bit_cont_bg .expend_last .list:last-child{
  margin-right: 0;
}
.index_recom_content .bit_cont_bg .expend_last .list .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 210px;
  overflow: hidden;
}
.index_recom_content .bit_cont_bg .expend_last .list .i img{
  display: block;
  width: 100%;
}
.index_recom_content .bit_cont_bg .expend_last .list .tle{
  font-size:14px;
  color:#333333;
      margin: 15px 0;
    height: 40px;
  display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.index_recom_content .bit_cont_bg .expend_last .list .price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 34px;
  border:1px solid #ef1a1a;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  padding:0 10px;
}
.index_recom_content .bit_cont_bg .expend_last .list .price span{
  font-size:14px;
  font-weight: bold;
  color:#ef1f1f;
}
.index_recom_content .bit_cont_bg .expend_last .list .price .btn{
  font-size:15px;
  color:#ffffff;
  position: relative;
  z-index: 2;
}
.index_recom_content .bit_cont_bg .expend_last .list .price::after{
  content: "";
  display: block;
  width:90px;
  height: 100%;
  background: #ef1f1f;
  transform:skewX(-15deg);
  position: absolute;
  right: -10px;
}
.index_pulic_price{
  width: 100%;
  background: #fff;
  margin-bottom: 24px;
  padding:20px;
}
.index_pulic_price .tis_header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:15px 0;
}
.index_pulic_price .tis_header .tle{
  font-size:13px;
  color:#999999;
}
.index_pulic_price .tis_header .tle span{
  font-size:23px;
  color:#000000;
  font-weight: bold;
  margin-right: 2px;
}
.index_pulic_price .tis_header .more{
  font-size:15px;
  color:#999999;
}
.index_pulic_price .bit_cont{
  display: flex;

  justify-content: space-between;
}
.index_pulic_price .exhibi_cont{
  width: 222px;
}
.index_pulic_price .exhibi_cont .tis_i{
  display: block;
  width: 100%;
  height: 402px;
}
.index_pulic_price .exhibi_cont .tis_i img{
  display: block;
  width: 100%;
  height: 100%;
}
.index_pulic_price .exhibi_cont .bit_last{
  display: flex;
  flex-wrap: wrap;
  padding:15px 0;
}
.index_pulic_price .exhibi_cont .bit_last .li{
  padding:5px 10px;
  border-radius: 100px;
  margin-right: 6px;
  margin-bottom: 6px;
  font-size:15px;
  color:#333333;
  background: #f2f2f2;
  cursor:pointer;
}
.index_pulic_price .exhibi_cont .bit_last .li:hover{
  color:#3366cc;
}
.index_pulic_price .price_last{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 222px);
  padding-left: 8px;
}
.index_pulic_price .price_last .li{
  width: 178px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.index_pulic_price .price_last .li .i{
  display: block;
  width: 100%;
  height: 182px;
  border:1px solid #efefef;
}
.index_pulic_price .price_last .li .i img{
  display: block;
  width: 100%;
  height: 100%;
}
.index_pulic_price .price_last .li .tle{
  padding:8px 0;
  font-size:14px;
  color:#333333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index_pulic_price .price_last .li .bit_price{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_pulic_price .price_last .li .bit_price .pri{
  display: flex;
  align-items: center;
  font-size:17px;
  color:#ef1f1f;
}
.index_pulic_price .price_last .li .bit_price .pri span{
  font-size:20px;
  color:#ef1f1f;
  font-weight: bold;
}
.index_pulic_price .price_last .li .bit_price .num{
  font-size:12px;
  color:#999999;
}
.index_pulic_price .price_last .li:nth-child(5n){
  margin-right: 0;
}
.index_floor_cont{
  width: 50px;
  position: fixed;
  right: 4%;
  bottom: 10%;
}
.index_floor_cont .last_dl{
  width: 100%;
  padding:10px 5px;
  background: #fff;
  border:1px solid #eaeaea;
  border-radius: 5px;
}
.index_floor_cont .last_dl .li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding:8px 0;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.index_floor_cont .last_dl .li:last-child{
  border-bottom: 0px;
}
.index_floor_cont .last_dl .li .code_img{
  position: absolute;
  right: 50px;
  top:0;
  width: 140px;
  height: 140px;
  padding:10px;
  background: #fff;
  display: none;
}
.index_floor_cont .last_dl .li .code_img img{
  display: block;
  width: 100%;
  height: 100%;
}
.index_floor_cont .last_dl .li:hover .code_img{
  display: block;
}
.index_floor_cont .return_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  background: #fff;
  border:1px solid #eee;
  margin-top:10px;
}
.index_floor_cont .return_btn img{
  max-width: 100%;
}
.bit_adver_cont{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding:20px 0;
  background: #f6f6f6;
}
.bit_adver_cont img{
  max-width: 100%;
}
.pulic_footer_cont{
  padding:40px 0;
  background: #545454;
}
.pulic_footer_cont .warpin{
  display: flex;
  justify-content: space-between;
}
.pulic_footer_cont .navi_last{
  margin-right: 40px;
}
.pulic_footer_cont .navi_last h2{
  font-size:19px;
  color:#ffffff;
  margin-bottom: 20px;
}
.pulic_footer_cont .navi_last .li{
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size:14px;
  color:#999999;
}
.pulic_footer_cont .about_cont{
  padding:10px 50px;
  border-left:1px solid #626161;
}
.pulic_footer_cont .about_cont .title{
  margin-bottom: 30px;
}
.pulic_footer_cont .about_cont .title p{
  font-size:14px;
  color:#999999;
  margin-bottom: 10px;
}
.pulic_footer_cont .about_cont .title h2{
  font-size:29px;
  color:#ffffff;
}
.pulic_footer_cont .about_cont .txt p{
  font-size:13px;
  color:#999999;
}
.pulic_footer_copy{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding:15px 0;
  font-size:13px;
  color:#545454;
}
.content_pulic_baner{
  display: block;
  width: 100%;
}
.content_pulic_baner img{
  display: block;
  width: 100%;
}
.sell_recom_content{
  display: flex;
  flex-wrap: wrap;
}
.sell_recom_content .list_cont{
  width: 288px;
  margin-right: 16px;
  margin-bottom: 16px;
  background: #fff;
}
.sell_recom_content .list_cont:nth-child(4n){
  margin-right: 0;
}
.sell_recom_content .list_cont .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.sell_recom_content .list_cont .i img{
  width: 100%;
}
.sell_recom_content .list_cont .det_bg{
  width: 100%;
  padding:20px;
}
.sell_recom_content .list_cont .price_dl{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.sell_recom_content .list_cont .price_dl .dt{
  font-size:23px;
  color:#ef1f1f;
  font-weight: bold;
}
.sell_recom_content .list_cont .price_dl .dd{
  font-size:12px;
  color:#999999;
}
.sell_recom_content .list_cont .title{
  margin:5px 0;
  font-size:13px;
  color:#333333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sell_recom_content .list_cont .bit_purch{
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  border:1px solid #ef1a1a;
  border-radius: 5px;
  overflow: hidden;
  font-size:13px;
  color:#666666;
  position: relative;
  padding:0 10px;
}
.sell_recom_content .list_cont .bit_purch span{
  position: absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  z-index: 2;
  font-size:14px;
  color:#ffffff;
}
.sell_recom_content .list_cont .bit_purch::after{
  content: "";
  display: block;
  width: 90px;
  height: 100%;
  background: #ef1f1f;
  transform: skewX(-15deg);
  position: absolute;
  right: -10px;
}
.detail_pulic_bg{
  padding:20px 0;
}
.pulic_maps{
  padding:10px 0;
  font-size:13px;
  color:#333333;
}
.pulic_maps span{
  color:#999999;
}
.product_head_content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product_head_content .l_img_deta{
  width: 402px;
}
.product_head_content .l_img_deta .tis_i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 402px;
}
.product_head_content .l_img_deta .tis_i img{
  display: block;
  width: 100%;
  height: 100%;
}
.product_head_content .l_img_deta .bit_img_cont{
  padding:14px 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_head_content .l_img_deta .bit_img_cont .bit_img_last{
  width: calc(100% - 60px);
  height: 64px;
  position: relative;
  overflow: hidden;
}
.product_head_content .l_img_deta .bit_img_cont .bit_img_last .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border:1px solid #eeeeee;
}
.product_head_content .l_img_deta .bit_img_cont .bit_img_last img{
  display: block;
  width: 100%;
  height: 100%;
}
.product_head_content .l_img_deta .bit_img_cont .bit_img_prev{
  display: block;
  width: 18px;
  height: 30px;
  background: url(../i/pro_prve.png) no-repeat center;
  background-size:cover;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
.product_head_content .l_img_deta .bit_img_cont .bit_img_next{
  display: block;
  width: 18px;
  height: 30px;
  background: url(../i/pro_next.png) no-repeat center;
  background-size:cover;
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
}
.product_head_content .pro_detail_cont{
  width: 522px;
}
.product_head_content .pro_detail_cont .title{
  font-size:17px;
  color:#2f2f2f;
  margin-bottom: 14px;
  padding-top: 5px;
}
.product_head_content .pro_detail_cont .pri_cont{
  padding:14px 18px;
  background: url(../i/pro_det_bg.png) no-repeat center;
  background-size:cover;
}
.product_head_content .pro_detail_cont .pri_cont .dl{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.product_head_content .pro_detail_cont .pri_cont .dl:last-child{
  margin-bottom: 20px;
}
.product_head_content .pro_detail_cont .pri_cont .dl .dt{
  font-size:14px;
  color:#999999;
}
.product_head_content .pro_detail_cont .pri_cont .dl .dd{
  font-size:14px;
  color:#484646;
  display: flex;
  align-items: center;
}
.product_head_content .pro_detail_cont .pri_cont .dl .pri{
  font-size:27px;
  color:#ef1f1f;
}
.product_head_content .pro_detail_cont .pri_cont .dl .tips{
  padding:4px 6px;
  border:1px solid #ff302a;
  margin-right: 10px;
  font-size:14px;
  color:#fe352e;
}
.product_head_content .pro_detail_cont .pri_cont .dl .tips.tip_1{
  background: #fe352e;
  color:#fff;
}
.product_head_content .pro_detail_cont .deta_dl{
  display: flex;
  align-items: center;
  margin:10px 0;
  padding:0 20px;
}
.product_head_content .pro_detail_cont .deta_dl .dt{
  font-size:14px;
  color:#999999;
  padding:0 10px;
}
.product_head_content .pro_detail_cont .deta_dl .dd{
  font-size:14px;
  color:#333333;
}
.deta_count{
  display: flex;
  align-items: center;
  border:1px solid #cccccc;
}
.deta_count span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
.deta_count input{
  width: 60px;
  height: 34px;
  border:none;
  border-left:1px solid #ccc;
  border-right: 1px solid #ccc;
}
.product_head_content .pro_detail_cont .bit_btn{
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.product_head_content .pro_detail_cont .bit_btn .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 184px;
  height: 50px;
  border:1px solid #e92020;
  border-radius: 5px;
  margin-right: 10px;
  font-size:18px;
  color:#e1251b;
}
.product_head_content .pro_detail_cont .bit_btn .btn.join_1{
  color:#fff;
  background: #e1251b;
}
.product_head_content .pro_detail_cont .bit_btn .share_btn{
  width: 66px;
  height: 66px;
  border:1px solid #e8e8e8;
  margin-left:10px;
  text-align: center;
}
.product_head_content .pro_detail_cont .bit_btn .share_btn .i{
  display: block;
  width: 28px;
  height:28px;
  margin:6px auto;
  background: url(../i/share.png) no-repeat center;
  background-size:cover;
}
.product_head_content .pro_detail_cont .bit_btn .share_btn.hover .i{
  background: url(../i/share_h.png) no-repeat center;
  background-size:cover;
}
.product_head_content .pro_detail_cont .bit_btn .share_btn.hover{
  color:#e1251b;
}
.product_head_content .pro_user_infor{
  width: 208px;
  border:1px solid #eeeeee;
  padding:20px;
}
.product_head_content .pro_user_infor .user_deta{
  text-align: center;
  margin-bottom:30px;
}
.product_head_content .pro_user_infor .user_deta .ava{
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin:0 auto 10px;
}
.product_head_content .pro_user_infor .user_deta .ava img{
  display: block;
  width: 100%;
  height: 100%;
}
.product_head_content .pro_user_infor .user_deta .user_name{
  text-align: center;
  font-size:15px;
  color:#333333;
}
.product_head_content .pro_user_infor .user_deta .agent_tip{
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_head_content .pro_user_infor .user_deta .agent_tip div{
  width: 80px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:12px;
  color:#fff;
  position: relative;
}
.product_head_content .pro_user_infor .user_deta .agent_tip div::after{
  content: "";
  display: block;
  width: 70px;
  height: 100%;
  position: absolute;
  left:50%;
  top:50%;
  transform:skewX(-15deg) translate(-50%,-50%);
  border-radius: 5px;
  background: #f2b852;
}
.product_head_content .pro_user_infor .user_deta .agent_tip em{
  position: relative;
  z-index: 2;
  margin-left: 20px;
}
.product_head_content .pro_user_infor .user_deta .agent_tip span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url(../i/ddl_bg.png) no-repeat center;
  background-size:cover;
  font-size:12px;
  color:#fff;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.product_head_content .pro_user_infor .dl{
  margin:10px 0;
  display: flex;
  align-items: center;
}
.product_head_content .pro_user_infor .dl .dt{
  width: 70px;
  font-size:13px;
  color:#686666;
}
.product_head_content .pro_user_infor .dl .dd{
  width: calc(100% - 70px);
  font-size:13px;
  color:#484545;
}
.product_head_content .pro_user_infor .btn_last{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.product_head_content .pro_user_infor .btn_last .li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  height: 32px;
  background: #eeeeee;
  border-radius: 5px;
  font-size:13px;
  color:#333232;
}
.detail_hot_cont{
  margin:30px 0;
}
.detail_hot_cont .tis_tle{
  font-size:24px;
  color:#000000;
  padding:10px 0;
}
.detail_hot_cont .pro_last_cont{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding:14px;
  border:1px solid #eeeeee;
}
.detail_hot_cont .pro_last_cont .list{
  display: block;
  width: 220px;
  margin-right: 10px;
  border:1px solid #ebebeb;
}
.detail_hot_cont .pro_last_cont .list .tis_i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 210px;
  overflow: hidden;
}
.detail_hot_cont .pro_last_cont .list .tis_i img{
  max-width: 100%;
}
.detail_hot_cont .pro_last_cont .list .bit_txt{
  padding:12px 14px;
}
.detail_hot_cont .pro_last_cont .list .bit_txt h2{
  font-size:15px;
  color:#333333;
  margin-bottom: 10px;
}
.detail_hot_cont .pro_last_cont .list .bit_txt p{
  font-size:22px;
  font-weight: bold;
  color:#ef1f1f;
}
.detail_bit_infor{
  width: 100%;
  border:1px solid #eaeaea
}
.detail_bit_infor .tis_nav{
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  background: #f7f7f7;
}
.detail_bit_infor .tis_nav .li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 42px;
  font-size:14px;
  color:#333333;
  cursor: pointer;
}
.detail_bit_infor .tis_nav .li.hover,
.detail_bit_infor .tis_nav .li:hover{
  background: #273677;
  color:#fff;
}
.detail_bit_infor .bit_cont{
  padding:20px 10px;
}
.detail_bit_infor .bit_cont p{
  font-size:14px;
  color:#3b3b3c;
  margin-bottom: 20px;
}
.detail_bit_infor .bit_cont img{
  display: block;
  max-width: 100%;
  margin:20px auto;
}
.agent_header_cont{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:20px 0;
}
.agent_header_cont .logo{
  display: block;
}
.agent_header_cont .user_cont_box{
  position: relative;
}
.agent_header_cont .user_cont_box .head_cont{
  display: flex;
  align-items: center;
  padding:10px 40px 10px 0;
  color:#f74921;
}
.agent_header_cont .user_cont_box .head_cont .ava{
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  overflow: hidden;
  margin-right:5px;
}
.agent_header_cont .user_cont_box .head_cont .ava img{
  display: block;
  width: 100%;
  height: 100%;
}
.agent_header_cont .user_cont_box .head_cont .arr{
  position: absolute;
  right: 0;
  top:50%;
  transform:translateY(-50%);
}
.agent_header_cont .user_cont_box .bit_box{
  display: none;
  width: 100%;
  padding:5px 10px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  border-radius: 5px;
  position: absolute;
  right: 0;
}
.agent_header_cont .user_cont_box .bit_box .li{
  display: flex;
  align-items: center;
  margin:20px 0;
  font-size:13px;
  color:#333333;
}
.agent_header_cont .user_cont_box .bit_box .li .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.agent_header_cont .user_cont_box .bit_box .li:hover{
  color:#273677;
}
.agent_header_cont .user_cont_box:hover .bit_box{
  display: block;
  z-index: 11;
}
.agent_head_title{
  padding:15px 0;
  background: #273677;
  font-size:24px;
  color:#ffffff;
}
.agent_content_bg{
  padding:20px 0;
  background: #f6f6f6;
}
.agent_content_bg .warpin{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.agent_left_navi{
  width: 170px;
}
.agent_left_navi .navi_last{
  padding:14px 0;
  background: #fff;
}
.agent_left_navi .navi_last .tis_title{
  display: flex;
  align-items: center;
  padding:0 14px;
  height: 50px;
  font-size:15px;
  color:#283155;
  position: relative;
}
.agent_left_navi .navi_last .tis_title .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.agent_left_navi .navi_last .tis_title .i img{
  max-width: 100%;
}
.agent_left_navi .navi_last .tis_title .arr{
  position: absolute;
  right: 14px;
  top:50%;
  transform: translateY(-50%);
}

.agent_left_navi .navi_last .bit_dl{
  display: none;
  padding:10px 0 10px 40px;
}
.agent_left_navi .navi_last .bit_dl .li{
  display: block;
  width: 100%;
  margin:20px 0;
  font-size:14px;
  color:#343435;
}
.agent_left_navi .navi_last .bit_dl .li:hover{
  color:#273677
}
.agent_left_navi .navi_last.active .tis_title{
  background: #f2f4fc;
}
.agent_left_navi .navi_last.active .tis_title::after{
  content: "";
  display: block;
  width: 3px;
  height: 28px;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  background: #5c76b5;
}
.agent_right_cont{
  width: 1000px;
}
.agent_index_infor{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.agent_index_infor .user_infor{
  width: 318px;
  border-radius: 5px;
}
.agent_index_infor .user_infor .tis_cont{
  width: 100%;
  padding:28px 20px;
  background: linear-gradient(#e3e5ed, #fff);
  display: flex;
  align-items: center;
}
.agent_index_infor .user_infor .tis_cont .ava{
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
}
.agent_index_infor .user_infor .tis_cont .ava img{
  display: block;
  width: 100%;
  height: 100%;
}
.agent_index_infor .user_infor .tis_cont .txt_cont{
  width: calc(100% - 70px);
  padding-left:10px;
  position: relative;
}
.agent_index_infor .user_infor .tis_cont .txt_cont h2{
  font-size:24px;
  font-weight: bold;
  color:#000000;
  margin-bottom: 10px;
}
.agent_index_infor .user_infor .tis_cont .txt_cont p{
  font-size:15px;
  color:#333333;
}
.agent_index_infor .user_infor .tis_cont .txt_cont .inf{
  position: absolute;
  right: 0;
  top:50%;
  transform: translateY(-50%);
  font-size:13px;
  color:#273677;
}
.agent_index_infor .user_infor .agent_leven{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 50px;
  background: #f8f1e3;
}
.agent_index_infor .user_infor .agent_leven .dt{
  font-size:14px;
  color:#a8672c;
}
.agent_index_infor .user_infor .agent_leven .agent_tip{
  display: flex;
  justify-content: center;
  align-items: center;
}
.agent_index_infor .user_infor .agent_leven .agent_tip div{
  width: 80px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:12px;
  color:#fff;
  position: relative;
}
.agent_index_infor .user_infor .agent_leven .agent_tip div::after{
  content: "";
  display: block;
  width: 70px;
  height: 100%;
  position: absolute;
  left:50%;
  top:50%;
  transform:skewX(-15deg) translate(-50%,-50%);
  border-radius: 5px;
  background: #f2b852;
}
.agent_index_infor .user_infor .agent_leven .agent_tip em{
  position: relative;
  z-index: 2;
  margin-left: 20px;
}
.agent_index_infor .user_infor .agent_leven .agent_tip span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url(../i/ddl_bg.png) no-repeat center;
  background-size:cover;
  font-size:12px;
  color:#fff;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.agent_index_infor .user_balance_infor{
  width: 660px;
  padding:40px 0 70px;
  background: url(../i/agent_bg_1.png) no-repeat center;
  background-size:cover;
  display: flex;
  align-items: center;
}
.agent_index_infor .user_balance_infor .list{
  width: calc(100% / 4);
  text-align: center;
}
.agent_index_infor .user_balance_infor .list h2{
  font-size:28px;
  color:#363535;
  padding:10px 0;
}
.agent_index_infor .user_balance_infor .list p{
  font-size:13px;
  color:#363535;
}
.agent_order_content{
  width: 100%;
  padding:20px;
  background: #fff;
  margin-bottom: 20px;
}
.agent_order_content .head_title{
  display: flex;
  justify-content: space-between;
  padding:10px 0;
  font-size:20px;
  color:#2a2b2c;
}
.agent_order_content .head_title .more{
  font-size:14px;
  color:#ccc;
}
.agent_order_content .order_null{
  display: flex;
  align-items: center;
  margin:20px auto;
  width: 500px;
}
.agent_order_content .order_null .i{
  width: 130px;
}
.agent_order_content .order_null .txt_cont{
  padding-left:20px;
}
.agent_order_content .order_null .txt_cont p{
  font-size:14px;
  color:#8b8888;
  padding:10px 0;
}
.agent_order_content .order_null .txt_cont .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 30px;
  background: #ff6600;
  border-radius: 5px;
  font-size:14px;
  color:#fff;
}
.agent_recom_content{
  display: flex;
  justify-content: space-between;
}
.agent_recom_content .recom_cont{
  /*width: 768px;*/
  width: 100%;
  padding: 10px 30px 30px 30px;
  background: #fff;
}
.agent_recom_content .recom_cont .title{
  font-size:20px;
  color:#2a2b2c;
  padding:10px 0;
}
.agent_recom_content .recom_cont .pro_last{
  display: flex;
  flex-wrap: wrap;
}
.agent_recom_content .recom_cont .pro_last .list{
  width: 178px;
  margin-right: 8px;
}
.agent_recom_content .recom_cont .list .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 182px;
  border:1px solid #efefef;
  overflow: hidden;
}
.agent_recom_content .recom_cont .list .i img{
  max-width: 100%;
}
.agent_recom_content .recom_cont .list .title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding:5px 0;
  font-size:14px;
  color:#333333;
}
.agent_recom_content .recom_cont .list .price{
  position: relative;
  font-size:20px;
  font-weight: bold;
  color:#ef1f1f;
}
.agent_recom_content .recom_cont .list .price .num{
  position: absolute;
  right: 0;
  font-size:12px;
  color:#999999;
}
/*.agent_recom_content .recom_cont .list:nth-child(4n){*/
/*  margin-right: 0;*/
/*}*/
.agent_recom_content .news_anno{
  width: 222px;
  background: #fff;
  padding:20px;
}
.agent_recom_content .news_anno .title{
  font-size:20px;
  color:#2a2b2c;
}
.agent_recom_content .news_anno .last_dl{
  position: relative;
  padding:0 20px;
}
.agent_recom_content .news_anno .last_dl::after{
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left:4px;
  top:0;
  background: #e8e8e8;
}
.agent_recom_content .news_anno .last_dl .dd{
  position: relative;
  margin-bottom: 20px;
}
.agent_recom_content .news_anno .last_dl .dd p{
  font-size:13px;
  color:#222423;
  padding:5px 0;
}
.agent_recom_content .news_anno .last_dl .dd::after{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  left:-19px;
  top:10px;
  border-radius: 100%;
  background: #969696;
  z-index: 2;
}
.agent_pulic_title{
  padding:20px 0;
  font-size:20px;
  color:#333333;
  position: relative;
}
.agent_pulic_title .adress_add_btn{
  padding:5px 8px;
  border:1px solid #e4e4e4;
  border-radius: 100px;
  font-size:14px;
  color:#999999;
  position: absolute;
  right: 0;
}
.agent_infor_cont .user_inf{
  display: flex;
  align-items: center;
  margin:20px 0;
}
.agent_infor_cont .user_inf .ava{
  display: block;
  width: 78px;
  height: 78px;
  border-radius: 100%;
  overflow: hidden;
}
.agent_infor_cont .user_inf .ava img{
  display: block;
  width: 100%;
  height: 100%;
}
.agent_infor_cont .user_inf .txt_cont{
  width: calc(100% - 78px);
  padding-left:20px;
}
.agent_infor_cont .user_inf .txt_cont .change_ava{
  display: block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #273677;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
}
.agent_infor_cont .user_inf .txt_cont p{
  font-size:13px;
  color:#999999;
}
.agent_infor_cont .dl{
  display: flex;
  align-items: center;
  margin:10px 0;
}
.agent_infor_cont .dl .dt{
  width: 70px;
  font-size:14px;
  color:#999999;
}
.agent_infor_cont .dl .dd{
  padding-left:5px;
}
.agent_infor_cont .dl .dd input{
  /*border:none;*/
  font-size:14px;
}
.agent_infor_cont .dl .dd .agent_tip{
  display: flex;
  justify-content: center;
  align-items: center;
}
.agent_infor_cont .dl .dd .agent_tip div{
  width: 80px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  position: relative;
}
.agent_infor_cont .dl .dd .agent_tip div::after{
  content: "";
  display: block;
  width: 70px;
  height: 100%;
  position: absolute;
  left:50%;
  top:50%;
  transform:skewX(-15deg) translate(-50%,-50%);
  border-radius: 5px;
  background: #f2b852;
}
.agent_infor_cont .dl .dd .agent_tip em{
  position: relative;
  z-index: 2;
  margin-left: 20px;
}
.agent_infor_cont .dl .dd .agent_tip span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url(../i/ddl_bg.png) no-repeat center;
  background-size:cover;
  font-size:12px;
  color:#fff;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.agent_infor_cont .sub_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 35px;
  background: #273677;
  border-radius: 5px;
  font-size:15px;
  color:#fff;;
}
.agent_coment_bg{
  padding:20px;
  background: #fff;
}
.adress_last{
  margin:20px 0;
  width: 100%;
  border:1px solid #e8e8e8;
}
.adress_last .tis_head{
  position: relative;
  padding:10px 10px;
  border-bottom: 1px solid #e8e8e8;
  font-size:14px;
  color:#5f5f5f;
}
.adress_last .tis_head .mr{
  font-size:14px;
  color:#ff1300;
  position: absolute;
  right: 20px;
}
.adress_last .tis_head .mr.hover{
  cursor: pointer;
}
.adress_last .txt_dl{
  padding:30px 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.adress_last .txt_dl .li{
  width: calc(100% / 4);
  padding:10px;
  font-size:14px;
  color:#5f5f5f;
}
.agent_order_navi{
  display: flex;
  align-items: center;
  margin:20px 0;
}
.agent_order_navi .li{
  padding:10px 0;
  margin-right: 40px;
  font-size:15px;
  color:#666666;
  position: relative;
  cursor: pointer;
}
.agent_order_navi .li:hover,
.agent_order_navi .li.hover{
  color:#2a2b2c;
}
.agent_order_navi .li:hover em,
.agent_order_navi .li.hover em{
  color:#273677;
}
.agent_order_navi .li:hover::after,
.agent_order_navi .li.hover::after{
  content: "";
  display: block;
  width: 31px;
  height: 3px;
  position: absolute;
  bottom:0;
  left:0;
  background: #273677;
  border-radius: 100px;
}
.order_search{
  margin:10px 0;
}
.order_search input{
  width: 194px;
  height: 34px;
  background: #fff;
  border:1px solid #eeeeee;
  background: url(../i/ico_7.png) no-repeat 97% center;
  background-size:15px;
  padding-left:10px;
  border:1px solid #eeeeee;
}
.order_tab{
  width: 100%;
  border-bottom: 1px solid #c9c9c9;
}
.order_tab th{
  padding:14px 10px;
  background: #fafafa;
  font-size:14px;
  color:#9fa0a2;
}
.order_tab td{
  padding:14px 10px;
  font-size:13px;
  color:#666666;
  text-align: center;
}
.order_tab td .upload_btn{
  display: inline-block;
  padding:5px 8px;
  background: #fc5e19;
  color:#fff;
  border-radius: 5px;
}
.order_tab td .buy_btn{
  display: inline-block;
  padding:5px 8px;
  background: #fa1e1e;
  color:#fff;
  border-radius: 5px;
}
.order_tab td .pro_det{
  display: inline-flex;
  align-items: center;
  width: 320px;
}
.order_tab td .pro_det .i{
  display: block;
  width: 65px;
  height: 60px;
}
.order_tab td .pro_det .i img{
  display: block;
  width: 100%;
  height: 100%;
}
.order_tab td .pro_det .txt{
  padding-left:10px;
}
.anno_deta_last{
  padding:20px 0;
}
.anno_deta_last .list{
  padding:20px 10px;
  border-bottom:1px solid #ececec
}
.anno_deta_last .list h2{
  font-size:17px;
  color:#282828;
}
.anno_deta_last .list p{
  font-size:12px;
  color:#999999;
}
.logis_query{
  display: flex;
  flex-wrap: wrap;
  padding:20px 0;
}
.logis_query .dl_list{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.logis_query .dl_list:nth-child(3n){
  margin-right: 0;
}
.logis_query .dl_list .dt{
  width: 90px;
  font-size:14px;
  color:#636060;
  padding-right: 5px;
}
.logis_query .dl_list .dd{
  width: calc(100% - 90px);
}
.logis_query .dl_list .dd input{
  width:100%;
  height: 38px;
  border:1px solid #dcdfe6;
  padding-left:4px;
  border-radius: 5px;
}
.logis_query_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 40px;
  background: #ee9b23;
  border-radius: 5px;
  font-size:16px;
  color:#ffffff;
}
.logis_null{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:50px auto;
}
.order_filter_cont{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:20px 0;
}
.order_filter_cont .l_cont{
  display: flex;
  align-items: center;
  font-size:14px;
  color:#333;
}
.order_filter_cont .l_cont input{
  font-size:14px;
  height: 36px;
  color:#333;
  border:1px solid #dcdfe6;
  border-radius: 5px;
  padding-left: 10px;
}
.order_filter_cont .l_cont select{
  height: 36px;
  border:1px solid #dcdfe6;
  border-radius: 5px;
  margin:0 10px;
  padding:0 20px;
}
.order_filter_cont .search{
  width: 250px;
  height: 36px;
  background: #fff;
  border: 1px solid #eeeeee;
  background: url(../i/ico_7.png) no-repeat 97% center;
  background-size: 15px;
  padding-left: 10px;
  border: 1px solid #eeeeee;
}
.balance_detail_cont{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.balance_detail_cont .list_cont{
  width: 49%;
  padding:20px;
  background: #fff;
  border-radius: 10px;
}
.balance_detail_cont .list_cont .tis_title{
  margin-bottom: 20px;
}
.balance_detail_cont .list_cont .tis_title h2{
  font-size:20px;
  color:#333333;
}
.balance_detail_cont .list_cont .tis_title p{
  font-size:13px;
  color:#999999;
}
.balance_detail_cont .list_cont .balan_inf{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.balance_detail_cont .list_cont .balan_inf .current{
  width: 50%;
  padding:30px 0;
  text-align: center;
  background: #f9f9f9;
}
.balance_detail_cont .list_cont .balan_inf .current h2{
  font-size:30px;
  color:#f93232;
}
.balance_detail_cont .list_cont .balan_inf .current p{
  font-size:13px;
  color:#999999;
}
.balance_detail_cont .list_cont .balan_inf .past_inf{
  width: 50%;
  padding:0 30px;
}
.balance_detail_cont .list_cont .balan_inf .past_inf p{
  display: flex;
  align-items: center;
  margin:20px 0;
  font-size:13px;
  color:#999999;
}
.balance_detail_cont .list_cont .balan_inf .past_inf span{
  margin:0  10px;
  color:#f93232;
  font-size:22px;
}
.balance_detail_cont .list_cont .cont{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.balance_detail_cont .list_cont .det_txt{
  padding:20px 0;
  width: 48%;
}
.balance_detail_cont .list_cont .det_txt h2{
  margin-bottom: 5px;
}
.balance_detail_cont .list_cont .det_txt p{
  font-size:14px;
  cololr:#333333;
}
.balance_detail_cont .list_cont .sub_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 40px;
  background: #273677;
  border-radius: 5px;
  font-size:15px;
  color:#ffffff;
}
.login_content_bg{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: #f5f5f5 url(../i/login_bg.png) no-repeat center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_content_bg .foot_copy{
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  text-align: center;
  padding:20px 0;
  font-size:13px;
  color:#7e8084;
}
.login_cont{
  display: flex;
  width: 934px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.login_cont .l_img{
  width: 50%;
}
.login_cont .l_img img{
  display: block;
  width: 100%;
}
.login_cont .r_cont{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0 60px;
}
.login_cont .r_cont .title{
  text-align: center;
  font-size:27px;
  color:#3954a2;
  margin-bottom: 20px;
}
.login_cont .r_cont input{
  width: 100%;
  height: 46px;
  border-radius: 10px;
  margin-bottom: 20px;
  border:1px solid #cfcecd;
  padding-left:10px;
}
.login_cont .r_cont .forgot_txt{
  text-align: right;
  padding:10px 0;
  font-size:14px;
  color:#4b4e5f;
}
.login_cont .r_cont .sub_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  background: #273677;
  border-radius: 6px;
  font-size:16px;
  color:#ffffff;
}
.buycar_detail_content{
  margin:30px auto;
}
.buycar_detail_content .tis_tab_head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:14px 10px 14px 60px;
  background: #f2f2f2;
  position: relative;
  margin-bottom: 14px;
}
.buycar_detail_content .tis_tab_head .dd{
  width:calc(100% / 8);
  font-size:13px;
  color:#2a2828;
}
.buycar_detail_content .tis_tab_head .dd:nth-child(2){
  width: 240px;
}
.buycar_detail_content .tis_tab_head .dd:nth-child(8),
.buycar_detail_content .tis_tab_head .dd:nth-child(9){
  width: 80px;
}
.buycar_detail_content .tis_tab_head .all_int{
  position: absolute;
  left:10px;
  top:50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-size:13px;
  color:#2a2828;
}
.buycar_detail_content .buycar_list{
  padding:14px 10px 14px 60px;
  border:1px solid #eeeeee;
  margin-bottom: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buycar_detail_content .buycar_list input[type=checkbox]{
  position: absolute;
  left:10px;
  top:50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-size:13px;
  color:#2a2828;
}
.buycar_detail_content .buycar_list .dd{
  width:calc(100% / 8);
  font-size:13px;
  color:#2a2828;
}
.buycar_detail_content .buycar_list .dd:nth-child(2){
  width: 240px;
}
.buycar_detail_content .buycar_list .dd:nth-child(8),
.buycar_detail_content .buycar_list .dd:nth-child(9){
  width: 80px;
}
.buycar_detail_content .buycar_list .pro_det{
  display: flex;
  align-items: center;
  width: 224px;
}
.buycar_detail_content .buycar_list .pro_det .i{
  display: block;
  width: 80px;
  height: 78px;
}
.buycar_detail_content .buycar_list .pro_det .i img{
  display: block;
  width: 100%;
  height: 100%;
}
.buycar_detail_content .buycar_list .pro_det .txt{
  width: calc(100% - 80px);
  padding-left:5px;
  font-size:13px;
  color:#333333;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.buycar_detail_content .buycar_list p{
  font-size:13px;
  color:#333333;
}
.buycar_detail_content .buycar_list p.cor_1{
  font-size:13px;
  color:#ef2020;
}
.buycar_detail_content .buycar_list .det_btn{
  font-size:13px;
  color:#4574e7;
}
.bit_car_infor{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin:20px auto;
  background: #f2f2f2;
}
.bit_car_infor .l_cont{
  display: flex;
  align-items: center;
  padding:0 20px;
}
.bit_car_infor .l_cont .all_int{
  display: flex;
  align-items: center;
  font-size:13px;
  color:#2a2828;
}
.bit_car_infor .l_cont .del_btn{
  margin-left:20px;
  font-size:13px;
  color:#2a2828;
}
.bit_car_infor .r_price{
  display: flex;
  align-items: center;
  font-size:13px;
  color:#2a2828;
}
.bit_car_infor .r_price span{
  font-size:18px;
  color:#f93636;
  margin:0 10px 0 0;
}
.bit_car_infor .r_price .sub_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 52px;
  background: #f72e3b;
  font-size:16px;
  color:#ffffff;
}
.bit_car_tips{
  width: 100%;
  padding:14px 20px;
  background: #fdf6f6;
  border:1px solid #fccfd1
}
.bit_car_tips h2{
  font-size:14px;
  color:#f72e3b;
}
.bit_car_tips p{
  font-size:14px;
  color:#333333;
  padding:5px 0;
}
.all_pro_head{
  display: flex;
  align-items: center;
  width: 100%;
  border:1px solid #eeeeee;
  margin:10px auto;
}
.all_pro_head .dt{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 56px;
  background: #f7f7f7;
  font-size:13px;
  color:#999999;
}
.all_pro_head .dd{
  display: flex;
  align-items: center;
  padding:0 20px;
  width: calc(100% - 106px);
}
.all_pro_head .dd .li{
  padding:0 20px;
  font-size:13px;
  color:#333333;
}
.all_pro_head .dd .li:hover,
.all_pro_head .dd .li.hover{
  color:#fd373d;
}
.all_pri_filter{
  width: 100%;
  background: #f7f7f7;
  border:1px solid #eeeeee;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.all_pri_filter .l_cont{
  display: flex;
  align-items: center;
}
.all_pri_filter .l_cont .li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  font-size:13px;
  color:#333333;
  border-right: 1px solid #eeeeee;
  cursor: pointer;
}
.all_pri_filter .l_cont .li:hover,
.all_pri_filter .l_cont .li.hover{
  background: #fff;
  color:#ff3333;
}
.all_pro_last{
  display: flex;
  flex-wrap: wrap;
}
.all_pro_last .list{
  width: 228px;
  margin-right: 15px;
  margin-bottom: 15px;
  border:1px solid #eeeeee;
}
.all_pro_last .list:nth-child(5n){
  margin-right: 0;
}
.all_pro_last .list .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 222px;
  overflow: hidden;
}
.all_pro_last .list .i img{
  display: block;
  max-width: 100%;
}
.all_pro_last .list .bit_cont{
  padding:10px;
}
.all_pro_last .list .price_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all_pro_last .list .price_box .price{
  font-size:20px;
  color:#ef1f1f;
}
.all_pro_last .list .price_box .num{
  font-size:12px;
  color:#999999;
}
.all_pro_last .list .title{
  padding:10px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size:14px;
  color:#333333;
}
.all_pro_last .list .tips{
  display: inline-block;
  padding:2px 5px;
  border:1px solid #ef1f1f;
  font-size:12px;
  color:#ef1f1f;
  border-radius: 3px;
}
/***************** 凭证 *****************************/
.bg{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(76, 76, 76, 0.6);
  display: none;
  z-index: 11;
}
.contentsd{
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
  width: 900px;
  background: #fff;
  padding: 20px;
  display: none;
  z-index: 12;
}
.contentsd h2{
  margin-bottom: 20px;
}
.contentsd .gb{
  display: flex;
  justify-content: end;
  cursor: pointer;
}
.contentsd .adress_last .txt_dl{
  padding: 10px 20px;
}
.contentsd h2{
  text-align: center;
}
.contentsd .nr{
  display: flex;
  justify-content: center;
  font-size: 17px;
}
.contentsd .nr .upload_btn{
  display: inline-block;
  padding: 5px 8px;
  background: #fc5e19;
  color: #fff;
  border-radius: 5px;
}
.contentsd .nr div{
  margin-bottom: 20px;
}
.contentsd .nr select{
  width: 100px;
  border: 1px solid #00759a;
  padding: 5px;
}
.contentsd .nr img{
  width: 100px;
  display: none;
  margin-top: 10px;
}
.contentsd .nr .tijiao{
  width: 130px;
  height: 35px;
  line-height: 35px;
  background: #00759a;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: 17px;
  cursor: pointer;
  text-align: center;
}
.contentsd .nr .dt .cont{
  display: flex;
}
.contentsd .nr .dd{
  width: 100px;
}
.contentsd .nr input{
  width: 300px;
  border: 1px solid #00759a;
  padding: 5px;
}
.sousuoal{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 40px;
  background: #273677;
  border-radius: 5px;
  font-size: 15px;
  color: #ffffff;
}
.sousuoal:hover{
  color: #fff;
}
.deta_dl .guige{
  display: flex;
}
.deta_dl .guige .dd{
  /*width: 40px;*/
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #a8a8a8;
  margin-right: 10px;
  cursor: pointer;
  padding: 0 5px;
}
.deta_dl .guige .dd.active{
  border: 2px solid #c96e00;
}

/********************/
.agent_head_title .menu_btn{
  display: none;
}
.user_menu_bg{
  display: none;
}
@media (max-width:800px) {
  .warpin{
    width: 100%;
    padding:0 1%;
  }
  .pulic_header_cont .l_tips{
    display: none;
  }
  .pulic_header_detail{
    flex-wrap: wrap;
    padding:1rem 0;
  }
  .pulic_header_detail .logo{
    margin:0 auto 2rem;
  }
  .pulic_header_detail .search_box{
    width: 90%;
    margin:0 auto;
  }
  .pulic_header_detail .buy_car{
    display: none;
  }
  .header_deta_navi .tis_tle{
    display: none;
  }
  .header_deta_navi .nav{
    flex-wrap: wrap;
  }
  .header_deta_navi .nav .li{
    width: calc(100% / 4);
    padding: 0.5rem 0;
    font-size: 1.2rem;
  }
  .index_case_1{
    flex-wrap: wrap;
  }
  .index_case_1 .menu_cont{
    display: none;
  }
  .index_case_1 .index_baner_box{
    width: 100%;
    height: auto;
    margin:0 0 1rem 0;
  }
  .index_case_1 .user_infor_cont{
    display: none;
  }
  .index_recom_content .tis_navi .li{
    width: calc(100%/ 3);
    height: 4rem;
  }
  .index_recom_content .bit_cont_bg .expend_last .list{
    width: 49%;
    margin-right: 2% !important;
    margin-bottom: 1rem;
  }
  .index_recom_content .bit_cont_bg .expend_last .list:nth-child(2n){
    margin-right: 0 !important;
  }
  .index_recom_content .bit_cont_bg .expend_last .list .i{
    height: 16rem;
  }
  .index_recom_content .bit_cont_bg .expend_last .list .tle{
    margin:0 0.4rem;
  }
  .index_pulic_price{
    padding:1rem;
  }
  .index_pulic_price .exhibi_cont{
    display: none;
  }
  .index_pulic_price .price_last{
    width: 100%;
    padding:0;
  }
  .index_pulic_price .price_last .li{
    width: 49%;
    margin-right: 2% !important;
    margin-bottom: 1rem;
  }
  .index_pulic_price .price_last .li:nth-child(2n){
    margin-right: 0 !important;
  }
  .bit_adver_cont{
    display: none;
  }
  .pulic_footer_cont{
    padding:2rem 0;
  }
  .pulic_footer_cont .warpin{
    flex-wrap: wrap;
  }
  .pulic_footer_cont .navi_last{
    width: 50%;
    margin:0 auto 1rem;
  }
  .sell_recom_content .list_cont{
    width: 49%;
    margin-right: 2% !important;
    margin-bottom:1rem;
  }
  .sell_recom_content .list_cont:nth-child(2n){
    margin-right: 0 !important;
  }
  .sell_recom_content .list_cont .i{
    height: 16rem;
  }
  .pagination p,.pagination a{
    padding:2px 6px !important;
  }
  .pulic_head_guide{
    padding:1rem 0;
  }
  .popular_all_active .l_content{
    width: 100%;
    padding:1rem;
  }
  .popular_all_active .l_content .list_cont{
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
     border-bottom: 1px solid #efefef;
  }
  .popular_all_active .l_content .list_cont:last-child{
    border-bottom: 0px;
  }
  .popular_all_active .l_content .list_cont .i{
    width: 100% !important;
    height: auto !important;
  }
  .popular_all_active .l_content .list_cont .i img{
    display: block;
    width: 100%;
    height: auto;
  }
  .popular_all_active .l_content .list_cont .txt_cont{
    width: 100% !important;
    height: auto !important;
    padding: 0.5rem 0.5rem 2rem !important
  }
  .agent_header_cont .logo{
    display: none;
  }
  .agent_header_cont .user_cont_box .head_cont{
    padding:0.5rem;
  }
  .agent_head_title{
    font-size:1.5rem;
    position: relative;
  }
  .agent_head_title .menu_btn{
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(../i/user_menu.png) no-repeat center;
    background-size: cover;
    display: block;
  }
  .agent_left_navi{
    display: block;
    position: fixed;
    left: -170px;
    top: 0;
    height: 100%;
    background: #fff;
    transition: all 0.8s;
    z-index: 12;
  }
  .agent_left_navi.active{
    left:0;
  }
  .user_menu_bg{
    display: block;
    position: fixed;
    top:0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    transition: all 0.7s;
    z-index: 11;
  }
  .user_menu_bg.active{
    right: 0;
  }
  .agent_index_infor{
    flex-wrap: wrap;
  }
  .agent_index_infor .user_infor{
    width: 100%;
    margin-bottom: 1rem;
  }
  .agent_index_infor .user_balance_infor{
    width: 100%;
  }
  .agent_order_content .order_null{
    width: 100%;
  }
  .agent_recom_content .recom_cont .pro_last .list{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1rem;
  }
  .agent_recom_content .recom_cont .pro_last .list:nth-child(2n){
    margin-right: 0;
  }
  .agent_right_cont{
    width: 100%;
  }
  .agent_order_navi{
    flex-wrap: wrap;
  }
  .agent_order_navi > a{
    width: calc(100% / 3);
    margin-bottom: 1rem;
  }
  .agent_order_navi .li{
    margin-right: 0;
    font-size:1.2rem;
  }
  .order_tab_bg{
    width: 100%;
    overflow-x: scroll;
  }
  .order_tab_bg table{
    width: 200%;
  }
  .balance_detail_cont{
    flex-wrap: wrap;
  }
  .balance_detail_cont .list_cont{
    width: 100%;
    margin-bottom: 1rem;
  }
  .order_filter_cont{
    flex-wrap: wrap;
  }
  .order_filter_cont .l_cont{
    flex-wrap: wrap;
  }
  .sousuoal{
    margin-top: 0.6rem;
  }
  .contentsd{
    width: 90%;
  }
  .contentsd .nr .dd{
    width: 32%;
  }
  .contentsd .nr input{
    width: 68%;
  }
  .product_head_content{
    flex-wrap: wrap;
  }
  .product_head_content .l_img_deta{
    width: 100%;
    margin-bottom: 1rem;
  }
  .product_head_content .pro_detail_cont{
    width: 100%;
    margin-bottom: 1rem;
  }
  .product_head_content .pro_user_infor{
    width: 100%;
  }
  .detail_hot_cont .pro_last_cont .list{
    width: 49%;
    margin-right: 2% !important;
    margin-bottom: 1rem;
  }
  .detail_hot_cont .pro_last_cont .list:nth-child(2n){
    margin-right:0 !important;
  }
  .buycar_detail_content_bg{
    width: 100%;
    overflow-x: scroll;
  }
  .buycar_detail_content{
    width: 200%;
  }
  .login_cont{
    width: 90%;
    overflow: hidden;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .login_cont .l_img{
    width: 100%;
    display: flex;
    align-items: flex-start;
    height: 20rem;
    overflow: hidden;
  }
  .login_cont .r_cont{
    width: 100%;
    padding:1rem;
  }
 }