* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #fff !important;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif !important
}

input {
    outline: none
}

.click {
    cursor: pointer
}

li {
    list-style: none
}

a {
    color: #333;
    text-decoration: none !important
}

a:hover {
    color: #23527c !important
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.nav_w {
    position: relative;
    clear: both;
    display: block;
    margin: 0 auto;
    max-width: 1250px
}

[class*=" icon-"] {
    line-height: 1
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

*::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 10px
}

*::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: rgb(193,193,193);
    border-radius: 10px
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgb(168,168,168)
}

*::-webkit-scrollbar-corner {
    display: block
}

.clear {
    clear: both;
}

.w {
    clear: both;
    display: block;
    margin: 0 auto;
    width: 1250px
}

.main {
    clear: both;
    margin: 0 auto;
    width: 1250px
}

.rad{
	color: #f00;
}
header .head_top {
    width: 100%;
    background-color: rgb(250,250,250);
    /*border-bottom: 1px solid #eee*/
}

header .head_top .w {
    overflow: hidden;
    background: none;
}

header .head_top .left_box {
    float: left;
    font-size: 14px;
    color: #037ccf;
    height: 40px;
    display: flex;
border-radius: 4px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    color: #fff;

}
header .head_top .left_box a{
     color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background: rgb(255,101,5);

 }
header .head_top .left_box a:hover{
    color: #fff;
}
header .head_top .left_box a:first-of-type{
    padding-left: 20px;
    border-radius: 4px 0 0 4px;
}
header .head_top .left_box a:last-of-type{
    padding-left: 20px;
    background-color: #037ccf;
    border-radius: 0  4px 4px 0;
}
 header .head_top .right_login {
    float: right;
}

header .head_top .right_login ul {
    float: left;
    margin: 0
}

header .head_top .right_login ul li {
    color: #666;
    font-size: 14px;
    float: left;
    line-height: 40px;
    padding: 0 20px;
}

header .head_top .right_login ul li a:hover {
    color: #037ccf !important
}

header .head_top .right_login ul li .fwdh {
    color: #1b83d3
}


.hotSearch_sale {
    float: left;
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 600px;
    color: #c1c1c1;
    margin: 5px 0 0 0;
}

.nav_w .container-fluid {
    width: 100%;
    z-index: 999;
    padding: 0
}

.bar_qy_hy a {
    color: #000
}

.nav--prev {
    width: 0 !important
}

.nav--next {
    width: 0 !important
}

.sea_search {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 220px;
    background: #f5f5f5;
    text-align: center
}

.sea_search img {
    width: 100%;
    height: 100%
}

.sea_search::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -30px;
    z-index: -1
}

.text_color {
    color: #037ccf !important
}

.bac_color {
    background: #037ccf !important
}

.about_ovh {
    overflow: hidden
}


.zj_log {
    margin: 0 auto;
    padding: 20px 0;
    /* float: left; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zj_log .logo_img {
    /* width: 230px;
    transform: translateY(45px);
    float: left; */
}


.zj_log .sea_btn .input {
    height: 37px;
    padding: 0px 10px;
    border: 2px solid #037ccf;
    font-size: 13px !important;
    color: #666 !important;
    width: 260px;
    float: left;

}
.zj_log .sea_btn .input:first-of-type {
    border-radius: 5px 0 0 5px;
    width: 260px;
}

.zj_log .sea_btn .sccjc_input {
    border-right: 0;
    /*width: calc(100% - 87px);*/
}

.zj_log .sea_btn .xl_input {
    border-top-left-radius: 0;
    border-bOttom-left-radius: 0;
    margin-left: -2px
}

.sea_btn {
    display: flex;
}

.zj_log .sea_btn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 87px;
    height: 37px;
    background-color: #037ccf !important;
    color: #fff;
    border-radius: 0;
    border: 0;
    font-size: 16px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}
.zj_log .sea_btn .btn:hover {
color: #fff!important;

}
.zj_log .top_a a {
    text-decoration: none
}
.zj_log .top_a{
    display:  flex !important;
    padding: 5px;
    padding-left: 20px;
    background: #f8f8f8;

}
.zj_log .top_a img {
    /* margin: -50px 150px 0 0; */
    width: 25px;
    margin-right: 5px;
    /* float: right; */
}
.zj_log .top_a .login_no{
    padding-right: 10px;
display: flex;align-items: center;
    justify-content: center;
}

.car_box {
    display: flex;
    display: flex;align-items: center;
    justify-content: center;
    position: relative;
    height: 45px
}

.car_box .car_num {
    position: absolute;
    top: 0;
    right: 0;
    /* margin: 0 0 0 40px; */
    display: inline-block;
    min-width: 9px;
    height: 18px;
    line-height: 20px;
    border-radius: 38px;
    color: #fff;
    background: #037ccf;
    font-size: 14px;
    text-align: center;
    padding: 0 5px
}

.car_box .carico {
    font-size: 45px;
    color: #878787;
    line-height: 1
}

.navbar {
    width: 100%;
    display: flex;
    margin-bottom: 0px !important;
    border: 0;
    color: #fff !important;
    /*border-bottom: 3px solid rgb(30,78,162);*/
    background:#1f4e9f;
}

.navbar .w {
    display: flex;
    width: 1250px;
    position: relative;
    margin: 0 auto;
    /*margin-top: 6px*/
}

.nav_w_left {
    width: 235px;
    height: 48px;
    background-color: #3b3736;
    color: #fff;
    line-height: 49px;
    position: relative;
    cursor: pointer
}

.nav_w_left_car {
    width: 180px;
    height: 43px
}

.nav_w_left span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

.nav_w_left .fltree {
    position: absolute;
    z-index: 999;
    width: 235px;
    flex-direction: column;
    background-color: #fff;
    min-height: 478px
}

.left_tree {
    display: none
}

.fltree li:hover .catetwo {
    display: block
}

.left_tree .catetwo {
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border: none;
    display: none;
    width: 843px;
    height: 474px;
    position: absolute;
    padding: 20px;
    top: 4px;
    left: 235px;
    z-index: 99 !important;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.left_tree .catetwo .cats {
    margin-bottom: 5px;
    display: flex;
    flex-direction: column
}

.left_tree .catetwo .cats .title {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #333 !important
}

.left_tree .catetwo .cats p {
    display: flex;
    flex-wrap: wrap
}

.left_tree .catetwo .cats p a {
    color: #666 !important;
    margin-right: 12px;
    white-space: nowrap
}

.nav_w_left .fltree ul {
    width: 100% !important;
    height: 480px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
    position: relative
}


.nav_w_left .fltree li:hover {
    background-color: #f1eeee !important
}

.nav_w_left .fltree li:hover a {
    color: #666 !important
}

.nav_w_left .fltree li a {
    line-height: 28px;
    color: #333 !important;
    font-size: 14px
}

.nav_w_left .fltree .but_a {
    background: 0;
    border: 0;
    width: 125px;
    margin-left: 13px;
    margin-top: 10px
}

.nav_w_left .fltree .but_a a {
    /*color: #fff !important;*/
    font-size: 14px
}

.navbar .w ul {
    margin-bottom: 0px;
    width: 82%;
    /* margin-right: -15px */
    display: flex;
}

.navbar .w ul li {
    /* float: left; */
    padding: 0px 30px;
    text-align: center;
    line-height: 3;
    display: flex;
    align-items: center;

    border-right: 1px solid #ffffff;
}
.navbar .w ul li:hover{
    background-color: #23399FFF;
    cursor: pointer;
}

.navbar .w ul li span>a:hover{
    color: #fff!important;
}
.navbar .w ul li a {
    color: #fff;
    font-size: 15px
}

.zyflg a:hover {
    color: #037ccf !important
}

.router {
    width: 100%
}

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 10px;
    border-radius: 0
}

.breadcrumb a {
    color: #333;
    font-size: 12px;
    text-decoration: none
}

.footer {
    width: 100%;
    color: #fff;
    /* background: #fff; */
    padding: 50px 0;
}


.footer .fot_sh_ico ul li .r_tit {
    margin-left: 10px
}

.ft_nav .left_nav {
    width: 80%;
    float: left;
    padding-bottom: 5px;
}

.ft_nav {
    display: flex;
    justify-content: space-between;
}

.ft_nav .left_nav ul {
    /* padding-right: 120px */
    display: flex;
    justify-content: space-evenly;
}

.ft_nav .left_nav ul li {
    /* float: left; */
    margin: 0 54px;
    line-height: 30px;
}

.ft_nav .left_nav ul li h4 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.ft_nav .left_nav ul li p {
    font-size: 14px;
    color: #fff;
}

.ft_nav .left_nav ul li h4 a, .ft_nav .left_nav ul li p a {
    color: #fff;
}

.ft_nav .right_nav {
    /* float: right; */
    border-left: 1px solid #ddd;
    padding-left: 40px;
    width: 240px;
    height: 130px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    /* margin-top: -178px; */
    line-height: 30px;
}

.ft_nav .right_nav button {
    background: #037ccf;
    color: #fff;
    display: none;
    border-radius: 8px;
    border: #037ccf 2px solid;
    height: 44px;
    width: 180px;
    margin: 20px 0;
}

.ft_nav .right_nav h1 {
    color: #037ccf;
    font-size: 20px;
    font-family: auto;
}

.title_none {
    display: none !important
}

#searchBox {
    box-shadow: #CCCCCC 0 0 10px;
    width: 390px;
    height: 306px;
    margin-left: 510px;
    background: #fff;
    position: absolute;
    z-index: 999;
    left: 17px;
    display: none
}

.nav_w_left .fltree ul li {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;

    padding: 0px 20px 0 30px;
    margin: 0;
}

.tit2 {
    background-color: #037ccf
}

/*.nav_t {
    color: #037ccf !important
}*/

.index {
    position: relative;
    width: 100%;
    background-color: #f3f3f3;
    overflow: hidden;
    height: 560px;
}

.index .w {
    background-color: transparent;
    width: 1250px;
}

.index .w .fltree {
    display: flex;
    width: 235px;
    flex-direction: column;
    background-color: #FFFFFF;

    /* background-color: rgba(56, 54, 53, 0.85); */
    min-height: 478px;
}
.index .w .fltree.new{
    display: flex;
    flex-direction: column;

}
.index .w .fltree.new>div{
    flex: 1;
}
.index .w .fltree.new>div .gongsi_top{
        display: flex;
        justify-content: space-between;
        margin: 0 10px;
color: #f00;

        border-bottom: 1px solid rgb(171,126,121);
}
.index .w .fltree.new>div.gongsi .gongsi_top span:first-of-type{
    display: flex;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 2px solid rgb(107,71,75);
}
.index .w .fltree.new>div.gongsi ul{

}
.index .w .fltree.new>div.gongsi ul li{
	width: 95%;
}
.index .w .fltree.new>ul li:hover{
    background: #f1eeee !important;


}
.index .w .fltree.new>div.gongsi ul li a{
display: flex;
    align-items: center;
margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.index .w .fltree.new>div.gongsi ul li a span{
    line-height: normal;
}


    /*.index .w .fltree ul {*/
/*    width: 100%;*/
/*    height: 420px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin-bottom: 0px;*/
/*    position: relative;*/
/*    margin-right: 0px !important*/
/*}*/

/*.index .w .fltree li {*/
/*    width: 100%;*/
/*    height: 50px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    text-indent: 1em;*/
/*    padding: 0px 20px*/
/*}*/
.pinpai{
    display: flex;
    width: 775px;
justify-content: space-around;
    flex-wrap: wrap;
	height: calc(100% - 375px);
}
.pinpai li{
    width: 16.5%;
    overflow: hidden;
    height: 60px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd ;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
.pinpai li a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pinpai li img{
 width: 70%;
}
.index .w .fltree li:hover a {
    color: #333 !important
}

.index .w .fltree li a {
    line-height: 28px;
    color: black !important;
    font-size: 14px;
	    margin-left: 10px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
}
.index .w .fltree.new  li a {
    margin-left: 30px;
}
.index .w .fltree li .catetwo .cats .erjifenlei{
    display: grid;
    grid-template-columns: 25% 25% 25% 25% ;
}
.index .w .fltree li:hover .catetwo {
    display: block;

}

.index .w .fltree li .catetwo {
    box-shadow: 0 0 5px rgba(0 0 0 0.3);
    background-color: #fff;
    border: none;
    display: none;
    width: 600px;
    height: 478px;
    position: absolute;
    padding: 20px;
    overflow: scroll;
    top: 0;
    left: 235px;
    z-index: 99 !important;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.index .w .fltree li .catetwo .cats {
    margin-bottom: 5px;
    display: flex;
    align-items: center ;
    flex-direction: column;
}

.index .w .fltree li .catetwo .cats h5 {
    width: 100%;
    position: relative;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #333 !important;
    margin: 0px
}

.index .w .fltree li .catetwo .cats span {
    overflow: hidden;
    line-height: 26px;
    margin-right: 20px
}

.index .w .fltree li .catetwo .cats span a {
    color: #666 !important;
    margin-right: 12px;
    white-space: nowrap
}

.index .w .fltree .but_a {
    background: 0;
    border: 0;
    width: 125px;
    margin-left: 13px;
    margin-top: 10px
}

.index .w .fltree .but_a a {
    font-size: 14px
}

.index .w_right {
    display: flex;
    flex-direction: column
}

.index .w_right .w_right_top {
    display: flex;
    flex-direction: column;
    margin: 5px 0 0;

    align-items: center;
}
.index .w_right .tab{
	width: 100%;
	height: calc(100% - 500px);
	display: flex;
	
	
}
.index .w_right  .tab>div{
	flex: 1;
	height: 100%;
}
.index .w_right  .tab>div:first-of-type{
	background-color: #09a9fe;
}
.index .w_right .tab>div:last-of-type{
	background-color: #2364fe;
}

.index .w .fltree .loginbox{
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-bottom: 5px;
    border-bottom: 2px solid #f3f3f3;
}
.index .w .fltree .loginbox>a{
    width: 45%;
    background-color: rgb(254,102,1);
    padding: 10px 10px ;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #fff;
	height: 40px;
	
}
.index .w .fltree .loginbox>a:hover{
    background-color: rgb(247 142 72) !important;
    color: #fff!important;
}

.index .w .fltree .loginbox>a:nth-of-type(3),.index .w .fltree .loginbox>a:nth-of-type(4){
    background-color: rgb(212,10,8);
}
.new{
    padding-top: 10px;
}
.right{
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */

}

.sgouhou{
    margin-top: 10px;
    border-top:3px solid #f3f3f3;
    color:rgb(212,10,8);
	height: auto !important;
}
.sgouhou ul{
    display: flex;
    justify-content: space-evenly;
}
.sgouhou ul li{
    display: flex;
    flex-direction: column;

}
.sgouhou ul li img{
	height: 80%;
	margin: 0 auto;
}
.sgouhou ul li span{
	color: #000;
}
.sgouhou .title{
    display: flex;
    align-items: center;
    justify-content: center;
}
.dongtai{
    padding: 10px;
	height: 290px;
}
.dongtai .title{
    margin: 10px 0;
    font-weight: bold;
}
.dongtai ul{
    line-height: 30px;
}
/*登陆弹窗*/
.login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 1001;
    display: none
}

.login .login_box {
    position: absolute;
    width: 600px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 35px 60px
}

.login .login_box .pic_login {
    display: none
}

.login .login_box .close {
    position: absolute;
    font-size: 30px;
    right: 29px;
    top: 17px
}

.login .login_box .phone_login {
    text-align: center;
    display: none
}

.login .login_box .phone_login h4 {
    font-size: 20px;
    border-bottom: 2px solid #ededed;
    line-height: 40px;
    color: #7e9dc1
}

.login .login_box .phone_login h4 span {
    display: inline-block;
    border-bottom: 2px solid #7e9dc1;
    line-height: 40px;
    padding: 0 15px
}

.login .login_box .phone_login .login_input .phone {
    padding: 15px 50px
}

.login .login_box .phone_login .login_input .phone p {
    width: 96%;
    height: 47px;
    background-color: #f1f3f7;
    border-radius: 30px;
    padding: 1px 14px;
    overflow: hidden;
    position: relative;
    margin: 10px auto
}

.login .login_box .phone_login .login_input .phone p span {
    display: inline-block;
    width: 8%;
    font-size: 32px;
    vertical-align: middle;
    position: absolute;
    left: 21px;
    top: 8px;
    color: #7e9dc1
}

.login .login_box .phone_login .login_input .phone p input {
    position: absolute;
    right: 3px;
    top: 2px;
    border-radius: 0px 34px 34px 0px;
    vertical-align: middle;
    display: inline-block;
    width: 80%;
    border: 0;
    height: 90%;
    padding: 0px 10px;
    font-size: 14px;
    color: #000;
    border-left: 0;
    background: #f1f3f7;
    border-left: 1px solid #ccc
}

.login .login_box .phone_login .login_input .phone p::placeholder {
    color: #ccc
}

.login .login_box .phone_login .login_input .phone_dxm {
    padding: 0px 50px
}

.login .login_box .phone_login .login_input .phone_dxm p {
    width: 100%;
    height: 47px
}

.login .login_box .phone_login .login_input .phone_dxm p .phone_left {
    display: inline-block;
    width: 65%;
    height: 100%;
    border-radius: 30px;
    background-color: #f1f3f7;
    overflow: hidden;
    position: relative
}

.login .login_box .phone_login .login_input .phone_dxm p .phone_left span {
    display: inline-block;
    width: 8%;
    font-size: 32px;
    vertical-align: middle;
    position: absolute;
    left: 18px;
    top: 8px;
    color: #7e9dc1
}

.login .login_box .phone_login .login_input .phone_dxm p .phone_left input {
    position: absolute;
    right: 4px;
    top: 3px;
    border-radius: 0px 34px 34px 0px;
    vertical-align: middle;
    display: inline-block;
    width: 71%;
    border: 0;
    height: 89%;
    padding: 0px 10px;
    font-size: 14px;
    color: #333;
    border-left: 0;
    background: #f1f3f7;
    border-left: 1px solid #ccc
}

.login .login_box .phone_login .login_input .phone_dxm p .phone_left::placeholder {
    color: #ccc
}

.login .login_box .phone_login .login_input .phone_dxm p .codezzc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
    height: 100%
}

.login .login_box .phone_login .login_input .phone_dxm p .phone_right {
    position: relative;
    display: inline-block;
    width: 29%;
    background-color: #f1f7ff;
    height: 47px;
    border-radius: 30px;
    color: #666;
    overflow: hidden;
    line-height: 47px;
    font-size: 12px;
    cursor: pointer
}

.login .login_box .phone_login .login_input .login_btn button {
    height: 47px;
    border: 0;
    width: 34%;
    margin-top: 17px;
    color: #fff;
    border-radius: 30px;
    outline: none;
    background: #7e9dc1;
    font-size: 14px
}

.login .login_box .phone_login .login_input .login_btn span {
    padding-left: 13px;
    cursor: pointer;
    font-size: 14px;
    color: #000
}

.login .login_box .login_tit {
    display: flex;
    justify-content: space-between
}

.login .login_box .login_tit h4 {
    width: 50%;
    text-align: center;
    font-size: 24px;
    color: #333;
    border-bottom: 2px solid #ededed;
    line-height: 40px;
    cursor: pointer;
    color: #666
}

.login .login_box .login_tit .active_h4 {
    color: #1891ff;
    border-bottom: 2px solid #1891ff
}

.login .login_box .password_login {
    text-align: center
}

.login .login_box .password_login h4 {
    font-size: 20px;
    border-bottom: 2px solid #ededed;
    line-height: 40px;
    color: #7e9dc1
}

.login .login_box .password_login h4 span {
    display: inline-block;
    border-bottom: 2px solid #7e9dc1;
    line-height: 40px;
    padding: 0 15px
}

.login .login_box .password_login .login_input .phone {
    padding: 15px 50px
}

.login .login_box .password_login .login_input .phone p {
    width: 96%;
    height: 47px;
    background-color: #f1f3f7;
    border-radius: 30px;
    padding: 1px 14px;
    overflow: hidden;
    position: relative;
    margin: 10px auto
}

.login .login_box .password_login .login_input .phone p span {
    display: inline-block;
    width: 8%;
    font-size: 32px;
    vertical-align: middle;
    position: absolute;
    left: 21px;
    top: 8px;
    color: #7e9dc1
}

.login .login_box .password_login .login_input .phone p input {
    position: absolute;
    right: 3px;
    top: 2px;
    border-radius: 0px 34px 34px 0px;
    vertical-align: middle;
    display: inline-block;
    width: 80%;
    border: 0;
    height: 90%;
    padding: 0px 10px;
    font-size: 14px;
    color: #000;
    border-left: 0;
    background: #f1f3f7;
    border-left: 1px solid #ccc
}

.login .login_box .password_login .login_input .phone p::placeholder {
    color: #ccc
}

.login .login_box .password_login .login_input .phone_dxm {
    padding: 0px 50px
}

.login .login_box .password_login .login_input .phone_dxm p {
    width: 100%;
    height: 47px
}

.login .login_box .password_login .login_input .phone_dxm p .phone_left {
    display: inline-block;
    width: 65%;
    height: 100%;
    border-radius: 30px;
    background-color: #f1f3f7;
    overflow: hidden;
    position: relative
}

.login .login_box .password_login .login_input .phone_dxm p .phone_left span {
    display: inline-block;
    width: 8%;
    font-size: 32px;
    vertical-align: middle;
    position: absolute;
    left: 18px;
    top: 8px;
    color: #7e9dc1
}

.login .login_box .password_login .login_input .phone_dxm p .phone_left input {
    position: absolute;
    right: 4px;
    top: 3px;
    border-radius: 0px 34px 34px 0px;
    vertical-align: middle;
    display: inline-block;
    width: 71%;
    border: 0;
    height: 89%;
    padding: 0px 10px;
    font-size: 14px;
    color: #333;
    border-left: 0;
    background: #f1f3f7;
    border-left: 1px solid #ccc
}

.login .login_box .password_login .login_input .phone_dxm p .phone_left::placeholder {
    color: #ccc
}

.login .login_box .password_login .login_input .phone_dxm p .codezzc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
    height: 100%
}

.login .login_box .password_login .login_input .phone_dxm p .phone_right {
    position: relative;
    display: inline-block;
    width: 29%;
    background-color: #f1f7ff;
    height: 47px;
    border-radius: 30px;
    color: #666;
    overflow: hidden;
    line-height: 47px;
    font-size: 12px;
    cursor: pointer
}

.login .login_box .password_login .login_input .login_btn button {
    height: 47px;
    border: 0;
    width: 34%;
    margin-top: 17px;
    color: #fff;
    border-radius: 30px;
    outline: none;
    background: #7e9dc1;
    font-size: 14px
}

.login .login_box .password_login .login_input .login_btn span {
    padding-left: 13px;
    cursor: pointer;
    font-size: 14px;
    color: #000
}

/* banner */
#banner {
    width: 775px;
    height: 375px;
    position: relative;
    overflow: hidden;
    /*margin-top: 5px*/
}

#banner .pic {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#banner .pic ul {
    width: 1000%;
    overflow: hidden;
    margin-left: -775px
}

#banner .pic ul li {
    float: left
}

.fl_r {
    margin: 5px;
    padding: 16px;
    width: 200px;
    height: 100%;
    background: #fff;
    /*float: right;*/
    /*transform: translateX(776px);*/
    /*position: absolute;*/
    /*top: 0;*/
}

.btn-box-login {
    display: flex;
    flex-direction: column;
    margin-top: 18px;
    padding: 10px;
}

.fl_r .btn-box-login .title {
    color: #333;
    font-weight: bold;
    font-size: 15px;
}

.fl_r .btn-box-login .dingdan {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.fl_r .btn-box-login .dingdan > div {
    display: flex;
    width: 25%;
}

.fl_r .btn-box-login .dingdan > div a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btn_box {
    padding: 35px 7px;
    display: flex;
}

.fl_r h3 {
    font-size: 15px;
    color: #333;
    line-height: 40px;
    margin: 0;
    font-weight: bold
}

.fl_r h4 {
    font-size: 14px;
    color: #037ccf;
    line-height: 13px
}

.ind a {
    font-size: 12px;
    display: inline-block;
    text-decoration: none
}

.login_b {
    background-color: #F60000;
    border-radius: 5px;
    text-align: center;
    width: 80px;
    float: left;
    line-height: 26px
}

.login_b a:hover {
    color: #fff
}

.register {
    border: 1px solid #F60000;
    border-radius: 5px;
    text-align: center;
    width: 80px;
    float: left;
    line-height: 25px;
    margin-left: 18px
}

.gg {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 15px
}

.gg p {
    line-height: 44px;
    color: black;
    font-size: 15px;
    margin: 0
}

.gg ul a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gg ul a {
    width: 80%;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.but_b {
    background: 0;
    border: 0;
    margin: 3px 0px
}

.but_b a {
    color: #2b3e83 !important;
    font-size: 14px
}

.user_login {
    border: 1px solid #ff8900;
    border-radius: 5px;
    text-align: center;
    width: 60px;
    float: left;
    line-height: 25px;
    BACKGROUND: #ff8900;
    COLOR: #fff
}

.rega {
    background-color: #037ccf;
    border-radius: 5px;
    text-align: center;
    width: 60px;
    float: left;
    line-height: 26px;
    BORDER: 0;
    color: #FFF;
    margin-left: 10px;
    font-size: 14px
}

.shfw_box {
    margin-top: 10px;
    margin-top: 10px;
    /*float: right;*/
    /*transform: translateY(-95px);*/
}

.shfw_box ul {
    display: flex;
    margin-left: 5px;
    justify-content: space-evenly;
    /*float: right;*/

}

.shfw_box ul li {
    width: 215px;
    display: flex;
    padding: 15px;
    box-shadow: 0 0 5px #ccc;
    border-radius: 10px;
    margin-right: 10px;
    background: linear-gradient(45deg, #fff, #ececec)
}

.shfw_box ul li:last-child {
    margin-right: 0px
}

.shfw_box ul li .rigt_sh_tit {
    padding-top: 5px;
    margin-left: 10px
}

.shfw_box ul li .rigt_sh_tit p {
    margin: 0;
    font-size: 14px
}

.shfw_box ul li .rigt_sh_tit .sh_tit {
    font-size: 15px;
    font-weight: bold
}

/*按钮*/
#banner .tab {
    width: 100%;
    position: absolute;
    bottom: 4px;
    margin: 0 228px;
}

#banner .tab ul {
    margin: 0 auto;
    float: left;
}

.swiper-pagination {
    display: flex;
    justify-content: end;
    height: 30px;
    align-items: center;
    bottom: 0!important;
    background-color:#ffffff4d;
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: #dcdcdc;
    width: 30px;
    margin: 4px 13px;
    height: 5px;
    border-radius: 8px;
    float: right;
}
.swiper-pagination-bullet-active{
	background-color: #f63a0d !important;
}
li {
    list-style: none;
}

/* flname */
.flname_w_a {
    padding-top: 35px
}

.flname_w_a_box {
    display: flex
}

.flname_w_a_right {
    /*width: 65%;*/
    margin: 0 auto;
    height: 350px;
}

.flname_w_a_right .hot_text {
    padding-bottom: 20px;
    padding-top: 30px;
}

.flname_w_a_right.hot_text img {
    width: 32px
}

.flname_w_a_right .hot_text span {
    font-size: 24px;
    margin-left: 5px
}

.flname_w_a_right ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* background-color: #f3f3f3; */
    margin-bottom: 0px
}

.flname_w_a_right ul li {
    display: flex;
    margin-right: 1.5px;
    height: 105px;
    align-items: center;
    background-color: #fff;
    margin-bottom: 2px;
    width: 16.5%;
    transition: all .2s linear;
}

.flname_w_a_right ul li:nth-child(6n) {
    margin-right: 0px
}

.flname_w_a_right ul li:nth-child(1) {
    margin-left: 0.8px
}

.flname_w_a_right ul li:nth-child(7) {
    margin-left: 0.8px
}

.flname_w_a_right ul li:hover {
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    transform: translate3d(0, -2px, 0);
}

.flname_w_a_right ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto
}

.flname_w_a_right ul li img {
    width: 80px;
    height: 25px;
}

.flname_w_a_right ul li span {
    font-size: 16px;
    margin-top: 10px;
}

/*  最新交易 */
.buy-box {
    width: 100%;
    height: 480px;
}

.buy-box .buy-text {
    border-bottom: 2px solid #037ccf;
    overflow: hidden;
}

.buy-box .buy-text .l-text {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-left: 5px;
}

.buy-box .buy-text .r-text {
    float: right;
}

.buy-box .buy-text .r-text .left {
    display: inline-block;
    width: 120px;
    line-height: 36px;
    background: #2196f3;
    text-align: center;
    color: #fff;
    margin: 0px 20px;
}

.buy-box .buy-text .r-text .right {
    margin: 0px 5px;
}

.buy-box .bf-img .picbox img {
    float: left;
    height: 380px;
    width: 220px;
}

.buy-box .bf-text ul li {
    position: relative;
    left: 180px;
}

.buy-box .bf-text ul .i .th {
    font-size: 16px;
    line-height: 36px;
    float: left;
}

.buy-box .bf-text ul .i .th.w25 {
    width: 25%;
    float: left;
    margin-right: -50px;
}

.buy-box .bf-text ul .i .th.w10p {
    width: 10%;
    float: left;
    margin-top: 2px;
    margin-right: -60px;
    padding-right: 60px;
    text-align: center;
    border-left: 1px solid #ddd;
}

.buy-box .bf-text ul .i .th.w10 {
    width: 10%;
    float: left;
    position: relative;
    top: 2px;
}

.buy-box .bf-text ul .i .thw {
    width: 25%;
    float: left;
    line-height: 40px;
    position: relative;
    right: 130px;
}

.buy-box .bf-text ul .i .th img {
    width: 20%;
    float: left;
    height: 10%;
}

.buy-box .bf-text .thb {
    width: 72%;
    height: 1px;
    background: #ddd;
    position: relative;
    top: 80px;
    left: 280px;
    margin: 0 0 40px -15px;
}


.hot_box {
    margin-top: 5px
}

.hot_box .hot_text {
    border-bottom: 2px solid #037ccf;
    padding: 10px 0
}

.hot_box .hot_text img {
    width: 22px;
    margin: 0 0 0 5px;
    transform: translateY(2px);
}

.hot_box .hot_text span {
    font-size: 24px;
    margin-left: 5px;
}


.hot_box .hot_pic .cp_l {
    width: 240px
}

.hot_pic {
    display: flex;
}

.hot_box .hot_pic .cp_r {
    width: calc(100% - 240px);
}

.hot_box .hot_pic .cp_r ul {
    /* width: 100% */

    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    /* background-color: #2196F3; */
    /* grid-gap: 10px; */
    /* padding: 10px; */
}

.hot_box .hot_pic .cp_r ul li {
    /* width: 21.8%; */
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    /* height: 232px; */
    padding: 15px;
    /* margin: 20px; */
    margin-top: 0;
    margin-right: 0;

    /* float: left; */
}

.hot_img {
    width: 100%;
    height: 100%;
    float: left;
}

/*  轴承 */
.rxcp_pic_box {
    height: 157px;
    width: 100%;
    text-align: center
}

.rxcp_pic_box .pic_a {
    text-align: center !important
}

.rxcp_pic_box img {
    height: 125px
}

.hot_box_no, .hot_box {
    margin-bottom: 60px;

}


.hot_pic .cp_r li a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: left;
    text-indent: 0.1em;
    width: 100%;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif
}

.hot_pic .cp_r li .btom_btn .left_money a {
    color: #FF0101 !important;
    font-size: 14px;
    font-weight: bold
}

.hot_pic .cp_r li .btom_btn .but_d a {
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    text-align: center
}

.hot_pic .cp_r li .btom_btn .but_d a .carico {
    color: #fff;
    font-size: 20px
}

.hot_box_no .hot_text span {
    font-size: 24px;
    margin-left: 5px;
}


/*  查看更多 */
.click_gd {
    background: #037ccf;
    text-align: center;
    line-height: 10px;
    overflow: hidden;

}

.click_gd ul li {
    /* margin: 60px;
    position: relative;
    left: 250px;
    top: -28px */
}

.click_gd ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.click_gd ul li .bo {
    width: 303px;
    float: left;
    margin: 0 -5px 0 5px;
    color: #fff;
    padding: 14px 0;
    font-weight: bold;
    font-size: 20px;
}

.click_gd ul li {
    display: flex;
    justify-content: space-evenly;
}

.click_gd ul li .bht {
    width: 303px;
    /* float: left; */
    margin: 0 -5px 0 5px;
    color: #fff;
    padding: 14px 0;
    font-weight: bold;
    font-size: 20px;
    border-right: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


.swiper {
    overflow: hidden;
    position: relative;
    width: 775px;
    height: 375px
}

.swiper img {
    position: absolute;
    width: 775px;
    height: 375px
}

.slide_image {
    width: 775px;
    height: 375px;
    float: right;
}

.hotImg {
    height: 69px
}

.btn_box_login {
    display: flex;
    flex-direction: column;
    margin-top: 18px
}

.btn_box_login .title {
    color: #333;
    font-weight: bold;
    font-size: 15px
}

.btn_box_login .dingdan {
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.btn_box_login .dingdan div {
    display: flex;
    width: 25%
}

.btn_box_login .dingdan div a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.btn_box_login .dingdan div img {
    width: 20px;
    height: 20px
}

.btn_box_login .dingdan div span {
    font-size: 12px;
    margin-top: 5px;
    color: #004098
}

.activity_pop {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999999999;
    flex-direction: column
}

.activity_pop div {
    width: 100%;
    display: flex
}

.activity_pop div img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top: 30px
}

.activity_pop a {
    pointer-events: none;
    margin-top: 160px;
    width: 100%;
    display: flex
}

.activity_pop a img {
    margin: 0 auto
}

/*  注册 */

/*首页/注册*/
.router {
    width: 100%
}

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 10px;
    border-radius: 0
}

.breadcrumb a {
    color: #333;
    font-size: 12px;
    text-decoration: none
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.mbxnav {
    margin: 0;
    padding: 0;
    background-image: url(../images/loginbac.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mbxnav .bar_qy_hy {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 40px 0;
}

.mbxnav .bar_qy_hy span {
    display: inline-block;
    /*padding: 1px 10px;*/
    cursor: pointer;
    color: #fff;
}

.mbxnav .bar_qy_hy .register-title {
    background: #f5f5f5;
    color: #fff;
}

.mbxnav .bar_qy_hy .register-title .active {
    background-color: #5d7eb1;
    color: #fff;
    float: left;
}

.mbxnav .bar_qy_hy .register-title span {
    width: 48.4%;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    float: right;
    background-color: #f5f5f5;
}

.fbxj {
    width: 40%;
    /* overflow: hidden; */
    box-shadow: 0 0 5px #ccc;
    padding: 60px 0;
    margin: 40px auto;
    /* min-width: 980px; */
    /* height: 800px; */
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.fbxj .yhzctit {
    text-align: left;
    padding-left: 20px;
    width: 100%;
    margin-left:10%;
    font-weight: bold;
    font-size: 20px;
    border-left: 3px solid #1b83d3;
}

.fbxj .pls_login_pic .login_pic_box {
    position: relative;
    /* width: 35%; */
}

/* .visible-lg{
    width: 100%;
    height: 500px;
} */
.fbxj .pls_login_pic .login_pic_box .top_tit {
    position: absolute;
    top: 40px;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%;
}

.fbxj .pls_login_pic .login_pic_box .bot_btn {
    position: absolute;
    bottom: 71px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
}

.fbxj .pls_login_pic .login_pic_box .bot_btn button {
    width: 90px;
    height: 35px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 36px;
}


.right_input > .form-inline-input {
    /* width: 500px; */
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pls_login_pic {
    width: 50%;
}

.visible-lg {
    display: block !important;
}

.right_input {

    width: 60%;

}

.right_input form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.right_input form .form-inline-input {
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.right_input form .form-inline-input label {
    display: inline-block;
    text-align: right;
    width: 10%;

}

.right_input form .dl_title {
    font-size: 20px;
    font-weight: bold;
}

.layui-btn {
    width: 60%;
}

.right_input form .form-inline-input .layui-input {
    width: 59%;
    height: 40px;
    margin-left: 20px;
}

.right_input li {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.right_input li input, .right_input li textarea {
    font-size: 12px;
    border: 0;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    width: 50%;
    outline: none;
    background: #f5f5f5;
}

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

.right_input .fbxj_sub span {
    display: inline-block;
    width: 158px;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    border-radius: 40px;
}

#msgCode-container input {
    width: 159px;
}

#msgCode {
    position: relative;
    top: 3px;
    margin-left: 31px;
    margin-top: -15px;
    width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #f5f5f5;
    vertical-align: middle;
    border: 0;
}

.right_input li .tit {
    display: inline-block;
    /* width: 20%; */
    text-align: right;
    padding: 10px;
    color: red;
}

.tips {
    font-size: 12px;
    margin-left: 121px;
    margin-top: 10px;
    color: red !important;
}

.upload {
    color: red;
    margin-top: 10px;
}

.layui-btn {
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: #037ccf;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
}

.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}

.layui-quote-nm {
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    background: 0 0;
}

.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #eee;
}

.layui-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 1.6;
    border-radius: 0 2px 2px 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button, select {
    text-transform: none;
}

button {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    outline: none;
}


/*   个人中心   */
.header_mem {
    width: 100%;
    height: 60px;
    background: #037ccf;
}

.header_mem .main {
    overflow: hidden;
}

.header_mem .main .logo {
    width: 180px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    /* background: #fff; */
}

.header_mem .main .logo img {
    height: 50px;
    line-height: 60px;
}

.header_mem .main .hrbox {
    overflow: hidden;
}

.header_mem .main .hrbox .menu {
    float: left;
}

.header_mem .main .hrbox .menu a {
    display: block;
    float: left;
    text-align: center;
    line-height: 60px;
    color: #fff;
    padding: 0 30px;
    font-size: 18px;
}

.header_mem .main .hrbox .ssbox {
    float: left;
    text-align: right;
}

.header_mem .main .hrbox .ssbox span {
    font-size: 14px;
    line-height: 60px;
    margin-right: 20px;
    color: #fff;
}

.header_mem .main .hrbox .ssbox .out {
    font-size: 14px;
    color: #fff;
}

.path {
    /* width: 100%; */
    line-height: 30px;
    font-size: 14px;
    margin-top: 20px;
}

.path span {
}

.path a {
}

.membox {
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;

}

.membox .leftbox {
    width: 200px;
    float: left;
    /* border: 1px solid #ddd; */
}

.membox .leftbox .navbox {
    padding: 0;
}

.membox .leftbox .navbox .navt {
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}

.membox .leftbox .navbox ul {
    width: 100%;
    margin-top: 0px;
}

.membox .leftbox .navbox ul li {
    width: 100%;
}

.membox .leftbox .navbox ul li a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #d3727e;
}

.membox .leftbox .navbox ul li:hover {
    background: #f2f2f2;
}

.membox .rightbox {
    width: 1000px;
    float: right;
    /*display: flex;*/
}

.membox .rightbox.jbxxindex {
    width: 1000px;
    float: right;
    display: flex;
}

.membox .rightbox .infobox {
    width: 100%;
}

.membox .rightbox .infobox .pt {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #666;
    padding-left: 20px;
    border-left: 4px solid #007DDB;
}

.membox .rightbox .infobox .conbox {
    width: 100%;
    overflow: hidden;
}

.membox .rightbox .infobox .conbox .picbox,.membox .rightbox .infobox .conbox .picbox {
    float: left;
    width: 220px;
    text-align: center;
}

.membox .rightbox .infobox .conbox .picbox .pic,.membox .rightbox .infobox .conbox .picbox .pic{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.membox .rightbox .infobox .conbox .picbox .pic img,.membox .rightbox .infobox .conbox .picbox .pic img {
    width: 120px;
    margin: 20px auto;
    height: 120px;
    display: block;
}

.membox .rightbox .infobox .conbox .picbox .change {
    font-size: 14px;
    line-height: 30px;
}

.membox .rightbox .infobox .conbox .textb {
    float: left;
    width: calc(100% - 220px);
}

.membox .rightbox .infobox .conbox .textb .p {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
}
.membox .rightbox .infobox .conbox .textb.jbxxs .p span:first-of-type{
    width: 75px;
    text-align: right;
    display: inline-block;
}
.membox .rightbox .infobox .conbox .textb .p .t {
    color: #666;
}

.membox .rightbox .infobox .conbox .textb .p .t .icon {
    /* height: 20px; */
    width: 30px;
    vertical-align: middle;
}

.membox .rightbox .infobox .conbox .textb .p .edb {
    font-size: 14px;
    color: #f00;
    margin-right: 18px;
}

.membox .rightbox .infobox .corpbox {
    width: 100%;
}

.membox .rightbox .infobox .corpbox .p {
    width: 100%;
    line-height: 30px;
}

.membox .rightbox .infobox .corpbox .p .label {
    font-size: 14px;
    color: #888;
    vertical-align: top;
}

.membox .rightbox .infobox .corpbox .p .text {
    font-size: 14px;
    color: #333;
}

.membox .rightbox .infobox .corpbox .p .text img {
    width: 120px;
    min-height: 120px;
}

.membox .rightbox .heji {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*   订单   */
.order_t {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 0 12px;
    height: 45px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.payorder .layui-form-label {
    width: 150px;
}

.order_t span {
    font-size: 14px;
    /*line-height: 45px;*/
    display: flex;
    border-left: 3px solid #00a0e9;
/*height: 100%;*/
    align-items: center;
    padding-left: 10px;
    color: #666;
}

.order_t .addbtn {
    background: #037ccf;
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 8px;
    margin-left: 24px;
    display: inline-block;
}
.order_t .layui-input{
    width: calc(100% - 100px);
}
.orderbox {
    width: 100%;
    padding-top: 10px;
}

.orderbox .ordtype {
    width: 100%;
    overflow: hidden;
}
.orderbox .ordtype .layui-btn{
    width: auto;
    float: right;
}
.orderbox .ordtype li {
    float: left;
    margin: 0 20px;
    border-bottom: 2px solid #fff;
}

.orderbox .ordtype li a {
    font-size: 14px;
    line-height: 30px;
}

.orderbox .ordtype li.on {
    border-bottom: 2px solid #007DDB;
}

.orderbox .ordtype li.on a {
    color: #007DDB;
}

.orderbox .ordlists {
    width: 100%;
    margin-top: 20px;
}

.orderbox .ordlists .item {
    border: 1px solid #ddd;
    /* border-radius: 10px; */
    /* padding: 15px; */
    margin-bottom: 30px;
}

.orderbox .ordlists .item .info {
    width: 100%;
    padding: 15px;
    background-color: rgb(235,248,255);
    margin-bottom: 20px;
    overflow: hidden;
}

.orderbox .ordlists .item .info .lt {
    float: left;
    font-size: 14px;
    overflow: hidden;
}

.orderbox .ordlists .item .info .lt p {
    float: left;
    margin-right: 10px;
    color: #888;
    line-height: 34px;
}

.orderbox .ordlists .item .info .lt p span {
    color: #333;
}

.orderbox .ordlists .item .info .rt {
    float: right;
    font-size: 14px;
    overflow: hidden;
    line-height: 34px;
}

.orderbox .ordlists .item .info .rt p {
    float: left;
    color: #888;
}

.orderbox .ordlists .item .info .rt p span {
    color: #333;
}

.orderbox .ordlists .item .goods {
    width: 100%;
    border-collapse: collapse;
}
.orderbox .ordlists .item .goods,.orderbox .ordlists .item .shinfo{
    padding: 0 15px;
}
.orderbox .ordlists .item .goods th {
    font-size: 15px;
    font-weight: normal;
    line-height: 32px;
    border: 1px solid #ddd;
    background: #f2f2f2;
}

.orderbox .ordlists .item .goods td {
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ddd;
}

.orderbox .ordlists .item .shinfo {
    width: 100%;
    margin-top: 10px;
}

.orderbox .ordlists .item .shinfo .line {
    width: 100%;
    line-height: 2em;
    font-size: 16px;
    overflow: hidden;
    padding: 5px 0;
}

.orderbox .ordlists .item .shinfo .line .lt {
    float: left;
}

.orderbox .ordlists .item .shinfo .line .lt .p {
    float: left;
    margin-right: 10px;
    color: #888;
}

.orderbox .ordlists .item .shinfo .line .lt .p span {
    color: #333;
}

.orderbox .ordlists .item .shinfo .line .rt {
    float: right;
}

.orderbox .ordlists .item .shinfo .line .rt .p {
    float: left;
    margin-left: 10px;
    color: #888;
}

.orderbox .ordlists .item .shinfo .line .rt .p span {
    color: #333;
}

.orderbox .ordlists .item .shinfo .line .rt .btn {
    float: left;
    background: #037ccf;
    border-radius: 4px;
    color: #fff;
    padding: 0 10px;
    margin-left: 12px;
    cursor: pointer;
}

/*    期货询价  */
.qihuobox {
    width: 100%;
    padding-top: 10px;
}

.qihuobox .qhlists {
    width: 100%;
    border-collapse: collapse;
}

.qihuobox .qhlists th {
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 6px 0px;
}

.qihuobox .qhlists td {
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ddd;
    padding: 6px 10px;
}

.xunjia {
    width: 100%;
}

.xunjia .xjhead {
    width: 100%;
    overflow: hidden;
}

.xunjia .xjhead div {
    float: left;
}

.xunjia .xjhead .huocang {
    width: 120px;
}

.xunjia .xjhead .jiage {
    width: 200px;
}

.xunjia .xjhead .xianhuo {
    width: 120px;
}

.xunjia .xjhead .daohuo {
    width: 120px;
}

.xunjia .xjhead .goumai {
    width: 180px;
}

.xunjia .xjhead .goumai {
    width: 180px;
}

.xunjia .xjbody {
    background: #f2f2f2;
    border-radius: 6px;
    margin-top: 10px;
    overflow: hidden;
}

.xunjia .xjbody div {
    float: left;
}

.xunjia .xjbody .huocang {
    width: 120px;
}

.xunjia .xjbody .jiage {
    width: 200px;
}

.xunjia .xjbody .xianhuo {
    width: 120px;
}

.xunjia .xjbody .daohuo {
    width: 120px;
}

.xunjia .xjbody .goumai {
    width: 180px;
}

.xunjia .xjbody .goumai {
    width: 180px;
}

/*   修改弹框  */
.tankbox {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
}

.tankbox .tk_bg {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
}

.tankbox .tkinfo {
    background: #fff;
    position: absolute;
    top: 20%;
    z-index: 50;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    padding: 20px;
}

.tankbox .tkinfo .tktitle {
    width: 100%;
    overflow: hidden;
}

.tankbox .tkinfo .tktitle .t {
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

.tankbox .tkinfo .tktitle .guanbi {
    float: right;
    font-size: 24px;
    line-height: 20px;
    color: #999;
    font-weight: normal;
    cursor: pointer;
}

.tankbox .tkinfo .tkbox {
    margin-top: 15px;
    width: 100%;
}

.tankbox .tkinfo .tkbox form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tankbox .tkinfo .tkbox form .form-inline-input {
    display: flex;
    margin: 5px;
}

.tankbox .tkinfo .tkbox > .form-inline-input {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tankbox .tkinfo .tkbox .form-inline-input button {
    margin: 10px 0;
}

.tankbox .tkinfo .tkbox form .form-inline-input .form-label {
    width: 100px;
    text-align: right;
}

.tankbox .tkinfo .tkbox .item {
    width: 100%;
    margin-bottom: 15px;
}

.tankbox .tkinfo .tkbox .item .label {
    float: left;
    font-size: 16px;
    color: #666;
    width: 120px;
    text-align: center;
    line-height: 40px;
}

.tankbox .tkinfo .tkbox .item .text {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 40px;
    width: 380px;
    padding: 0 10px;
    line-height: 40px;
    font-size: 14px;
}

.tankbox .tkinfo .tkbox .item .dqtext {
    float: left;
    width: 400px;
}

.tankbox .tkinfo .tkbox .item .dqtext .cols {
    float: left;
    width: 126px;
}

.tankbox .tkinfo .tkbox .item .dqtext .cols:nth-child(2) {
    /*margin: 0 10px;*/
}

.tankbox .tkinfo .tkbox .item.act {
    /*text-align: right;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tankbox .tkinfo .tkbox .item.act .layui-btn + .layui-btn {
    margin: 10px 0;
}

#addfapiao .tkinfo {
    top: 10%;
}

#editfapiao .tkinfo {
    top: 10%;
}

#addbox .tkinfo {
    top: 10%;
}

#editbox .tkinfo {
    top: 10%;
}

/*   产品详情  */
.goodsinfo {
    width: 100%;
    overflow: hidden;
}

.goodsinfo .thumbbox {
    float: left;
    width: 360px;
	/*padding-top: 5%;*/
    height: 350px;
    border: 1px solid #ddd;
}

.goodsinfo .info {
    float: right;
    width: 860px;
}

.goodsinfo .info .title {
    font-size: 24px;
    line-height: 50px;
}

.goodsinfo .info .canshu {
    width: 100%;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

.goodsinfo .info .canshu span {
    margin-right: 20px;
}

.goodsinfo .info .notice {
    font-size: 12px;
    line-height: 28px;
    color: #f00;
}

.goodsinfo .info .price {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #f2f2f2;
}

.goodsinfo .info .price .item {
    width: 100%;
    overflow: hidden;
}

.goodsinfo .info .price .item .label {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    width: 120px;
    line-height: 40px;
}

.goodsinfo .info .price .item .con {
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    color: #666;
}

.goodsinfo .info .price .item.vip .label {
    font-size: 24px;
    color: #f00;
}

.goodsinfo .info .price .item.vip .con {
    color: #f00;
}

.goodsinfo .info .qtcs {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    overflow: hidden;
}

.goodsinfo .info .qtcs .item {
    float: left;
    width: 33.333%;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    line-height: 28px;
    color: #333;
}

.goodsinfo .info .qtcs .item:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.goodsinfo .info .tishi {
    font-size: 13px;
    line-height: 32px;
    color: #888;
}

.goodsinfo .info .numbox {
    width: 59%;
    overflow: hidden;
    height: 36px;
    padding: 10px 0;
}

.goodsinfo .info .numbox .label {
    float: left;
    font-size: 14px;
    line-height: 30px;
}

.goodsinfo .info .numbox .con {
}

.goodsinfo .info .actbox {
    width: 100%;
    overflow: hidden;

}

.goodsinfo .info .actbox div {
    cursor: pointer;
}

.goodsinfo .info .actbox .item {
    float: left;
    width: 120px;
    height: 40px;
    border-radius: 8px;
    background: #f2f2f2;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    margin-right: 15px;
}

.goodsinfo .info .actbox .item.car {
    color: #fff;
    background: #037ccf;
}

.goodsinfo .info .zftype {
    width: 100%;
    overflow: hidden;
}

.goodsinfo .info .zftype .label {
    font-size: 14px;
    line-height: 28px;
    float: left;
}

.goodsinfo .info .zftype .con {
    font-size: 14px;
    line-height: 28px;
}

.goodsinfo .info .contact {
    font-size: 14px;
    line-height: 30px;
}

.goodsdetail {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}

.goodsdetail .tjbrand {
    float: left;
    width: 300px;
}

.goodsdetail .tjbrand .tjb {
    font-size: 18px;
    line-height: 36px;
    border-bottom: 1px solid #ddd;
}

.goodsdetail .tjbrand .lists {
    width: 100%;
}

.goodsdetail .tjbrand .lists ul {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.goodsdetail .tjbrand .lists ul li {
    width: 140px;
    border: 1px solid #ddd;
    float: left;
    margin-bottom: 15px;
}

.goodsdetail .tjbrand .lists ul li .picbox {
    width: 100%;
}

.goodsdetail .tjbrand .lists ul li .picbox img {
    display: block;
    width: 100px;
    height: 40px;
    margin: 20px auto 10px;
}

.goodsdetail .tjbrand .lists ul li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

.goodsdetail .tjbrand .lists ul li:nth-child(2n) {
    float: right;
}

.goodsdetail .xqbox {
    width: 910px;
    float: right;
}

.goodsdetail .xqbox .xqt {
    width: 100%;
    border-bottom: 2px solid #037ccf;
    height: 40px;
}

.goodsdetail .xqbox .xqt ul {
    overflow: hidden;
}

.goodsdetail .xqbox .xqt ul li {
    float: left;
    width: 130px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.goodsdetail .xqbox .xqt ul li.on {
    background: #037ccf;
    color: #fff;
}

.goodsdetail .xqbox .xqcon {
    width: 100%;
    margin-top: 20px;
}

.goodsdetail .xqbox .xqcon .item {
    width: 100%;
}

.goodsdetail .xqbox .xqcon .item .t {
    height: 40px;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
}

.goodsdetail .xqbox .xqcon .item .t span {
    font-size: 16px;
    color: #f00;
}

.goodsdetail .xqbox .xqcon .item .content {
    width: 100%;
    padding: 10px 0;
}

.goodsdetail .xqbox .xqcon .item .content .cs {
    overflow: hidden;
}

.goodsdetail .xqbox .xqcon .item .content .cs li {
    width: 33.3333%;
    float: left;
    font-size: 14px;
    line-height: 36px;
}

.goodsdetail .xqbox .xqcon .item .content .jieshao {
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
}

.goodsdetail .xqbox .xqcon .item .content .imglists {
    width: 100%;
    overflow: hidden;
}

.goodsdetail .xqbox .xqcon .item .content .imglists li {
    display: inline-block;
}

.goodsdetail .xqbox .xqcon .item .content .imglists li img {
    display: block;
    max-width: 100%;
    height: auto;
}

.goodsdetail .xqbox .xqcon .item .content .text {
    width: 100%;
    text-align: justify;
}

.goodsdetail .xqbox .xqcon .item .content .text p {
    font-size: 14px;
    line-height: 28px;
    padding: 0;
}

.goodsdetail .xqbox .xqcon .item .content .text p.tt {
    font-size: 18px;
    line-height: 32px;
}

/*0712  添加修改样式*/
/*0712  添加修改样式*/
.index .main_banner_area {
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.layui-form-select dl dd.layui-this {
    background-color: #037ccf;
}

.layui-btn-normal {
    background-color: #037ccf !important;
}

.carlists {
    width: 100%;
    margin-top: 20px;
}

.cartitle {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.cartitle .text {
    float: left;
    background: #f2f2f2;
    font-size: 16px;
    line-height: 50px;
    border-right: 1px solid #fff;
    text-align: center;
    box-sizing: border-box;
}

.cartitle .text.t1 {
    width: 60px;
}

.cartitle .text.t2 {
    width: 250px;
}

.cartitle .text.t3 {
    width: 264px;
}

.cartitle .text.t4 {
    width: 140px;
}

.cartitle .text.t5 {
    width: 200px;
}

.cartitle .text.t6 {
    width: 80px;
}

.carlists .item {
    width: 100%;
    border: 1px solid #d6cde9;
    overflow: hidden;
    margin-bottom: 10px;
}

.carlists .item .spinfo {
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
    display: flex;
}

.carlists .item .spinfo .text {
    float: left;
    font-size: 16px;
    border-right: 1px solid #fff;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
}

.carlists .item .spinfo .text.t1 {
    width: 60px;
}

.carlists .item .spinfo .text.t2 {
    width: 250px;
}

.carlists .item .spinfo .text.t3 {
    width: 264px;
}

.carlists .item .spinfo .text.t4 {
    width: 140px;
}

.carlists .item .spinfo .text.t5 {
    width: 200px;
}

.carlists .item .spinfo .text.t6 {
    width: 80px;
}

.carlists .item .spinfo .text .numbox {
    display: inline-block;
}

.carlists .item .spinfo .text .numbox .active {
    display: block;
    background: #f2f2f2;
    width: 30px;
    height: 40px;
    margin: 5px 0;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
}

.carlists .item .spinfo .text .numbox .inpbox {
    display: block;
    float: left;
    border: none;
    height: 40px;
    margin: 5px 0;
    width: 75px;
    padding: 0 5px;
    color: #666;
}

.carlists .item .spinfo .text .tjbtn {
    display: inline-block;
    background: #037ccf;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    padding: 0 14px;
    border-radius: 10px;
    vertical-align: top;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}

.carlists .item .spinfo .text .remark {
    width: 100%;
    border: none;
    height: 40px;
    line-height: 20px;
    background: #fff;
    margin: 5px 0px;
    padding: 0;
    display: block;
}

.carlists .item .spdetail {
    padding: 10px;
}

.carlists .item .spdetail .spt {
    width: 100%;
    overflow: hidden;
}

.carlists .item .spdetail .spt .text {
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    color: #666;
    text-align: center;
    font-size: 16px;
}

.carlists .item .spdetail .spc {
    width: 100%;
    overflow: hidden;
}

.carlists .item .spdetail .spc .text {
    float: left;
    box-sizing: border-box;
    padding: 5px 10px;
    color: #666;
    font-size: 16px;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.carlists .item .spdetail .spc .jiage {
    width: 100%;
}

.carlists .item .spdetail .spc .jiage .sj {
    font-size: 13px;
    color: #888;
    text-decoration: line-through;
}

.carlists .item .spdetail .spc .jiage .vip {
    font-size: 12px;
    background: #037ccf;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
}

.carlists .item .spdetail .spc .jiage .vj {
    font-size: 13px;
}

.carlists .item .spdetail .spc .num {
    background: #037ccf;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    width: 80px;
    height: 40px;
}

.carlists .item .spdetail .spt .text.t1, .carlists .item .spdetail .spc .text.t1 {
    width: 60px;
}

.carlists .item .spdetail .spt .text.t2, .carlists .item .spdetail .spc .text.t2 {
    width: 100px;
}

.carlists .item .spdetail .spt .text.t3, .carlists .item .spdetail .spc .text.t3 {
    width: 100px;
}

.carlists .item .spdetail .spt .text.t4, .carlists .item .spdetail .spc .text.t4 {
    width: 180px;
}

.carlists .item .spdetail .spt .text.t5, .carlists .item .spdetail .spc .text.t5 {
    width: 100px;
}

.carlists .item .spdetail .spt .text.t6, .carlists .item .spdetail .spc .text.t6 {
    width: 100px;
}

.carlists .item .spdetail .spt .text.t7, .carlists .item .spdetail .spc .text.t7 {
    width: 100px;
}

.qhxj .layui-form-label {
    width: 120px;
}

.layui-table td, .layui-table th {
    text-align: center;

}

.layui-form-item {
    display: flex;
}

.foots .notice {
    margin: 30px auto;
    display: flex;
	/* width: 100%; */
}
.index .notice>div.title{
	
	   /* display: inline-block; */
	    text-align: left;
	    padding-top: 27px;
	    border-bottom: 1px solid #ccc;
	 
		color: #004098 !important;
		    font-size: 24px;
		    font-weight: bold;
		    line-height: 50px;
}
.index .notice ul{
	width: 100%;
	margin: 0 auto;
}
.notice .notice_left {
    width: 200px;

}
.index .notice ul li>div{
	height: 100%;
	width: 100%;
	display: flex;
	/* align-items: center; */
}
.index .notice ul li{
	padding: 20px;
	display: flex;
	justify-content: space-between;
	  border-bottom: 1px solid #ccc;
}
.index .notice ul li .left{
	display: flex;
	
}
.index .notice ul li .left .text .title{
	font-size: 18px;
}
.index .notice ul li .left .img img{
    width: 230px;
    height: 128px;
}
.index .notice ul li .left .text{
	width: calc(100% - 230px);
	margin: 20px;
	display: flex;
	/* justify-content: space-between; */
	flex-direction: column;
	
}
.index .notice ul li .left .text .titless{
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
 }
.index .notice ul li .left .text .description{
	margin-top: 10px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    text-indent: 2em;
}
 
 
.index .notice ul li .right .btn{
	/* width: 60px; */
	height: 30px;
	border-radius: 8px;
	background-color: #004098;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	color: #fff;
	cursor: pointer;
}
.notice .notice_left > div {
    margin: 5px 0;
}

.notice .notice_left > div:first-of-type {
    margin-top: 0;
}

.notice .notice_left > div > a {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
    color: #333;
    cursor: pointer;
    box-shadow: 0 0 4px 0 #fff;
}

.notice .notice_left > div > a:hover,.notice .notice_left > div > a.active {
    background-color: #037ccf;
    color: #fff !important;
}

.notice .notice_left > div > a.item_title {
    background-color: #037ccf;
    color: #fff;
    font-weight: bold;
}
.foots .notice .notice_right{
	margin-top: 20px;
	margin-left: 20px;
}

.notice .notice_right {
    border: 1px;
    width: calc(100% - 200px);
    height: 100%;
}

.notice .notice_right {
    width: 100%;
    /*margin-top: 20px;*/
    margin-left: 20px;
}

.notice .notice_right .item {
    width: 100%;
}

.notice .notice_right .item .t {
    height: 40px;
    border-bottom: 1px solid #ddd;
    /*line-height: 40px;*/
    display: flex;
    align-items: center;
}

.notice .notice_right .item .t span {
    font-size: 16px;
    color: #f00;
    border-left: 4px solid #00a0e9;
    display: inline-block;
    padding-left: 10px;
}

.notice .notice_right .item .content {
    width: 100%;
    padding: 10px 0;
}

.notice .notice_right .item .content .cs {
    overflow: hidden;
}

.notice .notice_right .item .content .cs li {
    width: 33.3333%;
    float: left;
    font-size: 14px;
    line-height: 36px;
}

.notice .notice_right .item .content .jieshao {
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
}

.notice .notice_right .item .content .imglists {
    width: 100%;
    overflow: hidden;
}

.notice .notice_right .item .content .imglists li {
    display: inline-block;
}

.notice .notice_right .item .content .imglists li img {
    display: block;
    max-width: 100%;
    height: auto;
}

.notice .notice_right .item .content .text {
    width: 100%;
    text-align: justify;
}

.notice .notice_right .item .content .text p {
    font-size: 14px;
    line-height: 28px;
    padding: 0;
}

.notice .notice_right .item .content .text p.tt {
    font-size: 18px;
    line-height: 32px;
}

.search .card{
    margin: 50px auto;
    padding: 50px;
    /*width: 100%;*/
    box-sizing: border-box;
    border: 1px solid #dedede;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.search .card .card-title{
/*    width: 40%;
    height: 80px;
    border: 1px solid #000; */
}
.search .card .card-footer{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 30px;
    color: #0e2076;

}
.search .card .card-footer .line{
    width: 30%;
    height: 1px;
    background: #ddd;
}
.search .card .card-body{
    width: 100%;
    margin: 20px 0;
    border: 1px solid #dedede;

}
.search .card .card-body form{
    display: grid;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 20px 0;

    grid-template-columns: auto auto auto auto;
}
}
.search .card .card-body form .layui-form-item{
    width: 250px;
}

.search .card .card-body form .layui-form-item .layui-input-block{
    margin-left: 10px;
    width: 83%;
}
.search .card .card-body form .linebox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #ddd;
    margin: 20px 0;
}
.search .card .card-body form .linebox.div{
    flex: 1;
}
.search .card .card-body form .linebox .line{
    width: 40%;
    height: 1px;
    background: #f2f2f2;
}
.search .card .card-body form .layui-form-item .layui-form-label{
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}
.search .card .card-body form .layui-form-item .layui-btn{
    background: rgb(19,96,204);
}
.search .card .card-body form .layui-form-item .layui-btn:hover{
    color: #fff !important;
}
.search .card .card-body form .layui-form-item .layui-form-checked[lay-skin=primary] i{
    background: rgb(19,96,204);
    border-color: rgb(19,96,204)!important;
}
.search .card .card-body form .layui-form-item .layui-form-checkbox[lay-skin=primary]:hover i{
    /*background: rgb(19,96,204);*/
    border-color: rgb(19,96,204)!important;
}
.search .card .card-body form .layui-form-item .layui-form-select dl dd.layui-this{
    background: rgb(19,96,204);
    border-color: rgb(19,96,204)!important;
}
.layui-page{
	display: flex;
	align-items: center;
	justify-content: center;
    margin: 20px 0;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background-color: rgb(19,96,204) !important;
}
.page{text-align: center;
    margin-top: 20px;}
.page a{display: inline-block; background: #fff; color: #888; padding: 5px; min-width: 15px; border: 1px solid #E2E2E2;}
.page a:Hover{border: 1px solid #353d86;color: #353d86;}
.page span{display: inline-block; padding: 5px; min-width: 15px; border: 1px solid #E2E2E2;}
.page span.current{display: inline-block; background: #353d86; color: #fff; padding: 5px; min-width: 15px; border: 1px solid #353d86;}
.page .pagination li{display: inline-block; margin-right: 5px; text-align: center;}
.page .pagination li.active span{background: #353d86; color: #fff; border: 1px solid #353d86;}













/* 
 
 
 */
.jiansuobox{width: 100%; padding: 20px 30px;background: linear-gradient(0deg, #FFFFFF, #FFECEC);}
.jiansuobox .item{width: 100%;margin-bottom: 10px;}
.jiansuobox .item .label{float: left;width: 120px;text-align: center;line-height: 60px;font-size: 16px;color: #666666;}
.jiansuobox .item .ppbox{float: left; width: calc(100% - 120px);min-height: 60px; }
.jiansuobox .item .ppbox ul{width: 100%;}
.jiansuobox .item .ppbox ul li{width: 60px;margin: 0 10px 10px;float: left;}
.jiansuobox .item .ppbox ul li img{display: block;width: 50px; height: 20px;}
.jiansuobox .item .ppbox ul li span{display: block; width: 100%; font-size: 13px; line-height: 26px;text-align: center;}

.goodslists{width: 100%;  margin-bottom: 60px;}
.goodslists .gtbox{width: 100%; overflow: hidden;}
.goodslists .gtbox .showtype{float:left; }
.goodslists .gtbox .showtype span{display: inline-block; width: 30px;height: 30px; }
.goodslists .gtbox .text{font-size: 14px; line-height: 30px;color: #888;}
.goodslists .lists{margin-top: 10px;}
.goodslists .lists .thead{width: 100%;background: #f2f2f2;height: 50px;line-height: 50px;}
.goodslists .lists .thead span{font-size: 16px;color: #888;font-weight: bold;display: block; float: left; text-align: center;}

.goodslists .lists .tbody{width: 100%;}
.goodslists .lists .tbody .item{width: 100%;height: 66px;overflow: hidden;border-bottom: 1px solid #ddd;padding: 4px 0px;display: flex;}
.goodslists .lists .tbody .item span{display: block; float: left; font-size: 14px;color: #333;line-height: 50px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: flex;align-items: center;justify-content: center;}
.goodslists .lists .thead span.pic,.goodslists .lists .tbody .item span.pic{width: 80px;text-align: center;}
.goodslists .lists .thead span.t,.goodslists .lists .tbody .item span.t{width: 220px;}
.goodslists .lists .thead span.p{width: 100px;}
.goodslists .lists .tbody .item span.p{width: 100px;text-align: center;}
.goodslists .lists .thead span.act,.goodslists .lists .tbody .item span.act{width: 150px;text-align: center;}
.goodslists .lists .tbody .item span img{display: block; width: 50px; height: 50px;margin: 0 auto;}
.goodslists .lists .tbody .item span.act a{
    display: inline-block;
    width: 60px;
    margin-right: 5px;
    border-radius: 4px;
    background-color: #f2f2f2;
    line-height: 25px;
}
.cpzsxq_tran_box {
    width: 100%;
}

.cpzsxq_tran_box .w {
    display: flex;
    flex-direction: column;
}

.cpzsxq_tran_box .w .pp {
    display: flex;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 40px;
    background: #f3f3f3;
}

.cpzsxq_tran_box .pp .pp_tit {
    font-size: 14px;
    padding: 10px 20px;
    width: 10%;
    vertical-align: top;
    text-align: center;
    color: #999;
}

.pp_pic {
    width: 90%;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 5px;
}

.pp_pic li {
    min-width: 12%;
    display: flex;
    height: 65px;
    align-items: center;
}

.pp_pic li a {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pp_pic li img {
    width: 50px;
    height: 16px;
}

.pp_pic li a span {
    font-size: 12px;
    margin-top: 2px;
}

.pp_name li {
    height: 30px;
}

.pp .more {
    position: absolute;
    width: 100px;
    display: inline-block;
    right: 0;
    bottom: 8px;
    /* z-index: 9999; */
    color: #e00025;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.xiala_ico {
    margin-left: 2px;
    font-size: 12px;
}

.pp .close_mor {
    display: none;
}

.pp_name li a {
    font-size: 12px;
}

/* 浜у搧鍒楄〃 */
.cplblist_box {
    width: 100%;
}

.cplist_head {
    display: flex;
    font-size: 14px;
    padding: 10px 0 20px 0;
    align-items: center;
}

.cplist_head .active {
    color: #e00025;
    border: 2px solid #e00025;
}

.cplist_head .all {
    margin-left: 5px;
}

.cplist_head .ico {
    font-size: 18px;
    vertical-align: sub;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
}

.cplist_head .total_rows {
    padding-left: 10px;
}

.cplist_head .no_want {
    color: red;
    margin-left: 20px;
}

.cplist_head .no_want a {
    color: #09a9fe !important;
    margin: 0 15px;
}

.table,
.table table {
    width: 100%;
}

.table table thead {
    background-color: #f7f7f7;
    font-size: 14px;
}



.table table thead tr th {
    padding: 12px 0;
    text-align: center;
    color: #383838;
    font-size: 16px;
}
.table table thead tr .first_th {
    max-width:310px
}
.table table thead tr .second_th {
    width:100px
}
.table table thead tr .price_th {
    width:110px
}
.table table thead th:last-child {
    width: 180px !important;
}

.table tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

td,
th {
    padding: 0;
}

.table tbody tr td {
    text-align: center;
}

.table tbody tr td .fast_td {
    position: relative;
    text-align: left;
    min-width: 330px;
    white-space: nowrap;
    overflow: hidden;
}

.table tbody tr td .td_box {
    font-size: 12px;
    height: 65px;
    line-height: 61px;
    position: relative;
    display:inline-block;
    white-space:nowrap;
}

.table tbody tr td .fast_td .lef_check_img {
    overflow: hidden;
    width: 17%;
    height: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
}

.table tbody tr td .fast_td img {
    width: 76%;
    height: 80%;
    vertical-align: middle;
}

.right_cp_tit_two {
    margin-top: 5px;
}

.table tbody tr td .fast_td .right_cp_tit {
    display: inline-block;
}

.table tbody tr td .fast_td .right_cp_tit p .mar_lef {
    margin-left: 10px;
}
.table tbody tr td .fast_td .right_cp_tit p span.mar_lef {
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
}
.table tbody tr td span {
    display: inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
    color: #666;
}
.table tbody tr td div .wareclass {
    position: absolute;
    left: 4px;
    display: inline-block;
    white-space: break-spaces;
    text-overflow: ellipsis;
    width: 100%;
    color: #666;
}
.layui-rate {
    padding: 12px 0px 10px 10px;
    font-size: 0;
}
.layui-rate li i.layui-icon {
    font-size: 15px;
    margin-right: 0px
}
.table tbody tr td p span:hover {
    color: #23527c !important;
}

.table tbody tr td .td_box .dl {
    color: #e00025 !important;
}

.table tbody tr td .last_td {
    text-align: left;
}

.table tbody tr td .last_td .cz {
    width: 100%;
    line-height: normal;
}

.table tbody tr td .last_td .cz .button {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.table tbody tr td .last_td .cz .button .b2 {
    font-size: 26px;
    color: #999;
    display: inline-block;
    width: 34%;
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 23px;
}

.table tbody tr td .last_td .cz .button .addcarbtn {
    font-size: 30px;
}

.table tbody tr td .last_td .cz .button .b2:hover {
    color: #bb0d0dbf;
}

.table .fy {
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
    margin-top: 20px;
}

.table .fy .pagination {
    margin: 10px 0;
}

/* 鍒囨崲鏍峰紡 */
.tablefk table {
    width: 100%;
}

.tablefk table thead {
    display: none;
}

.tablefk tbody {
    display: flex;
    flex-wrap: wrap;
}

.tablefk tbody tr {
    width: 19%;
    height: 350px;
    display: flex;
    flex-direction: column;
    border: 1px solid #f1f1f1;
    margin: 4px;
    position: relative;
}

.tablefk tbody tr td:first-child {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tablefk tbody tr td {
    width: 100%;
    padding: 0 15px;
    display: flex;
}

.tablefk tbody tr td .td_box {
    display: flex;
    flex-direction: column;
    border: 0;
    padding: 0;
    font-size: 12px;
    margin-top: 10px;
}

.tablefk tbody tr td .td_box img {
    width: 100%;
    height: 188px;
}

.tablefk tbody tr td .td_box .right_cp_tit p {
    margin: 0;
}

.tablefk tbody tr .three_tao {
    display: none;
}

.tablefk tbody tr td .td_box .dl {
    color: #cc4a4a !important;
}

.tablefk tbody tr td:last-child {
    padding: 0;
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.tablefk tbody tr td .last_td .cz .button {
    display: flex;
    justify-content: space-around;
    width: 235px;
}

.tablefk tbody tr td .last_td .cz .button .b2 {
    cursor: pointer;
    font-size: 26px;
    color: #e00025;
    display: inline-block;
    width: 43%;
    text-align: center;
}

.tablefk tbody tr td .last_td .cz .button .addcarbtn {
    font-size: 30px;
}

.tablefk .fy {
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
    margin-top: 20px;
}

.tablefk .fy .pagination {
    margin: 10px 0;
}

.see_lishi {
    width: 100%;
    padding: 10px 8px;
}

.see_lishi h4 {
    font-size: 26px;
    color: #353435;
}

.see_lishi .ls_pic {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.see_lishi .ls_pic li {
    width: 25%;
    border: 1px solid #f1f1f1;
    height: 265px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}
.see_lishi .ls_pic .xszh_detail {
    width: 16.66%;
    border: 1px solid #f1f1f1;
    height: 273px;
    padding: 0px;
    display: flex;
    flex-direction: column;
}
.xszh_pic_box {
    height: 220px;
    width: 200px;
    text-align: center;
}
.xszh_pic_box .pic_a {
    text-align: center !important;
}

.xszh_pic_box img {
    height: 220px;
    width: 200px;
}
.rxcp_pic_box {
    height: 157px;
    width: 100%;
    text-align: center;
}

.rxcp_pic_box .pic_a {
    text-align: center !important;
}

.rxcp_pic_box img {
    height: 125px;
}

.ls_pic a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: left;
    text-indent: 0.1em;
    width: 100%;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
}

.btom_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btom_btn .left_money {
    display: flex;
    align-items: center;
}

.btom_btn .left_money a {
    color: #FF0101 !important;
    font-size: 14px;
    font-weight: bold;
}

.btom_btn .but_d {
    width: 30px;
    height: 30px;
    background: #ec1a23;
    border: 0;
    border-radius: 26px;
    margin-right: 7px;
}

.btom_btn .but_d a {
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}

.btom_btn .but_d a .carico {
    color: #fff;
    font-size: 20px;
}

.spjszx {
    padding: 45px 8px;
}

.spjszx h4 {
    font-size: 16px;
    color: #353435;
    margin-bottom: 20px;
}

.spjszx .p1 {
    color: #999;
}

.spjszx p .sl_date {
    margin-left: 30px;
}

#footer {
    padding: 40px 0 0;
}

.bgc {
    color: #E00025 !important;
}

.fenlei_list {
    display: flex;
    height: 110px;
!important;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
}

.fenlei_list li {
    display: flex;
    margin-top: 5px;
}

.fenlei_list li #left {
    font-size: 14px;
    display: flex;
    width: 10%;
    text-align: center;
    color: #333;
}

.fenlei_list li .right {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
}

.fenlei_list li .right a {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 8px;
}

.pp .open_more {
    display: block;
}

.pp .close_more {
    display: none;
}

.title_a {
    color: #ec1a23 !important;
}

.pic_qppd {
    width: 1250px;
    display: flex;
    margin: 0 auto;
    height: 275px;
    margin-bottom: 20px;

}

.pic_qppd img {
    width: 100%;
    height: 100%;
}

.vin_choose {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    background: #f3f3f3;
    position: relative;
}

.vin_choose .pp_tit {
    font-size: 13px;
    width: 10%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}

.vin_choose .pp_but {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-left: -22px;
}

.vin_choose .pp_right_height {
    height: 60px;
    overflow: hidden;
}

.pp_but .class_box {
    display: flex;
    width: 100%;
}

.pp_but .class_box span {
    align-items: center;
    background-color: #F3F3F3;
    height: 38px;
    margin-left: 30px;
    font-size: 13px;
    color: #e00025;
    display: flex;
}

.pp_but .brand_box_list {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.choose_class {
    width: 1250px;
    margin: 0 auto;
    margin-top: 19px;
    display: flex;
    flex-direction: column;
    /* background: linear-gradient(0deg, #FFFFFF, #FFECEC); */
    padding: 20px 40px;
}

.choose_class .class_brand {
    display: flex;
    margin-top: 20px;

}

.class_brand .title,
.class_class .title,
.class_address .title {
    width: 70px;
    height: 24px;
    background: #037ccf;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 70px;
}

.class_brand ul {
    display: flex;
    flex-wrap: wrap;
    width: 900px;
    height: 100px;
    overflow-y: hidden;
}

.class_brand ul li {
    display: flex;
    margin-right: 65px;
    margin-bottom: 20px;
    cursor: pointer;
}

.class_brand ul li a {
    display: flex;
    flex-direction: column;
}

.class_brand ul li:nth-child(8n) {
    margin-right: 0;
}

.class_brand ul li img {
    width: 50px;
    height: 15px;
}

.class_brand ul li span {
    max-width: 50px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
    color: #666666;
    margin-inline: auto;
}
.class_brand ul li:hover span{
    color: #E00025;
}
.class_brand .more,
.class_brand .mored {
    width: 60px;
    height: 18px;
    border: 1px solid #C4C4C4;
    display: none;
    align-items: center;
    margin-left: 40px;
    justify-content: center;
    cursor: pointer;
}

.class_brand .active {
    display: flex;
}

.class_brand .mored {
    border: 1px solid #E00025;
}

.class_brand .more span {
    color: #C4C4C4;
    font-size: 12px;
    margin-right: 9px;
}

.class_brand .mored span {
    color: #E00025;
    margin-right: 9px;
    font-size: 12px;
}

.class_brand .more img,
.class_brand .mored img {
    width: 10px;
    height: 6px;
}

.class_brand ul::-webkit-scrollbar {
    width: 6px;
    height: 31px;
}

.class_brand ul::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 10px;
}

.choose_class .class_class {
    display: flex;
    margin-top: 10px;
}

.class_class .class_loist {
    display: flex;
    position: relative;
    flex-direction: column;
}

.class_class ul {
    display: flex;
    width: 900px;
    position: relative;
	/* justify-content: space-between; */
}

.class_class ul li {
    width: 120px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 44px; */
	margin: 10px 22px 0 0;
    cursor: pointer;
}

.class_class ul li span {
    color: #666666;
    font-size: 12px;
    margin-right: 5px;
}

.class_class ul li .icon1 {
    display: none;
}

.class_class ul li .icon2 {
    display: block;
}

.class_class ul .active {

    position: relative;
    z-index: 999999;
    height: 25px;
    /*border-bottom: none !important;*/
}
.class_class ul .active span a:hover{
    color: #E00025 !important;
}
.class_class ul .active span a {
    color: #E00025 !important;
}

.class_class ul .active .icon1 {
    transform: rotate(180deg);
    display: block;
}

.class_class ul .active .icon2 {
    display: none;
}



.class_class .subcategory_box {
    display: none;
    top: 24px;
    left: 0;
    position: absolute;
    width: 896px;
    padding-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid #E00025!important;
    border-image: linear-gradient(0deg, #EFEFEF, #EFEFEF) 1 1;
    box-shadow: 0px 4px 4px 0px rgba(209, 209, 209, 0.15);
    z-index: 999;
    flex-direction: column;
    padding: 26px 63px;
}
.class_loist>div:nth-child(2) .subcategory_box{
    top: 58px;
}
.class_loist>div:nth-child(3) .subcategory_box{
    top: 92px;
}
.class_loist>div:nth-child(4) .subcategory_box{
    top: 126px;
}
.subcategory_box div {
    display: flex;
    flex-wrap: wrap;
}

.subcategory_box div a {
    width: 98px;
    margin-right: 69px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subcategory_box div a:hover,.class_address ul a:hover{
    color: #E00025 !important;
}
.subcategory_box div a:nth-child(5n){
    margin-right: 0;
}

.choose_class .class_address {
    display: flex;
    margin-top: 10px;
}

.class_address ul {
    display: flex;
    width: 900px;
    flex-wrap: wrap;
}

.class_address ul a {
    color: #666666;
    font-size: 12px;
    line-height: 28px;
    margin-right: 50px;
}
.class_address ul a:hover{
    color: #E00025 !important;
}
html body .layui-laydate .layui-this{
    background-color: #1f4e9f!important;
}


 .jiansuobox{width: 100%; padding: 20px 30px;background: linear-gradient(0deg, #FFFFFF, #FFECEC);}
.jiansuobox .item{width: 100%;margin-bottom: 10px;}
.jiansuobox .item .label{float: left;width: 120px;text-align: center;line-height: 60px;font-size: 16px;color: #666666;}
.jiansuobox .item .ppbox{float: left; width: calc(100% - 120px);min-height: 60px; }
.jiansuobox .item .ppbox ul{width: 100%;}
.jiansuobox .item .ppbox ul li{width: 60px;margin: 0 10px 10px;float: left;}
.jiansuobox .item .ppbox ul li img{display: block;width: 50px; height: 20px;}
.jiansuobox .item .ppbox ul li span{display: block; width: 100%; font-size: 13px; line-height: 26px;text-align: center;}

.goodslists{width: 100%;  margin-bottom: 60px;}
.goodslists .gtbox{width: 100%; overflow: hidden;}
.goodslists .gtbox .showtype{float:left; }
.goodslists .gtbox .showtype span{display: inline-block; width: 30px;height: 30px; }
.goodslists .gtbox .text{font-size: 14px; line-height: 30px;color: #888;}
.goodslists .lists{margin-top: 10px;}
.goodslists .lists .thead{width: 100%;background: #f2f2f2;height: 44px;line-height: 44px; display: flex}
.goodslists .lists .thead span{font-size: 16px;color: #888;font-weight: bold;display: block; float: left; text-align: center;}

.goodslists .lists .tbody{width: 100%;}
.goodslists .lists .tbody .item,.goodslists .lists .thead{width: 100%;height: 44px;overflow: hidden;border-bottom: 1px solid #ddd;padding: 4px 0px;display: flex;}
.goodslists .lists .tbody .item span{display: block; float: left; font-size: 14px;color: #333;line-height: 50px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: flex;align-items: center;justify-content: center;}
.goodslists .lists .thead span.pic,.goodslists .lists .tbody .item span.pic{width: 10%;text-align: center;}
.goodslists .lists .thead span.t,.goodslists .lists .tbody .item span.t{width: 25%;}
.goodslists .lists .thead span.p{width:8%;}
.goodslists .lists .tbody .item span.p{width:8%;text-align: center;}
.goodslists .lists .thead span.act,.goodslists .lists .tbody .item span.act{width: 10%;text-align: center;}
.goodslists .lists .tbody .item span img{display: block; width: 40px; height: 40px;margin: 0 auto;}
.goodslists .lists .tbody .item span.act a{
    display: inline-block;
    width: auto;
    margin-right: 5px;
    border-radius: 4px;
    background-color: #f2f2f2;
    line-height: 25px;
}
.cpzsxq_tran_box {
    width: 100%;
}

.cpzsxq_tran_box .w {
    display: flex;
    flex-direction: column;
}

.cpzsxq_tran_box .w .pp {
    display: flex;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 40px;
    background: #f3f3f3;
}

.cpzsxq_tran_box .pp .pp_tit {
    font-size: 14px;
    padding: 10px 20px;
    width: 10%;
    vertical-align: top;
    text-align: center;
    color: #999;
}

.pp_pic {
    width: 90%;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 5px;
}

.pp_pic li {
    min-width: 12%;
    display: flex;
    height: 65px;
    align-items: center;
}

.pp_pic li a {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pp_pic li img {
    width: 50px;
    height: 16px;
}

.pp_pic li a span {
    font-size: 12px;
    margin-top: 2px;
}

.pp_name li {
    height: 30px;
}

.pp .more {
    position: absolute;
    width: 100px;
    display: inline-block;
    right: 0;
    bottom: 8px;
    color: #e00025;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.xiala_ico {
    margin-left: 2px;
    font-size: 12px;
}

.pp .close_mor {
    display: none;
}

.pp_name li a {
    font-size: 12px;
}

/* 浜у搧鍒楄〃 */
.cplblist_box {
    width: 100%;
}

.cplist_head {
    display: flex;
    font-size: 14px;
    padding: 10px 0 20px 0;
    align-items: center;
}

.cplist_head .active {
    color: #e00025;
    border: 2px solid #e00025;
}

.cplist_head .all {
    margin-left: 5px;
}

.cplist_head .ico {
    font-size: 18px;
    vertical-align: sub;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
}

.cplist_head .total_rows {
    padding-left: 10px;
}

.cplist_head .no_want {
    color: red;
    margin-left: 20px;
}

.cplist_head .no_want a {
    color: #09a9fe !important;
    margin: 0 15px;
}

.table,
.table table {
    width: 100%;
}

.table table thead {
    background-color: #f7f7f7;
    font-size: 14px;
}



.table table thead tr th {
    padding: 12px 0;
    text-align: center;
    color: #383838;
    font-size: 16px;
}
.table table thead tr .first_th {
    max-width:310px
}
.table table thead tr .second_th {
    width:100px
}
.table table thead tr .price_th {
    width:110px
}
.table table thead th:last-child {
    width: 180px !important;
}

.table tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

td,
th {
    padding: 0;
}

.table tbody tr td {
    text-align: center;
}

.table tbody tr td .fast_td {
    position: relative;
    text-align: left;
    min-width: 330px;
    white-space: nowrap;
    overflow: hidden;
}

.table tbody tr td .td_box {
    font-size: 12px;
    height: 65px;
    line-height: 61px;
    position: relative;
    display:inline-block;
    white-space:nowrap;
}

.table tbody tr td .fast_td .lef_check_img {
    overflow: hidden;
    width: 17%;
    height: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
}

.table tbody tr td .fast_td img {
    width: 76%;
    height: 80%;
    vertical-align: middle;
}

.right_cp_tit_two {
    margin-top: 5px;
}

.table tbody tr td .fast_td .right_cp_tit {
    display: inline-block;
}

.table tbody tr td .fast_td .right_cp_tit p .mar_lef {
    margin-left: 10px;
}
.table tbody tr td .fast_td .right_cp_tit p span.mar_lef {
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
}
.table tbody tr td span {
    display: inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%;
    color: #666;
}
.table tbody tr td div .wareclass {
    position: absolute;
    left: 4px;
    display: inline-block;
    white-space: break-spaces;
    text-overflow: ellipsis;
    width: 100%;
    color: #666;
}
.layui-rate {
    padding: 12px 0px 10px 10px;
    font-size: 0;
}
.layui-rate li i.layui-icon {
    font-size: 15px;
    margin-right: 0px
}
.table tbody tr td p span:hover {
    color: #23527c !important;
}

.table tbody tr td .td_box .dl {
    color: #e00025 !important;
}

.table tbody tr td .last_td {
    text-align: left;
}

.table tbody tr td .last_td .cz {
    width: 100%;
    line-height: normal;
}

.table tbody tr td .last_td .cz .button {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.table tbody tr td .last_td .cz .button .b2 {
    font-size: 26px;
    color: #999;
    display: inline-block;
    width: 34%;
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 23px;
}

.table tbody tr td .last_td .cz .button .addcarbtn {
    font-size: 30px;
}

.table tbody tr td .last_td .cz .button .b2:hover {
    color: #bb0d0dbf;
}

.table .fy {
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
    margin-top: 20px;
}

.table .fy .pagination {
    margin: 10px 0;
}

/* 鍒囨崲鏍峰紡 */
.tablefk table {
    width: 100%;
}

.tablefk table thead {
    display: none;
}

.tablefk tbody {
    display: flex;
    flex-wrap: wrap;
}

.tablefk tbody tr {
    width: 19%;
    height: 350px;
    display: flex;
    flex-direction: column;
    border: 1px solid #f1f1f1;
    margin: 4px;
    position: relative;
}

.tablefk tbody tr td:first-child {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tablefk tbody tr td {
    width: 100%;
    padding: 0 15px;
    display: flex;
}

.tablefk tbody tr td .td_box {
    display: flex;
    flex-direction: column;
    border: 0;
    padding: 0;
    font-size: 12px;
    margin-top: 10px;
}

.tablefk tbody tr td .td_box img {
    width: 100%;
    height: 188px;
}

.tablefk tbody tr td .td_box .right_cp_tit p {
    margin: 0;
}

.tablefk tbody tr .three_tao {
    display: none;
}

.tablefk tbody tr td .td_box .dl {
    color: #cc4a4a !important;
}

.tablefk tbody tr td:last-child {
    padding: 0;
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.tablefk tbody tr td .last_td .cz .button {
    display: flex;
    justify-content: space-around;
    width: 235px;
}

.tablefk tbody tr td .last_td .cz .button .b2 {
    cursor: pointer;
    font-size: 26px;
    color: #e00025;
    display: inline-block;
    width: 43%;
    text-align: center;
}

.tablefk tbody tr td .last_td .cz .button .addcarbtn {
    font-size: 30px;
}

.tablefk .fy {
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
    margin-top: 20px;
}

.tablefk .fy .pagination {
    margin: 10px 0;
}

.see_lishi {
    width: 100%;
    padding: 10px 8px;
}

.see_lishi h4 {
    font-size: 26px;
    color: #353435;
}

.see_lishi .ls_pic {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.see_lishi .ls_pic li {
    width: 25%;
    border: 1px solid #f1f1f1;
    height: 265px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}
.see_lishi .ls_pic .xszh_detail {
    width: 16.66%;
    border: 1px solid #f1f1f1;
    height: 273px;
    padding: 0px;
    display: flex;
    flex-direction: column;
}
.xszh_pic_box {
    height: 220px;
    width: 200px;
    text-align: center;
}
.xszh_pic_box .pic_a {
    text-align: center !important;
}

.xszh_pic_box img {
    height: 220px;
    width: 200px;
}
.rxcp_pic_box {
    height: 157px;
    width: 100%;
    text-align: center;
}

.rxcp_pic_box .pic_a {
    text-align: center !important;
}

.rxcp_pic_box img {
    height: 125px;
}

.ls_pic a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: left;
    text-indent: 0.1em;
    width: 100%;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
}

.btom_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btom_btn .left_money {
    display: flex;
    align-items: center;
}

.btom_btn .left_money a {
    color: #FF0101 !important;
    font-size: 14px;
    font-weight: bold;
}

.btom_btn .but_d {
    width: 30px;
    height: 30px;
    background: #ec1a23;
    border: 0;
    border-radius: 26px;
    margin-right: 7px;
}

.btom_btn .but_d a {
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}

.btom_btn .but_d a .carico {
    color: #fff;
    font-size: 20px;
}

.spjszx {
    padding: 45px 8px;
}

.spjszx h4 {
    font-size: 16px;
    color: #353435;
    margin-bottom: 20px;
}

.spjszx .p1 {
    color: #999;
}

.spjszx p .sl_date {
    margin-left: 30px;
}

#footer {
    padding: 40px 0 0;
}

.bgc {
    color: #E00025 !important;
}

.fenlei_list {
    display: flex;
    height: 110px;
!important;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
}

.fenlei_list li {
    display: flex;
    margin-top: 5px;
}

.fenlei_list li #left {
    font-size: 14px;
    display: flex;
    width: 10%;
    text-align: center;
    color: #333;
}

.fenlei_list li .right {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
}

.fenlei_list li .right a {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 8px;
}

.pp .open_more {
    display: block;
}

.pp .close_more {
    display: none;
}

.title_a {
    color: #ec1a23 !important;
}

.pic_qppd {
    width: 1250px;
    display: flex;
    margin: 0 auto;
    height: 275px;
    margin-bottom: 20px;

}

.pic_qppd img {
    width: 100%;
    height: 100%;
}

.vin_choose {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    background: #f3f3f3;
    position: relative;
}

.vin_choose .pp_tit {
    font-size: 13px;
    width: 10%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}

.vin_choose .pp_but {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-left: -22px;
}

.vin_choose .pp_right_height {
    height: 60px;
    overflow: hidden;
}

.pp_but .class_box {
    display: flex;
    width: 100%;
}

.pp_but .class_box span {
    align-items: center;
    background-color: #F3F3F3;
    height: 38px;
    margin-left: 30px;
    font-size: 13px;
    color: #e00025;
    display: flex;
}

.pp_but .brand_box_list {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.choose_class {
    width: 1250px;
    margin: 0 auto;
    margin-top: 19px;
    display: flex;
    flex-direction: column;
     background: linear-gradient(0deg, #FFFFFF, #fbecff);
    padding: 20px 40px;
}

.choose_class .class_brand {
    display: flex;
    margin-top: 20px;
}

.class_brand .title,
.class_class .title,
.class_address .title {
    width: 70px;
    height: 24px;
    background: #037ccf;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 70px;
}

.class_brand ul {
    display: flex;
    flex-wrap: wrap;
    width: 900px;
    height: 100px;
    overflow-y: hidden;
}

.class_brand ul li {
    display: flex;
    margin-right: 65px;
    margin-bottom: 20px;
    cursor: pointer;
}

.class_brand ul li a {
    display: flex;
    flex-direction: column;
}

.class_brand ul li:nth-child(8n) {
    margin-right: 0;
}

.class_brand ul li img {
    width: 50px;
    height: 15px;
}

.class_brand ul li span {
    max-width: 50px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
    color: #666666;
    margin-inline: auto;
}
.class_brand ul li:hover span{
    color: #E00025;
}
.class_brand .more,
.class_brand .mored {
    width: 60px;
    height: 18px;
    border: 1px solid #C4C4C4;
    display: none;
    align-items: center;
    margin-left: 40px;
    justify-content: center;
    cursor: pointer;
}

.class_brand .active {
    display: flex;
}

.class_brand .mored {
    border: 1px solid #E00025;
}

.class_brand .more span {
    color: #9b6969;
    font-size: 12px;
    margin-right: 9px;
}

.class_brand .mored span {
    color: #E00025;
    margin-right: 9px;
    font-size: 12px;
}

.class_brand .more img,
.class_brand .mored img {
    width: 10px;
    height: 6px;
}

.class_brand ul::-webkit-scrollbar {
    width: 6px;
    height: 31px;
}

.class_brand ul::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 10px;
}

.choose_class .class_class {
    display: flex;
    margin-top: 10px;
}

.class_class .class_loist {
    display: flex;
    position: relative;
    flex-direction: column;
}

.class_class ul {
    display: flex;
    width: 900px;
    position: relative;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.class_class ul li {
    width: 120px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 44px; */
    margin: 10px 22px 0 0;
    cursor: pointer;
}
.class_class ul li:hover {
    background: #e5d9d9;
    color: #fff!important;

    position: relative;
    z-index: 999999;
    height: 24px;

}
.class_class ul li span {
    color: #666666;
    font-size: 12px;
    margin-right: 5px;
}

.class_class ul li .icon1 {
    display: none;
}

.class_class ul li .icon2 {
    display: block;
}

.class_class ul .active {
    background: #e5d9d9;
    color: #fff!important;

    position: relative;
    z-index: 999999;
    height: 24px;

}

.class_class ul .active span a {
    color: #E00025 !important;
}

.class_class ul .active .icon1 {
    transform: rotate(180deg);
    display: block;
}

.class_class ul .active .icon2 {
    display: none;
}


.class_class .subcategory_box {
    display: none;
    top: 24px;
    left: 0;
    position: absolute;
    width: 896px;
    padding-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid #E00025!important;
    border-image: linear-gradient(0deg, #EFEFEF, #EFEFEF) 1 1;
    box-shadow: 0px 4px 4px 0px rgba(209, 209, 209, 0.15);
    z-index: 999;
    flex-direction: column;
    padding: 26px 63px;
}
.class_loist>div:nth-child(2) .subcategory_box{
    top: 58px;
}
.class_loist>div:nth-child(3) .subcategory_box{
    top: 92px;
}
.class_loist>div:nth-child(4) .subcategory_box{
    top: 126px;
}
.subcategory_box div {
    display: flex;
    flex-wrap: wrap;
}

.subcategory_box div a {
    width: 98px;
    margin-right: 69px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subcategory_box div a:hover,.class_address ul a:hover{
    color: #E00025 !important;
}
.subcategory_box div a:nth-child(5n){
    margin-right: 0;
}

.choose_class .class_address {
    display: flex;
    margin-top: 10px;
}

.class_address ul {
    display: flex;
    width: 900px;
    flex-wrap: wrap;
}

.class_address ul a {
    color: #666666;
    font-size: 12px;
    line-height: 28px;
    margin-right: 50px;
}
.class_address ul a:hover{
    color: #E00025 !important;
}
.boxs{

    position: relative;
    margin-bottom: 38px;
    box-sizing: border-box;
}
.brandBox *{
    box-sizing: border-box;
}
.brandBox{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 5px;
    max-height: 125px;
    overflow: hidden;



    .item{
        width: calc(100% /12);
        height: 60px;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        transition: all .5s;
        position: relative;
        background: #fff;
        cursor: pointer;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .item.active{
        border-color: #f00;
    }
    .item:hover{
        box-shadow: 0 0 8px 0 #ddd;
        transform: translateY(-3px);
    }

}
.brandBox.show{
    height: auto;
    max-height: 100%;
}
#fenye{
    display: flex;
    align-items: center;
    justify-content: center;
}
.more_mod{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
    bottom: -30px;
    box-shadow: 0 0 8px 0 #ddd;
    border: 1px solid #ddd;
    border-radius: 20%;
    padding:0px 12px;

}
.more_mod .layui-icon{
    font-size: 12px;
}