/* common-style */
.header-fixed{
    position:fixed;
    top:0;
    left:0;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    z-index:999999;
}
.clearfix:after {
    content:""; 
    display: block; 
    clear:both; 
 }
 a{
     color:inherit;
     text-decoration: none;
     line-height:inherit;
     display:inline-block;
 }
.font-600{
    font-weight:600
}
.c-fff{
    color:#fff;
}
.c-333{
    color:#333;
}
.c-444{
    color:#444;
}
.c-666{
    color:#666;
}
.c-999{
    color:#999;
}
.c-default{
    color:#5D8AFF!important;
}
.c-blue-1{
    color:#3A71FF!important;
}
.c-black{
    color:black;
}
.c-black-1{
    color:#283046;
}
.c-black-2{
    color:#4F5667;
}
.c-black-3{
    color:#838CA0;
}
.c-black-4{
    color:#E2E2E2;
}
.c-gray-1{
    color:#C1C1C1;
}
.c-gray-2{
    color:#C7CBD5;
}
.c-gray-3{
    color:#C7CDDD;
}
.c-orange-1{
    color:#FF5D5D!important;
}
.c-orange-2{
    color:#F8A55E!important;
}
.c-orange-3{
    color:#FFD8B7!important;
}
.c-orange-4{
    color:#B99E6D!important;
}
.c-purple-1{
    color:#777ED1!important;
}
.c-red{
	color: red;
}
.bg-gray-1{
    background-color:#F2F2F2;
}
.bg-gray-2{
    background-color:#F2F3F5;
}
.bg-gray-3{
    background-color:#F5F6F9;
}
.bg-gray-4{
    background-color:rgba(183,183,183,0.14);
}
.bg-gray-5{
    background-color:#838CA0;
}
.bg-gray-6{
    background-color:#F4F6FC;
}
.bg-orange-1{
    background-color:rgba(248,165,94,0.1);
}
.bg-orange-2{
    background-color:#FF8B42!important;
}
.bg-orange-3{
    background-color:#F8E7C5;
}

.bg-orange-4{
    background-color:#FC9B17!important;
}
.bg-orange-4:hover{
    opacity: 1;
}
.bg-black-1{
    background:#56607B!important;
}
.bg-fff{
    background-color:#fff!important;
}

.bg-default{
    background-color:#5D8AFF;
}
.bg-blue-1{
    background-color:#3A71FF;
}
.bg-blue-2{
    background:rgba(93,138,255,0.1)!important;
    background-color:rgba(93,138,255,0.1)!important;;
}
.bg-purple-1{
    background-color:#E6E8FF
}
.w-16-p{
    width:16%;
}
.w-20-p{
    width:20%;
    display:inline-block;
}
.w-25-p{
    width:25%;
    display:inline-block;
}
.w-33-p{
    width:33.33%;
    display:inline-block;
}
.w-50-p{
    width:50%;
    min-width:500px;
}
.w-100-p{
    width:100%;
    min-width:1200px;
}
.w-80{
    width:80px; 
}
.w-90{
    width:90px; 
}
.w-100{
    width:100px; 
}
.w-110{
    width:110px; 
}
.w-120{
    width:120px; 
}
.w-140{
    width:140px; 
}
.w-160{
    width:160px; 
}
.w-180{
    width:180px; 
}
.w-190{
    width:190px; 
}
.w-200{
    width:200px; 
}
.w-210{
    width:210px; 
}
.w-208{
    width:208px; 
}
.w-220{
    width:220px;
}
.w-230{
    width:230px;
}
.w-240{
    width:240px;
}
.w-250{
    width:260px;
}
.w-260{
    width:260px;
}
.w-280{
    width:280px;
}
.w-266{
    width:266px;
}
.w-290{
    width:290px;
}
.w-300{
    width:300px;
}
.w-310{
    width:310px;
    margin:0 auto;
}
.w-360{
    width:360px;
}
.w-380{
    width:380px;
}
.w-390{
    width:390px;
}
.w-430{
    width:430px;
}
.w-435{
    width:435px;
}
.w-440{
    width:440px;
}

.w-500{
    width:500px;
}
.w-580{
    width:580px;
}
.w-590{
    width:590px;
}
.w-600{
    width:600px;
}
.w-630{
    width:600px;
}
.w-730{
    width:730px;
}
.w-790{
    width:790px;
}

.w-800{
    width:800px;
}
.w-890{
    width:890px;
}
.w-900{
    width:900px;
}
.w-930{
    width:930px;
}
.w-950{
    width:950px;
}
.w-970{
    width:970px;
}
.w-1000{
    width:1000px;
}
.w-1200{
    width:1200px;
    margin:0 auto;
}
.w-1500{
    width:1200px;
    margin:0 auto;
}
.h-20{
    height:20px;
    line-height:20px;
}
.h-30{
    height:30px;
    line-height:30px;
}
.h-36{
    height:36px;
    line-height:36px;
}
.h-40{
    height:40px;
    line-height:40px;
}
.h-44{
    height:44px;
    line-height:44px;
}
.h-48{
    height:48px;
    line-height:48px; 
}
.h-60{
    height:60px;
    line-height:60px;
}
.h-66{
    height:66px;
    line-height:66px;
}
.h-100{
    height:100px;
}
.h-120{
    height:120px;
}
.h-130{
    height:130px;
}
.h-140{
    height:140px;
}
.h-150{
    height:150px;
}
.h-190{
    height:190px;
}
.h-194{
    height:194px;
}
.h-220{
    height:220px;
}
.h-228{
    height:228px;
}
.h-245{
    height:245px;
}
.h-300{
    height:300px;
}
.h-310{
    height:310px;
}
.h-326{
    height:326px;
}
.h-346{
    height:346px;
}
.h-350{
    height:350px;
}
.h-370{
    height:370px;
}
.h-380{
    height:380px;
}
.h-404{
    height:404px;
}
.h-410{
    height:410px;
}
.h-430{
    height:430px;
}
.h-436{
    height:436px;
}
.h-470{
    height:470px;
}
.h-480{
    height:480px;
}
.h-490{
    height:490px;
}
.h-500{
    height:500px;
}
.w-hidden-110{
    width:110px;
    height:110px;
    overflow:hidden;
}
.f-l{
    float:left;
}
.f-r{
    float:right;
}
.fs-12{
    font-size:12px!important;
}
.fs-13{
    font-size:13px!important;
}
.fs-14{
    font-size:14px!important;
}
.fs-15{
    font-size:15px!important;
}
.fs-16{
    font-size:16px!important;
}
.fs-18{
    font-size:18px!important;
}
.fs-20{
    font-size:20px!important;
}
.fs-22{
    font-size:22px!important;
}
.fs-24{
    font-size:24px!important;
}
.fs-26{
    font-size:26px!important;
}
.fs-28{
    font-size:28px!important;
}
.fs-30{
    font-size:30px!important;
}
.m-l-8{
    margin-left:8px!important;
}
.m-l-20{
    margin-left:20px!important;
}
.m-l-24{
    margin-left:24px!important;
}
.m-l-26{
    margin-left:26px!important;
}
.m-l-30{
    margin-left:30px!important;
}
.m-l-40{
    margin-left:40px!important;
}
.m-l-114{
    margin-left:114px!important;
}
.m-l-130{
    margin-left:114px!important;
}
.m-l-210{
    margin-left:210px!important;
}
.m-r-6{
    margin-right:6px!important;
}
.m-r-10{
    margin-right:10px!important;
}
.m-r-16{
    margin-right:16px!important;
}
.m-r-20{
    margin-right:20px!important;
}
.m-r-24{
    margin-right:24px!important;
}
.m-r-30{
    margin-right:30px!important;
}
.m-r-40{
    margin-right:40px!important;
}
.m-r-50{
    margin-right:50px!important;
}
.m-r-60{
    margin-right:60px!important;
	font-size: 14px;
}
.m-r-120{
    margin-right:120px!important;
}
.m-r-180{
    margin-right:180px!important;
}
.m-r-250{
    margin-right:250px!important;
}

.m-r-180{
    margin-right:180px!important;
}.m-t-1{
    margin-top:1px!important;
}
.m-t-2{
    margin-top:2px!important;
}
.m-t-10{
    margin-top:10px!important;
}
.m-t-14{
    margin-top:14px!important;
}
.m-t-16{
    margin-top:16px!important;
}
.m-t-20{
    margin-top:20px!important;
}
.m-t-30{
    margin-top:30px!important;
}
.m-t-34{
    margin-top:34px!important;
}
.m-t-38{
    margin-top:38px!important;
}
.m-t-40{
    margin-top:40px!important;
}
.m-t-26{
    margin-top:26px!important;
}
.m-t-46{
    margin-top:46px!important;
}
.m-t-60{
    margin-top:60px!important;
}
.m-t-b-10{
    margin:10px auto;
}
.m-t-b-14{
    margin:14px auto;
}
.m-t-b-16{
    margin:14px auto;
}
.m-b-4{
    margin-bottom:4px!important;
}
.m-b-6{
    margin-bottom:6px!important;
}
.m-b-8{
    margin-bottom:8px!important;
}
.m-b-10{
    margin-bottom:10px!important;
}
.m-b-12{
    margin-bottom:12px!important;
}
.m-b-14{
    margin-bottom:14px!important;
}
.m-b-15{
    margin-bottom:15px!important;
}
.m-b-18{
    margin-bottom:18px!important;
}
.m-b-20{
    margin-bottom:20px!important;
}
.m-b-24{
    margin-bottom:24px!important;
}
.m-b-26{
    margin-bottom:26px!important;
}
.m-b-30{
    margin-bottom:30px!important;
}
.m-b-35{
    margin-bottom:35px!important;
}
.m-b-40{
    margin-bottom:40px!important;
}
.m-b-50{
    margin-bottom:50px!important;
}
.m-l-r-10{
    margin-left:10px;
    margin-right:10px;
}
.m-l-r-20{
    margin-left:20px;
    margin-right:20px;
}
.m-l-r-auto{
    margin-left:auto;
    margin-right:auto;
}
.p-15{
    padding:15px;
}
.p-20{
    padding:20px;
}
.p-30{
    padding:30px;
}
.p-r-15{
	padding-right: 15px;
}
.p-r-30{
	padding-right: 30px;
}
.p-r-60{
	padding-right: 60px;
}
.p-r-80{
	padding-right: 80px;
}
.p-l-14{
    padding-left:14px;
}
.p-l-20{
    padding-left:20px;
}
.p-l-30{
    padding-left:30px;
}
.p-l-40{
    padding-left:40px;
}
.p-l-r-10{
    padding-left:10px!important;
    padding-right:10px!important;
}
.p-l-r-20{
    padding-left:20px!important;
    padding-right:20px!important;
}
.p-l-r-24{
    padding-left:24px!important;
    padding-right:24px!important;
}
.p-l-r-30{
    padding-left:30px!important;
    padding-right:30px!important;
}
.p-t-b-5{
    padding-top:5px!important;
    padding-bottom:5px!important;
}
.p-t-b-10{
    padding-top:10px!important;
    padding-bottom:10px!important;
}
.p-t-b-15{
    padding-top:15px!important;
    padding-bottom:15px!important;
}
.p-t-b-17{
    padding-top:17px!important;
    padding-bottom:17px!important;
}
.p-t-b-18{
    padding-top:18px!important;
    padding-bottom:18px!important;
}
.p-t-b-16{
    padding-top:16px!important;
    padding-bottom:16px!important;
}
.p-t-b-20{
    padding-top:20px!important;
    padding-bottom:20px!important;
}
.p-t-b-30{
    padding-top:30px!important;
    padding-bottom:30px!important;
}
.p-t-b-34{
    padding-top:34px!important;
    padding-bottom:34px!important;
}
.p-t-b-40{
    padding-top:40px!important;
    padding-bottom:40px!important;
}
.p-t-4{
    padding-top:4px!important;
}
.p-t-20{
    padding-top:20px!important;
}
.p-t-25{
    padding-top:25px!important;
}
.p-t-30{
    padding-top:30px!important;
}
.p-t-40{
    padding-top:40px!important;
}
.p-t-60{
    padding-top:60px!important;
}
.p-b-10{
    padding-bottom:10px!important;
}
.p-b-15{
    padding-bottom:15px!important;
}
.p-b-18{
    padding-bottom:18px!important;
}
.p-b-20{
    padding-bottom:20px!important;
}
.p-b-26{
    padding-bottom:26px!important;
}
.p-b-30{
    padding-bottom:30px!important;
}
.p-b-50{
    padding-bottom:50px!important;
}
.p-b-70{
    padding-bottom:70px!important;
}
.p-b-100{
    padding-bottom:100px!important;
}
.p-b-0{
    padding-bottom:0!important;
}
.line-height-16{
    line-height:16px;
}
.line-height-24{
    line-height:24px;
}
.line-height-26{
    line-height:26px;
}
.line-height-30{
    line-height:30px;
}
.line-height-34{
    line-height:34px;
}
.line-height-36{
    line-height:36px;
}
.line-height-50{
    line-height:50px!important;
}
.line-1{
    height:1px;
    width:100%;
    background-color:#F2F3F5;
}
.txt-center{
    text-align:center;
}
.txt-right{
    text-align:right;
}
.line-through{
    text-decoration:line-through
}
.border-radius-2{
    border-radius:2px;
    overflow:hidden;
}
.border-radius-circle{
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
}
.txt-hidden{
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.border-bottom-1{
    border-bottom:1px solid #F2F3F5!important;
}
.border-right-1{
    border-right:1px solid #F2F3F5!important;
}
.border-solid-1{
    border-bottom:1px solid #F2F3F5!important;
}
.border-solid-2{
    border:1px solid rgba(112, 112, 112, 0.1)!important;
}
.border-solid-3{
    border:1px solid #E2E2E2!important;
}
.border-dash-1{
    border-bottom:1px dashed #F2F3F5!important;
}
.border-dash-1:last-child,.border-solid-1:last-child{
    border:none!important;
}
.border-1{
    border:1px solid #D3D7E0!important;
}
.b-b-gray-1{
    border-bottom:1px solid #F2F3F5;
}
.circle{
    width:40px;
    height:40px;
    border:2px solid #C7CDDD;
    border-radius:50%;
    font-size:24px;
    color:#C7CDDD;
}
.gradient-1 {
    width:100%;
    height: 12px;
    background: linear-gradient(top, #FFFFFF, #FAFAFA);
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA);
    background: -webkit-linear-gradient(top, #FFFFFF, #FAFAFA);
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA);
}

.buy-sell-list table tr th{
    height:40px;
}
.buy-sell-list table tr td{
    height:102px;
    border-bottom:1px solid rgba(242,243,245,1);
}
.buy-sell-list table tr:last-child td{
    border-bottom:none;
}
.buyer{
	display: inline-block;
	-webkit-transform:scale(0.6); 
	padding: 2px 5px;
	color: white;
	background-color: #FF5D5D;
	border-radius: 50%;
}
.factory{
	display: inline-block;
	-webkit-transform:scale(0.6); 
	padding: 2px 5px;
	color: white;
	background-color: #FF9811;
	border-radius: 50%;
}
.arrow-1{
    width:0;
    height:0;
    border:5px solid transparent;
    border-top-color:#A8A8A8;
    float: right;
}
.price-tab.down .arrow-price-down{
    border-top-color:#3A71FF;
}
.price-tab.down .arrow-price-up{
    border-top-color:#A8A8A8;
}
.price-tab.up .arrow-price-down{
    border-top-color:#A8A8A8;
}
.price-tab.up .arrow-price-up{
    border-top-color:#3A71FF;
}
.arrow-price-up{
    transform:rotate(180deg);
    margin: 12px -18px 10px 10px;
}

.arrow-price-down{
    margin: 26px 0 10px 8px;
}
.pointer{
    cursor:pointer;
}
/* .arrow-price.on{
    border-top-color:#3A71FF;
} */
.max-w-300{
    max-width:300px;
}
.icon-dot-1{
    width:4px;
    height:4px;
    background-color:#F8A55E;
    margin: 18px 8px;
}
.icon-tran{
    position:relative;
}
.icon-tran:after{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    border: 4px solid transparent;
    border-bottom: 4px solid #5D8AFF;
}
.icon-time{
    display:inline-block;
    width:16px;
    height:16px;
    background:url('../img/icon_time.png') no-repeat center / 16px 16px;
}
.p-relative{
    position:relative;
}
.bold{
    font-weight:bold;
}
.fw-5{
	font-weight:500;
}
.fw-4{
	font-weight:400;
}
.line-through{
    text-decoration: line-through;
}
.border-hover{
    cursor:pointer;
    border:1px solid #F2F3F5;
    transition:.25s ease-in;
}
.border-hover:hover{
    /* box-shadow: 0px 0px 6px rgba(58,113,255,.8); */
    /* border:1px solid #3A71FF; */
    /* box-shadow: 0px 0px 10px #c1c1c1; */
    box-shadow: 0px 0px 10px rgba(58, 113, 255, 0.63);
}
.tap-1{
    width:48px;
    height:20px;
    line-height:20px;
    background-color:#FFECDB;
    color:#F8A55E;
    font-size:12px;
    padding:2px 6px;
    border:1px solid #F8BE8B;
    border-radius:2px;
}
.tag-2{
    padding:2px 6px;
    border:1px solid #D3D3D3;
    background-color:#F2F3F5;
    border-radius:2px;
    color:#838CA0;
    margin-right:6px;
}
.tag-3{
    float:left;
    min-width:90px;
    height:28px;
    line-height:28px;
    color:#838CA0;
    font-size:12px;
    background:rgba(242,243,245,1);
    margin-right:8px;
    text-align:center;
}
.tag-4{
    float:left;
    min-width:90px;
    height:28px;
    line-height:28px;
    color:#838CA0;
    font-size:12px;
    background:rgba(242,243,245,1);
    margin-right:8px;
    text-align:center;
}
.flex-center{
    display:flex;
    align-items:center;
    justify-content: center;
}
.over-hidden{
    overflow:hidden;
}
.li-m-b-18 li{
    margin-bottom:18px;
}
.li-m-b-20 li{
    margin-bottom:20px;
}
.li-m-b-20 li:last-child,.li-m-b-18 li:last-child{
    margin-bottom:0;
}

.li-t-b-10 li{
    padding:10px 0;
}
.li-t-b-rc li{
        width: 370px;
        height: 142px;
        background: rgba(247,247,247,1);
        float:left;
        margin: 0 0 20px 20px;
}
.li-m-b-20 li{
    margin-bottom:20px;
}
.li-m-b-20 li:last-child,.li-m-b-18 li:last-child{
    margin-bottom:0;
}
.h0{
	border: 1px dashed rgba(229,229,229,1); 
	width: 330px;
	margin: 15px  auto;
}
.hover-bg-gray-1 li:hover,.hover-bg-gray-2:hover{
    /* background-color:#F5F6F9; */
    background-color: rgba(58, 113, 255, 0.08);
    transition: .25s ease-in;
    cursor:pointer;

}
.hover-border{
    border:1px solid rgba(255,255,255,0);
    box-sizing:border-box;
}
.hover-border:hover{
    border: 1px solid #3A71FF;
    transition: .25s ease-in;
    cursor:pointer;
}
.hover-wrap li{
    cursor:pointer;
}
.hover-font:hover,.hover-wrap li:hover .hover-font,.registerPage .hover-font:hover p,.auth-wrap .hover-font:hover p{
    color:#3A71FF;
    transition: .25s ease-in;
    cursor:pointer;
}
.hover-font-orange:hover{
    background-color:#f63f05!important;
}
.hover-btn-default:hover{
    background-color:#fff!important;
    color:#3A71FF;
    border: 1px solid #5D8AFF;
    opacity: 1;
}
.hover-pointer{
    cursor:pointer;
}
.hover-bg-blue:hover{
    width:100%;
    height:100%;
    background:#3A71FF;
    color:#fff;
    transition: .25s ease-in;
}
.hover-btn:hover{
    background:#3A71FF!important;
    color:#fff!important;
    transition: .25s ease-in;
}
img.hover-scale-12:hover,.hover-scale-12 img:hover{
    transform: scale(1.2);
    transition: .25s ease-in-out;
}
.hover-underline:hover{
    text-decoration: underline;
    color:#fff;
}
.order-share-wrap ul li:hover .hover-bg-blue{
    width:100%;
    height:100%;
    background:#3A71FF;
    color:#fff;
    transition: .25s ease-in;
}
/* page-style */
.logo{
    width:215px;
    height:48px;
}
.hdp-main{
    width:100%;
    min-height:500px;
}
.banner{
    width:100%;
    height:388px;
}
.sub-nav-wrap{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:0;
    z-index:3;
}
.side-left{
    width:230px;
    height:365px;
    background-color:rgba(255,255,255,0.9)
}
.side-right{
    width:240px;
    height:365px;
    position: absolute;
    top: 12px;
    right: 0;
}
.firm-default {
    width:46px;
    height:46px;
    margin-top:16px
}
.welcome-txt{
    margin-top:22px;
    line-height:18px;
}
.auth-wrap.layui-tab-brief>.layui-tab-title{
    border-top:1px solid #e6e6e6;
    background-color:#e6e6e6;
    color:#838CA0;
}
.auth-wrap.layui-tab-brief>.layui-tab-more li.layui-this:after,.auth-wrap.layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    color: #283046;
}
.auth-wrap.layui-tab-brief>.layui-tab-title .layui-this {
    color: #283046;
    background-color:#fff;
    /* font-weight:600; */
    border-bottom:none;
}
.col-avg-wrap{
    width:100%;
}
.col-avg-wrap.col-avg-2 li{
    width:50%;
    float:left;
    text-align:center;
    color:#4F5667;
    height:62px;
    border:1px solid #F5F5F5;
}
.col-avg-wrap.col-avg-3 li{
    width:33.3%;
    float:left;
    text-align:center;
    color:#4F5667;
    height:62px;
    border:1px solid #F5F5F5;
}
.col-wrap-2{
    padding:0 4px 24px!important;
}
.col-wrap-2 table tr th{
    font-weight: normal;
    color:#838CA0;
    font-size:12px;
    padding:14px 0 4px;
}
.col-wrap-2 table tr td{
    font-weight: normal;
    color:#283046;
    font-size:14px;
    padding-bottom:14px;
    border-bottom:1px dashed #F2F3F5;
}
.col-wrap-2 li{
    float:left;
    width:366px;
    height:212px;
    border:1px solid #F2F3F5;
    padding:24px;
    margin:24px 0 0 20px;
}
.col-wrap-3 li{
    float:left;
    width:370px;
    height:310px;
    border:1px solid #F2F3F5;
    padding:24px;
    margin:24px 0 35px 20px;
}

.col-wrap-4 .col-4{
    width:25%;
    float:left;
    height:50px;
    line-height:50px;
    text-align:center;
}
.col-wrap-4.h-34 .col-4{
    height:36px;
    line-height:36px;
}
ul.col-wrap-5 li{
    width: 234px;
    height: 310px;
    float: left;
    margin: 20px 0 20px 0;
    padding: 12px 14px;
}
.order-share.col-wrap-3 li{
    margin:0;
    width:322px;
    height:204px;
    padding:12px 14px;
}
ul.category-wrap {
    padding-top:2px;
}
.category-wrap li{
    height:36px;
    line-height:36px;
    padding-left:20px;
    cursor: pointer;
    /* background: url(../img/arrow_right.png) no-repeat 206px center / 12px auto; */
    background: url(../img/arrow_right_1.png) no-repeat 210px center / 7px auto;

}
.category-wrap li:hover a,.category-wrap li:hover{
    font-weight:bold;
    color:#5D8AFF;
}
.category-wrap li:hover{
    background-color: rgba(58, 113, 255, 0.08);
}
.category-wrap li.active{
    background-color: #dbe3f8;
}
.category-wrap.c-hover-black li:hover{
    background-color: #6f778e;
    color:#fff;
    font-weight:bold;
}
.category-wrap.c-hover-black li:hover a{
    color:#fff;
    font-weight:bold;
}
.category-detail-wrap{
    margin-left:230px;
    margin-right:242px;
    /* border: 2px solid #5D8AFF; */
    border-left: 1px solid #eee;
    box-sizing: border-box;
    padding: 0 30px;
    height: 365px;
    display: none;
}
.category-detail-wrap.active{
    display:block;
}
.category-detail-wrap dl dt {
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0 20px;
}
.category-detail-wrap dl dd {
    margin-right: 25px;
    font-size: 14px;
    color: #333;
    display:inline-block;
    margin-right: 25px;
    margin-bottom:15px;
}
.category-detail-wrap dl dd a:hover{
    color:#5D8AFF;
}
.block-1,.block-2{
    height:245px;
}
.block-1{
    background:url('../img/bg_1.png') no-repeat center center / 100% 100%;
}
.block-2{
    background:url('../img/bg_2.png') no-repeat center center / 100% 100%;
}
.block-3,.block-4,.block-5,.block-6,.block-7{
    height:410px;
}
.block-3{
    background:#7eb0ef url('../img/bg_3.png') no-repeat center center / 100% 100%;
}
.block-4{
    background:#f4ca7f url('../img/bg_4.png') no-repeat center center / 100% 100%;
}
.block-5{
    background:#FEA765 url('../img/bg_7.png') no-repeat center center / 100% 100%;
}
.block-6{
    background:#FEA765 url('../img/bg_8.png') no-repeat center center / 100% 100%;
}
.block-7{
    background:#FEA765 url('../img/bg_9.png') no-repeat center center / 100% 100%;
}
.block-8{
    height:330px;
    background:#D6E2FC url('../img/bg_10.png') no-repeat center center / 100% 100%;
}
.tab-block{
    position:relative;
    cursor: pointer;
}
.tab-block:after{
    display:none;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-8px;
    content:'';
    width:0;
    height:0;
    border:16px solid transparent;
    border-right-color:#fff;
}
.tab-block.on:after{
    display:block;
}
/* footer start */
.hdp-footer{
    background: #283046;
    color:#C7CDDD;
  }
  .footCenter{
    width: 1200px;
    /* height: 370px; */
    margin: 0 auto;
  }
  .footTop{
    width: 100%;
    height: 250px;
  }
  .footTopLeft{
    width: 300px;
    height: 140px;
    float: left;
    margin-top: 40px;
  }
  .footTopLeft ul{
    width: 50%;
    height: 140px;
    float: left;
  }
  .footTopLeft ul li {
    list-style: none;
    display: block;
    width: 100%;
    height: 32px;
  }
  .footTopLeft ul li:first-child{
      margin-bottom:20px;
  }
  .footTopLeft ul li h3{
    color: #C7CDDD;
    font-size: 20px;
  }
  .footTopLeft ul li a{
    font-size: 16px;
    text-decoration: none;
    color: #C7CDDD;
    width: 100%;
    height: 100%;
    line-height: 32px;
  }
  .footTopCenter{
    height: 140px;
    float: left;
    margin-top: 40px;
    padding: 0 60px;
    border-left: 1px solid #303030;
    border-right: 1px solid #303030;
  }
  .footTopCenter > div{
    width: 112px;
    height: 134px;
    float: left;
    margin-right: 40px;
  }
  .footTopCenter > div>img{
      width:100px;
      height:100px;
  }
  .footTopCenter > div p{
    text-align: center;
    color: #C7CDDD;
    font-size: 16px;
    margin-top:10px;
  }
  .footTopRight{
    width: 300px;
    height: 140px;
    float: right;
    margin-top: 40px;
  }
  .footTopRight p{
    color: #C7CDDD;
    font-size: 14px;
    text-align: left;
  }
  .footTopRight h3{
    font-size: 20px;
    color: #5D8AFF;
    text-align: left;
    margin-bottom:12px;
  }
  .footBottom{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
  }
  .footBottom p{
    font-size: 14px;
    color: #C7CDDD;
    margin-bottom: 4px;
    text-align: center;
  }
  .footBottom p a{
    width: auto;
    display: inline-block;
    padding: 0 4px;
    text-decoration: none;
    color: #C7CDDD;
  }
  .SmallNav.active{
    display: block;
  }
  .SmallNav{
    width: 230px;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 5px auto 0;
    display: none;
  }
  .RightNavSonMa{
    width: 230px;
    height: 128px;
    border-top: 1px solid #e5e5e5;
    margin: 10px auto 0;
    overflow: hidden;
  }
  .RightNavSonMa a{
    width: 32.33%;
    height: 68px;
    display: block;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 12px;
  }
  .RightNavSonMa a p{
    margin-top: 7px;
  }
  .RightNavSonMa a img{
    display: inline-block;
    margin-top: 12px;
  }
  
  /*浮框*/
  .describe {
    padding: 5px;
    /*border-radius: 8px;*/
    color: #6f80f5;
    display: none;
    border: 1px solid #6f80f5;
    position: absolute;
    background-color: #fff;
  }
/* footer end */
.title-wrap{
    padding:24px 24px 0;
}
.blue-title-split{
    width:6px;
    height:22px;
    background-color:#5D8AFF;
    margin-right:12px;
    margin-top: 3px;
}
.progress{
    width:100%;
    position:relative;
    background-color:rgba(0,0,0,.1);
    border-radius:24px;
    height:8px;
}
.progress-bar{
    width:33%;
    transition:.25s ease-in;
    height:8px;
    position:absolute;
    left:0;
    top:0;
    background-color:#63A6FF;
    border-radius:24px;
    
}

ul.banner-4,ul.banner-2{
    margin-left:auto;
    margin-right:auto;
}
ul.banner-2 li{
    float:left;
    width:590px;
    height:100px;
    margin-right:20px;
}
ul.banner-4 li{
    float:left;
    width:285px;
    height:100px;
    margin-right:20px;
}
ul.banner-4 li:last-child,ul.banner-2 li:last-child{
    margin-right:0;
}
ul.banner-4 li img,ul.banner-2 li img{
    width:100%;
}
.recomd li{
    width:20%;
    height:88px;
    line-height:88px;
    float:left;
}
.recomd li p{
    display:none;
}
.recomd li:hover{
    background-color:#5D8AFF;
}
.recomd li:hover>img{
    display:none;
}
.recomd li:hover>p{
    display:block;
}
.icon-phone{
    margin-top:10px;
    margin-left: 6px;
    width:8px;
    height:14px;
    float:left;
    background:url('../img/icon_7.png') no-repeat center /100%;
}
.icon-contact{
    width:16px;
    height:20px;
    float:left;
    background:url('../img/icon_8.png') no-repeat center / 100%;
    margin-right:6px;
}
.icon-company{    
       float: left;
       background: url(../img/icon_8.png) no-repeat left/ 18px 16px;       
}
.bg-finance{
    background:#FF8B42 url('../img/bg_5.png') no-repeat right bottom / 82px 104px;
}
.bg-logistics{
    background:#3A71FF url('../img/bg_6.png') no-repeat right bottom / 86px 86px;
}


.group-buying li{
    width:322px;
    margin:0;
    height: 204px;
    padding:20px 18px;
}
.firm-recomd{
    height:60px;
    overflow:hidden;
    margin-bottom:4px;
}
.firm-recomd img{
    display:block;
    height:100%;
}
.icon-classify{
    width:16px;
    height:15px;
    margin-right:10px;
}
.search-btn-icon{
    background:url('../img/icon_search.png') no-repeat 12px 9px / 18px 18px;
}
.icon-classify-line,.icon-classify-line::before,.icon-classify-line:after{
    width:14px;
    height:2px;
    background-color:#fff;
    position:relative;
    display:inline-block;
    margin-right:10px;
    vertical-align: middle;
}
.icon-classify-line::before,.icon-classify-line:after{
    width:14px;
    height:2px;
    background-color:#fff;
    display:inline-block;
    content:'';
    position:absolute;
    left:0;
    top:0;
    
}
.icon-classify-line::before{
    top:-4px;
}
.icon-classify-line:after{
    top:4px;
}
.tab-nav-title li:hover {
    color:#3A71FF;
}
.icon-top-nav{
    width:12px;
    margin-right:8px;
}
ul.classify-wrap {
    padding: 30px 30px 10px;
}
ul.classify-wrap li:hover{
    color:#3A71FF;
    cursor:pointer;
}
.btn-to-detail{
    width:100px;
    height:36px;
    line-height:36px;
    text-align:center;
    border:1px solid #3A71FF;
}
.btn-to-dl{
    width:100px;
    height:36px;
    line-height:36px;
    text-align:center;
    background-color:#3A71FF;
    display:inline-block;
}
table tr td{
    height:26px;
}
.table-td-22 table tr td{
    height:22px;
}
.lead-news{
    width:33.3%!important;
    height:54px!important;
    line-height:54px!important;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.lead-news:last-child{
    border-right:none;
}
.w-497{
    width:497px;
}
.w-842{
    width:842px;
}
.h-900{
    height:900px;
}
.m-l-55{
    margin-left:55px!important;
}
.m-t-50{
    margin-top:50px!important;
}
.details{
	height: 347px;
	padding: 30px;
}
.d2{
	
 width: 416px;
 height: 48px;
 line-height: 48px;
 text-align: center;
 border-width: 48px;
 background-color: #E24E4E;
 margin-top: 53px;
 color: white;
}
.d2:after, .d2:before {
    border: 24px solid transparent;   
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    right: -27px;	  
	content: ' '

}
.d2:before {
  border-left-color: #E24E4E;
  right: -27px;
  margin-top: 53px;
}
.detail-p{
	width: 215px; 
	height: 50px; 
	line-height: 50px;
	text-align: center;	
	border: 1px solid rgba(248,165,94,1);

}
.bord{
	border:1px solid rgba(242,242,242,1);
}
.bord td{
	width: 25%;
}
.border-blue{
	padding: 10px;
	border:1px solid rgba(93,138,255,1);
}
.col-41{
	width: 33%;
	    float: left;
	    height:40px;
	    line-height: 40px;
	    
}  
.block{
    display: block; 
}
 .hide{
	 display: none;
 }
 .banner1 {
     width: 100%;
     height: 340px;
 }
 .banner2 {
     width: 100%;
     height: 60px;
 }
 .gallery{
	 width: 340px;
	 height: 340px;
 }
 .thumbs{
 	 width: 340px;
 	 height: 60px;
 }
.ykj{
	color:rgba(248,165,94,1);
	font-size: 12px;
	width: 48px;
	height: 20px;
	background:rgba(255,236,219,1);
	border:1px solid rgba(248,190,139,1);
	margin-right: 10px;
	padding: 2px 6px;
}
.bt-plus{
	width:40px;
	height:35px;
	background:rgba(242,242,242,1);
	 border: none;
}
.unsc{
	width: 16px;
	height: 16px;
	/* margin-left: 18px; */
}
.m-t-80{
	margin-top: 80px;
}

 .tab-Buy-list-wrap .layui-tab-title .layui-this:after,.talentsListPage .layui-tab-title .layui-this:after{
    height: 48px;
 }
 .talentsListPage .nav .layui-tab-title .layui-this:after{
    height: 41px;
 }
/* 消息提示图标 */
.nav-link {
  position: relative;
  padding: 0 14px;
  line-height: 24px;
}
.nav-counter {
  position: absolute;
  font-size: 6px;
  top: 3px;
  right: -5px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  padding: 0 4px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #e23442;
  border: 1px solid #911f28;
  border-radius: 10px;
  background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.nav-counter-red {
  background: red;
  border: 1px solid red;
  /* background-image: -webkit-linear-gradient(top, #8ec15b, #689739);
  background-image: -moz-linear-gradient(top, #8ec15b, #689739);
  background-image: -o-linear-gradient(top, #8ec15b, #689739);
  background-image: linear-gradient(to bottom, #8ec15b, #689739); */
}
			
 /* 竞买竞卖 */
 .deal{
	width: 100%;
	height: auto;
	background: #f4f4f4;
	padding: 13px 0;
}
.deal_select{
	width: 1198px;
	height: 32px;
	padding: 25px 0;
	background: #fff;
	margin: 0 auto;
	border:1px solid #e7e7e7;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
.stair,.second,.Flyers{
	width: 298px;
	height: 35px;
	outline: none;
	border-radius: 2px;
    margin: 0 5px;
    border-color: #D3D7E0;
}
.deal_select p{
	display: inline-block;
	float: left;
	width: auto;
	line-height: 32px;
	height: 32px;
	margin-left: 25px;
}
.searchable-select-input{
	display: none !important;
}
.searchable-select{
	width: 298px;
	margin-right: 20px;
}
.deal_list{
	width: 1198px;
	background: #fff;
	height: auto;
	overflow: hidden;
	padding: 25px;
	border:1px solid #e7e7e7;
	margin:20px auto 0;
	display: table;
}
.deal_list_top{
	width: 100%;
	height: 45px;
	background: #e4e4e4;
	display: table;
}
.deal_list_top > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	width: 120px;
}
.deal_list_top > div > p{
	width: 100%;
	line-height: 20px;
	font-weight: bold;
}
.deal_list_title1{
	width: 110px;
}
.deal_list_title2{
	width: 260px;
}
.deal_list_title3{
	width: 130px;
}
.deal_list_s{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.deal_list_ss{
	width: 100%;
	height: 93px;
	display: table;
	border-bottom:1px dashed #cacaca;
}
.deal_list_ss > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	width: 120px;
}
.deal_red{
	color: #e81919;
}
.deal_list_title2 a{
	text-decoration: none;
	padding: 0 15px;
	display: inline-block;
	line-height: 36px;
	border:1px solid #5b6efa;
	color: #5b6efa;
}
.deal_list_title2 a.deal_a{
	background: #fe552e;
	color: #fff;
	border:1px solid #fe552e;
}

.sch_page{
	width: 100%;
	height: 36px;

}
.sch_page_r{
	width: 470px;
	height: 34px;
	float: right;
	margin-top: 25px;
}
.sch_page_r a.active{
	color: #fff;
	background: #e34e54;
	border:1px solid #e34e54;
}
.sch_page_r a{
	text-decoration: none;
	min-width: 34px;;
	width: auto;
	height: 34px;
	display: block;
	float: left;
	border:1px solid #c3c3c3;
	text-align: center;
	line-height: 34px;
	color: #333;
	margin-right: 8px;
}
.search_btn{
	width:106px;
	height: 36px;
	display: inline-block;
	background: #F8A55E;
	outline: none;
	border:none;
	color: #fff;
	border-radius: 1px;
}
ul.block-pannel-1{
    display:none
}
ul.block-pannel-1.on{
    display:block;
}
.filter-wrap .filters-cols span{
    float:left;
    min-width:50px;
    padding:5px 10px;
    border-radius:2px;
    overflow:hidden;
}
.filter-wrap .filters-cols span.active{
    background-color:#5D8AFF;
    color:#fff;
}
.talentsListPage .list li.active{
    background-color:#F7F7F7;
}
.talentsListPage .btn-collect,.jobDetailPage .btn-collect{
    display:inline-block;
    width:16px;
    height:16px;
    background:url('../img/uncollect.png') no-repeat center /16px 16px;
    vertical-align: middle;
    margin-top:-2px;
    margin-right:10px;
}
.talentsListPage .choosed{
    position: absolute;
    top:0;
    left:0;
    display:none;
}
.talentsListPage .talent-opt,.talentsListPage .talentsListWrap li.active .time{
    display:none;
}
.talentsListPage .collect-wrap{
    padding:10px;
}
.talentsListPage .talentsListWrap li.active .choosed,.talentsListPage .talentsListWrap li.active .talent-opt{
    display:block;
}
.talentsListPage .collect-wrap.active .btn-collect{
    background:url('../img/collected.png') no-repeat center /16px 16px;
}
.talentsListPage .talentsListWrap li.active .tag-2{
    background: rgb(225, 227, 230);
}
.talentsListPage .place .layui-form-select .layui-input{
    color:#3A71FF;
}
.jobDetailPage .btn-simple{
    display:inline-block;
    width:100px;
    height:40px;
    line-height:40px;
    border:1px solid #BEBEC1;
    color:#4F5667;
    text-align:center;
    font-size:16px;
}
.jobDetailPage .btn-for-position{
    display:inline-block;
    width:130px;
    height:40px;
    line-height:40px;
    border:1px solid #5D8AFF;
    text-align:center;
    font-size:16px;
    background-color:#5D8AFF;
    color:#FAFAFA;

}
.jobDetailPage .icon-firm-1,.jobDetailPage .icon-firm-2,.jobDetailPage .icon-firm-3{
    float:left;
    width:11px;
    height:12px;
    margin-right:2px;
    margin-top:2px;
}
.jobDetailPage .icon-firm-1{
    background:url('../img/icon_firm_1.png') no-repeat center /11px 12px;
}
.jobDetailPage .icon-firm-2{
    background:url('../img/icon_firm_2.png') no-repeat center /11px 12px;
}
.jobDetailPage .icon-firm-3{
    background:url('../img/icon_firm_3.png') no-repeat center /11px 12px;
}
.newsPage ul li.m-b-20{
    margin-bottom:20px;
}
.newsPage ul li.m-b-20:last-child{
    margin-bottom:0!important;
}
.dot{
    float:left;
    width:4px;
    height:4px;
    background-color:#D0D6E6;
    margin-right:8px;
    margin-top: 15px;
}
.newsPage .dot-bg-orange{
    width:14px;
    height:14px;
    color:#fff;
    font-size:12px;
    margin-top: 10px;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    background-color:#F38F5E;
}
.newsPage a:hover{
    color:#5D8AFF;
}
.newsDetailPage .news-content p{
    line-height:24px;
    font-size:16px;
    color:#333;
    margin-bottom:30px;
    text-indent:32px;
}
.detail-p-1{
	padding: 8px 36px;
	text-align: center;	
	border: 1px solid rgba(248,165,94,1);

}
.bord-1 {
	border: 1px solid rgba(242,242,242,1);
}
.bord-1 td{
	width: 16%;
}
.pk td{
	width: 33%;
	margin-top: 14px;
}
.pk td:first-child{
	color:rgba(79,86,103,1);
}
.pk td:last-child{
	color:rgba(58,113,255,1);
}
.pk-1 {
	padding:0  20px;
}
.pk-1 td{
	width: 20%;
	margin-top: 14px;
}
.sc_b{
	background: url(../img/collected.png) no-repeat; 
	background-size: 16px;
	margin-right: 15px;
}
.unsc_b{
	background: url(../img/uncollect.png) no-repeat;
   background-size: 16px;
   margin-right: 15px;}
   .deal_table{
   	width: 227px;
   	height: 28px;
   	line-height: 28px;
   	border:1px solid rgba(237,237,237,1);
   	margin: 0 auto;
   }
   .deal_table a{
   	    width: 23%;
   	    text-align: center;
   }
   .active1{
   	    color: #fff;
   	    background: #5D8AFF;
   }
   .h-fg{
   	height: 1px;
   	width: 100%;
   	background:rgba(242,243,245,1);
   }

   .split-line{
       display:inline-block;
       width:1px;
       background:#D6D6D6;
       height:24px;
       height:44px;
   }
.login-wrap{
    height:500px;
    width:100%;
    background:url('{$Think.BASE_SITE_ROOT}/static/home/images/login_banner.png') no-repeat center / 100% 500px;
}
.loginPage{
    background-color:#fff;
}
.loginPage .login-reg-wrap .login-reg-tab p.active{
    color:#283046;
    font-weight:bold;
}
.loginPage .login-reg-wrap ul.login-reg-box li {
    display:none;
}
.loginPage .login-reg-wrap ul.login-reg-box li.active {
    display:block;
}
.loginPage .login-reg-wrap ul li .login-input{
    width:100%;
    height:40px;
    overflow:hidden;
}
.loginPage .login-reg-wrap ul li input{
    border:none;
    height:40px;
    text-indent:10px;
}
.loginPage .login-reg-wrap ul li input::placeholder{
    color:#C7CBD5;
}
.loginPage .login-reg-wrap ul li label{
    color:#4F5667;
    font-size:14px;
    padding-left:12px;
    width:60px;
    height:40px;
    display:inline-block;
    position:relative;
}
.loginPage .login-reg-wrap ul li label::after{
    content:'';
    width:1px;
    height:20px;
    display:block;
    position:absolute;
    right:0;
    top:10px;
    background-color:#DEDEDE;
}
.loginPage .login-reg-wrap ul li .input-tip,.input-tip{
    line-height:24px;
    height:24px;
    color:red;
}
.member-wrap{
	padding-top: 53px;
	padding-bottom: 40px;
    position: relative;
    width:1200px;
    min-height:538px;
    margin:0 auto;
}
.member-input{
	padding: 0px;
    position: relative;
    width:400px;
    margin:0 auto;
	min-height: 500px;
}
.member-tab{
    position: relative;
    width:406px;
    height: 51px;
    text-align: center;
}
.member-tab .tabp{
    width:50%;
    height: 100%;
    top:15px;
    margin: 0 auto;
}
.member-tab span{
    color:#5D8AFF;
    position: relative;
    top:15px;
}
.member-tab .active{
    background-color: #5D8AFF;
}
.member-tab .active span{
    color: #fff;
    position: relative;
    top:15px;
}
.member-ul{
    width:400px;
}
.member-li{    
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 100%;
    border:1px solid #D7D5E4;
    float: left;
    text-indent: 1em;
}
.member-ul .active span{
    color:#5D8AFF;
}
.member-ul .active .left{
    background-image: url(../img/bgf.png);
	float:left;
	width: 23px;
	height:23px;
	margin-top:8px;
	margin-left:20px;
}
.member-ul .left{
    background-image: url(../img/bgb.png);
	float:left;
	width: 23px;
	height:23px;
	margin-top:8px;
	margin-left:20px;
}
.member-ul .active .right{
    background-image: url(../img/succ.png);
	float: right;
	width: 16px;
	height:11px;
	margin-top: 13px;
	margin-right: 30px;
}

.enmember-ul{
    width:400px;
}
.enmember-li{    
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 100%;
    border:1px solid #D7D5E4;
    float: left;
    text-indent: 1em;
}
.enmember-ul .active span{
    color:#5D8AFF;
}
.enmember-ul .active .left{
    background-image: url(../img/enf.png);
	float:left;
	width: 23px;
	height:23px;
	margin-top:8px;
	margin-left:20px;
}
.enmember-ul .left{
    background-image: url(../img/enb.png);
	float:left;
	width: 23px;
	height:23px;
	margin-top:8px;
	margin-left:20px;
}
.enmember-ul .active .right{
    background-image: url(../img/succ.png);
	float: right;
	width: 16px;
	height:11px;
	margin-top: 13px;
	margin-right: 30px;
}


.btn-commit{
    display:block;
    color:#fff;
    font-size:16px;
    text-align:center;
    background-color:#5D8AFF;
    height:40px;
    line-height:40px;
    transition: .25s all ease;
}
.btn-commit:hover{
    color:#fff;
    background:#3A71FF;
}
.loginPage .btn-login{
    display:block;
    color:#fff;
    font-size:16px;
    text-align:center;
    background-color:#5D8AFF;
    height:40px;
    line-height:40px;
}

.d1 {
    width: 0;
    height: 0;
    border-bottom: 11px solid #9D1B1B;
    border-left: 11px solid transparent;
	position: absolute;
	top: 42px;
}
/* 全屏蒙层 */
.tc{
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,1);
	position: fixed;
	top: 0;
	opacity: 0.6;
}
.bm-bj{
	width:800px;
	height:610px;
	background:rgba(255,255,255,1);
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
}
.bm-bj-head{
	width:800px;
	height:54px;
	background:#5D8AFF;
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.tw{
	width: 462px;
	margin: 0 auto;
}
.tw input{
	width:319px;
	height:40px;
	margin-left: 10px;
	padding: 10px 14px;
}
.tw-span{
	width:70px;
	height:40px;
	display: inline-block;
	text-align: right;
}

.submit{
	width:215px;
	height:44px;
	line-height:44px;
	text-align: center;
	background:rgba(93,138,255,1);
	color: white;
	display: inline-block;
}
.tw-dz{
	width: 460px;
	height: 160px;
	border:1px solid rgba(211,215,224,1);
	margin: 0 auto;
	padding: 25px 25px 30px 25px;
}
.dz-arr{
	width:16px;
	height:16px;
	background:url('../img/banner_arrow_right.png') no-repeat right / 16px 16px;
}
.input-box{
    text-indent: 10px;
}
.input-date-icon{
	background-image:url('../img/detail_date.png');
	/* background-attachment:fixed; */
	background-position: 95% 50%; 
	background-repeat:no-repeat;
}
.registerPage .register-wrap ul li{
    position:relative;
}
.registerPage .register-wrap ul li.line-right:after,.registerPage .register-wrap ul li.line-left:before{
    position:absolute;
    width:62px;
    height:0;
    border-bottom:2px dashed #C7CDDD;
    content:'';
    display:block;
}
.registerPage .register-wrap ul li.line-right:after{
    right: -31px;
    top:20px;
}
.registerPage .register-wrap ul li.line-left:before{
    left: -32px;
    top:20px;

}
.registerPage .register-wrap ul li.active,.registerPage .register-wrap ul li.active .circle{
    color:#5D8AFF;
    border-color:#5D8AFF;
}
.icon-cer-info{
    width:18px;
    height:18px;
    line-height:18px;
}
.registerPage .cer-bus-wrap{
    width:210px;
    height:290px;
    overflow:hidden;
    border:1px solid #eee;
    background-color: #f9f9f9;
    position:relative;
}
.registerPage .cer-bus-wrap .img-upload{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.certification-wrap .cer-info-detail{
    width:360px;
    padding:20px 35px;
    position:absolute;
    right: -380px;
    top:30px;


}
.mall-btn{
	width:36px;
	height:30px;
	line-height: 30px;
	color: #283046;	
	background:rgba(255,255,255,1);
	border:1px solid rgba(229,229,229,1);
}
.mall-btn-col{
	width:20px;
	height:16px;
	line-height: 16px;	
	border: 1px solid white;	
}
.check-list{
	width:147px;
	height:21px;
	font-size:16px;		
	line-height:21px;
	color:#3A71FF;
	cursor: pointer;
	margin: 25px 0 0 42px;
}
.want-list{
	width: 720px;
	height: 290px;
}
.want-list li{
	width: 720px;
	height: 70px;
}
.want-list li td{	
	height: 70px;
	border: 1px solid #D9D9D9;
}
.want-list li td:first-child{	
	color: #283046;
	font-weight: bold;
}
.malls button{
	cursor: pointer;
}
.bac-blue{
	background-color: #3A71FF;
	border:1px solid #3A71FF;
	color: white;
}
.bac-bor{	
	border:1px solid #3A71FF;	
}
.shop-conf{
	display: inline-block;
	    background-color: #FFBE83;
	    color: white;
	    height: 20px;
	    line-height: 20px;
	    width: 50px;
}
.com-title{
	    width: 30px;
	    height: 1px;
	    background: rgba(131,140,160,1);
	    display: block;
	    position: relative;
	    left: 49%;

}
.retailPage .recom-img-wrap{
    width:160px;
    height:160px;
    overflow:hidden;
    margin:36px auto 0;
    border:1px solid #eee;
}
.retailPage .recom-img-wrap-1{
    width:210px;
    height:210px;
    overflow:hidden;
    border:1px solid #eee;
}
.retailPage .recom-wrap li{
    position:relative;
}
.retailPage .recom-wrap li:after{
    position:absolute;
    right:0;
    top:75px;
    height:190px;
    width:1px;
    background-color:#EBEBEB;
    content:'';
    display:block;
}
.retailPage .recom-wrap li:last-child:after{
    display:none;

}
<<<<<<< HEAD
.news-title{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-top: 40px;
}
.news-date{
	text-align: center;
	font-size: 12px;
	color: #838CA0;
	margin-top: 14px;
}
.news-date span:last-child{
	margin-left: 70px;
}
.buy-sell-list1 table tr td {
    height: 60px;
    border-bottom: 1px solid rgba(242,243,245,1);
}
.back{
	width:38px;
	height:19px;
	font-size:14px;	
	line-height:19px;
	color:rgba(248,165,94,1);
	position: relative;
	bottom: 39px;	
}
.li-style{
	width:8px;
	height:8px;
	background:rgba(248,165,94,1);
	border-radius:50%;
	display: inline-block;
		margin: 26px 10px 0 0;
}
.list li{
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom:1px dashed  rgba(227,228,229,1);

}
.shop-home-p{
	/* height: 93px; */
	overflow: hidden;	   
	/* white-space: nowrap;
	text-overflow: ellipsis; */
	min-height: 93px;
	  display: -webkit-box;
	text-overflow: ellipsis;
	            -webkit-box-orient: vertical;
	            -webkit-line-clamp: 4;
	            word-break: break-all;

}
.more{
	color:#5D8AFF ;
	cursor: pointer;
	
}
.words{
	height: 93px;
	overflow: hidden;
}
.words p{
	line-height: 1.5 !important;
}
.height-auto{
	height:auto;
	overflow:auto;
}
.shadow{
	width: 290px;
	height: 420px;
	box-shadow: 0px 0px 0px 0px #5D5D5D, 0px 0px 3px 0px #5D5D5D;
}
.shadow1{
	width: 888px;
	height: 420px;
	box-shadow: 0px 0px 0px 0px #5D5D5D, 0px 0px 3px 0px #5D5D5D;
}
.shop-kind{	
	background:url('../img/icon_firm_1.png') no-repeat left /11px 12px;
}
.shop-money{	
	background:url('../img/icon_firm_2.png') no-repeat left /11px 12px;
}
.shop-address{	
	background:url('../img/icon_firm_3.png') no-repeat left /11px 12px;
}
.com-pic{
text-align: center;
padding-top: 30px;
}
.com-pic img{
	height: 68px;
	width: 68px;
	display: block;
	margin: 0 auto;
	border: 1px solid #999999;
}
.com-pic span{
	display: block;
	font-size: 18px;
	color: #283046;
	margin-top: 20px;
}
.com-pic1{
	padding: 0 20px 0 24px;
}
.com-pic1 span{
	font-size: 12px;
	color: #838CA0;
	padding: 0 15px;
}
.comp-collect{
	padding: 30px;
	height: 95px;
}
.coll{
	padding: 7px 17px;
	width:112px;
	height:34px;
	background-color:rgba(248,165,94,1);
	color: white;
	cursor: pointer;		
}
.coll-unsc{
	    background: url(../img/uncollect_white.png) no-repeat left/16px 16px;
}
.coll-sc{
	    background: url(../img/collected.png) no-repeat left/16px 16px;
}
.h-w-246{
	width:246px;
	height:1px;
	background:#EFEFEF;
	margin: 0 auto;
}
.shop-job{
	width:100%;
	height:150px;
	padding: 20px 22px 39px 20px;
	font-size:12px;
	color:rgba(40,48,70,1);
}
.w-888{
	width: 888px !important;
}
.shop-home-center{
	   background: url(../img/shop_bac.png) no-repeat center;
}
.shop-mall-sell{
	
	height: 27px;
	font-size: 20px;
	color: rgba(131,140,160,1);
	margin-top: 48px;
	text-align: center;
	
}
.shop-mall-sell span{cursor: pointer;}
.shop-mall-sell span:last-child{margin-left: 30px;}
.change{
	color: white;
}

.shop-check{
	width: 110px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #C7CDDD;
	border: 1px solid #C7CDDD;
	margin: 45px auto;
}
.list1 li{
	height: 40px;
	line-height: 40px;
}
.li-style1{
	width: 8px;
	height: 8px;
	background: rgba(248,165,94,1);
	border-radius: 50%;
	display: inline-block;
	margin: 16px 10px 0 0;
}

.store-page .store-wrap li.li-layout:nth-child(2n+1){
    margin-right:20px;
}
.store-page .store-wrap li.li-layout:nth-child(2n+2){
    margin-right:0;
}
.store-page .store-wrap li:nth-child(4n+1) .bg-base{
    background-color:#EBC253;
    
}
.store-page .store-wrap li:nth-child(4n+2) .bg-base{
    background-color:#6DA7EA;
    margin-right:0;
}
.store-page .store-wrap li:nth-child(4n+3) .bg-base{
    background-color:#FAA0DF;
    margin-right:0;
}
.store-page .store-wrap li:nth-child(4n+4) .bg-base{
    background-color:#94A7F4;
    margin-right:0;
}
.title-before-after{
    position:relative;
}
.title-before-after:before{
    position:absolute;
    left:-50px;
    top:0;
    content:'';
    width:32px;
    height:32px;
    display:inline-block;
    background:url('../img/bg_title.png') no-repeat center / 32px 32px;
}
.title-before-after:after{
    position:absolute;
    right:-50px;
    top:0;
    content:'';
    width:32px;
    height:32px;
    display:inline-block;
    background:url('../img/bg_title.png') no-repeat center / 32px 32px;
}
/* 价格加横线 */
.pre-price{
text-decoration:line-through;
}
.h-1344{
	height: 1344px !important;
}
.bord-yxj{
	    width: 48px;
	    height: 20px;
	    line-height: 20px;
	    color: #F8BE8B;
	    text-align: center;
	    background: rgba(255,236,219,1);
	    border: 1px solid rgba(248,190,139,1);
	    
}
.overflow-sl{
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
.quotation-buy-info{
	font-size:14px;
	color: #4F5667;
}
.quotation-buy-info p{
	margin-top: 12px;
}
.quotation-list{
	width: 376px;
	height: 38px;
	
}
.quotation-list .layui-form-select {
    position: absolute;
    width: 376px;
    left: 0;
    top: 0;
    height: 36px;
    background: transparent;
}
.quotation-list .layui-input-block {
    margin-left: 0px !important;
    min-height: 36px;
}
.quotation-list-title{
	text-align: right;
	    line-height: 36px;
	    height: 36px;
} 
.quotation-list-address  .layui-unselect{
	width: 120px;
}
.quotation-list-address .layui-input-inline{
	height: 36px;
	width: 128px !important;
	margin-right: 0px !important;
}
.add1 {
	border:1px solid rgba(226,226,226,1) ;
}
.add1 p{
	border-bottom:1px solid rgba(226,226,226,1) ;
}

.add1 span{
	height: 39px;
}
.m-l-70{
	margin-left: 70px;
}