* {
    margin:0;
    padding: 0;
}
@media (max-width: 1920px) {
    .banxin {
        width: 1200px;
        margin: 0 auto;
    }
}
@media (max-width: 1280px) {
    .banxin {
        width: 1200px;
        margin: 0 auto;
    }
}
@media (min-width: 1920px) {
    .banxin {
        width: 1200px;
        margin: 0 auto;
    }
}

ul,li,ol {list-style:none}
i,b {
    font-style: normal;
}
a {
    text-decoration: none;
    color:#333;
    }
.clearfix::after{
    content:"";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.clearfix{zoom:1}
body {
    min-width: 1170px;
    font-style: normal;
    font-size: 12px;
    background-color: #f4f4f4;
    font-family: tahoma,arial;
    color: #333;
    /* 字间距 */
    /* letter-spacing:1px;   */
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.txall {
    text-align: left;
}
.txalc {
    text-align: center;
}
.blue {
    color: #0073dc;
}
.green {
    color: #068c4b;
}
.gray {
    color: #666666;
}
.light-gray {
    color: #999;
}
.red {
    color:#ff2317;
}
.org {
    color:#ff7f00;
}
.allBlack {
    color: #000;
}
.black {
    color:#333333;
}
/* 小灰字 */
.gray-sm {
    font-size: 10px;
    color: #999;
}
/* 中灰字 */
.gray-md {
    font-size: 16px;
    color: #999;
}

/* 字体20px */
.fsz20 {
    font-size: 20px;
}
/* 大字 */
.big-font {
    font-size: 17px;
    line-height: 2;
}
.big-font18 {
    font-size: 18px;
}
.md-font {
    font-size: 14px;
    line-height: 1.6;
}
.black14 {
    font-size: 14px;
    color: #333;
}
.mg-t12 {
    margin-top: -6px;
}
/* 右边距5px */
.mgr5 {
    margin-right: 5px;
}
/* 右边距10px */
.mgr10 {
    margin-right: 10px;
}
/* 右边距15px */
.mgr15 {
    margin-right: 15px;
}
/* 右边距20px */
.mgr20 {
    margin-right: 20px;
}
/* 右边距25px */
.mgr25 {
    margin-right: 25px;
}
/* 右边距30px */
.mgr30 {
    margin-right: 30px;
}
.mgr36 {
    margin-right: 36px;
}
.mgr72 {
    margin-right: 72px;
}
a:hover {
    color:#ff2317;
}
.layui-btn-red {
    background-color: #ff2317;
}
.layui-btn-skyblue {
    background-color: #3588fe;
}
.layui-btn-blue {
    background-color: #0073dc;
}
.layui-btn-org {
    background-color: #ff7f00;
}
.layui-btn-pink {
    background-color: #ff4f73;
}
.btn-red-border.layui-btn-primary {
    color: #ff2317;
    border: 1px solid #ff2317;
}
.btn-gray-border.layui-btn-primary {
    color: #999;
    border: 1px solid #999;
}
.btn-blue-border.layui-btn-primary {
    color: #0073dc;
    border: 1px solid #0073dc;
}
.btn-org-border.layui-btn-primary {
    color: #ff7f00;
    border: 1px solid #ff7f00;
}
.por {
    position: relative;
}
.poa {
    position: absolute;
}
.regjlt {
    background-image:url(/purchase/resource/images/regjlt.png);
}
.jlt {
    background-image:url(/purchase/resource/images/jlt.png);
}
.deckjlt {
    background-image:url(/purchase/resource/images/deck.png);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
    /* WebKit browsers */   
   color: #999;   
   }   
input:-moz-placeholder, textarea:-moz-placeholder {   
   /* Mozilla Firefox 4 to 18 */   
   color: #999;   
   }   
input::-moz-placeholder, textarea::-moz-placeholder {   
    /* Mozilla Firefox 19+ */   
   color: #999;   
   }   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
    /* Internet Explorer 10+ */   
   color: #999;   
   }
   

.main {
    padding: 12px 0 100px 0;
    background-color: #fff;
    min-height: 800px;
}
.org-main .main {
    border-top: 2px solid #ff7f00;
}
.red-main .main {
    border-top: 2px solid #ff2317;
}
.blue-main .main {
    border-top: 2px solid #0073dc;
}
.layui-form-select dl dd.layui-this {
    background-color: #d4d4d4;
}
.layui-form-select dl {
    padding: 0;
}
.pad-l38 {
    padding-left: 38px;
}


.point{
    cursor: pointer;
}
   /***************************************     图标     ****************************************/



/* 网站导航logo */
.daohang{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: 0 0;
}


/* 热线电话logo */
.rexian {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -14px 0;
}

/* 下拉箭头logo */
.jiantou {
    position: absolute;
    width: 7px;
    height: 3px;
    background-position: -28px 0;
}

/* 竞价单编号logo */
.odd-numbers {
    display: inline-block;
    width: 26px;
    height: 19px;
    background-position: -214px -184px;
}
/* 订单编号logo */
.order-numbers {
    display: inline-block;
    width: 26px;
    height: 19px;
    background-position: -185px -243px;
}

/* 输入正确logo */
.true {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -189px -57px ;
}
/* 输入错误图标 */
.false {
    width: 17px;
    height: 17px;
    display: inline-block;
    background-position: -164px -57px ;
}

/* 小蓝色i logo */
.blueIsmall {
    width: 21px;
    height: 21px;
    background-position: -176px 0;
}


/* 大蓝色i logo */
.blueIbig {
    width: 25px;
    height: 25px;
    background-position: -259px -89px;
}

/* 加载中 */
.dengdai {
    width: 143px;
    height: 144px;
    background-position: 0 -64px;
    display: inline-block;
    margin: 90px 0 0;
    transform: rotate(0);
    animation: turn 1s steps(8) infinite;
}
@keyframes turn {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 热门  logo */
.hot {
    background-position: -46px 0;
    display: inline-block;
    width: 29px;
    height: 17px;
}


/* 标注必填星号 */
.asterisk {
    color: red;
    font-size: 20px;
    vertical-align: middle;
    margin: 0 10px;
}

.asterisk-small {
    color: red;
    font-size: 14px;
    vertical-align: middle;
    margin: 0 5px;
}



/* 下一步图标 */
.next {
    width: 32px;
    height: 19px;
    background-position: -176px -24px;
    display: inline-block;
}


/* 红色对号 */
.redtrue {
    width: 18px;
    height: 18px;
    background-position: -164px -184px;
    display: inline-block;
}


/* 灰色对号 */
.graytrue { 
    width: 18px;
    height: 18px;
    background-position: -188px -184px;
    display: inline-block;
}

/* 报价中心logo */
.offerlogo {
    width: 27px;
    height: 21px;
    display: inline-block;
    background-position: -124px -211px;
}

/* 订单中心logo */
.my-orderlogo {
    width: 24px;
    height: 22px;
    display: inline-block;
    background-position: -163px -211px;
}

/* 资金管理logo */
.fundMgmlogo {
    width: 19px;
    height: 22px;
    display: inline-block;
    background-position: -197px -211px;
}

/* 客户服务logo */
.cstmsevlogo {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-position: -223px -211px;
}

/* 设置logo */
.setuplogo {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-position: -254px -211px;
}


/* 黄色感叹号logo */
.beCarelogo {
    width: 18px;
    height: 18px;
    background-position: -124px -243px;
}

/* 时间logo */
.timelogo {
    width: 17px;
    height: 18px;
    display: inline-block;
    background-position: -157px -243px;
}

/* 公司名称logo */
.corporate-name {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: -157px -102px;
}

/* 定位logo */
.loca {
    display: inline-block;
    width: 9px;
    height: 12px;
    background-position: -126px -82px;
}

/* 信誉向下的箭头 */
.arrow {
    width: 8px;
    height: 14px;
    background-position: -193px -101px;
    display: inline-block;
}


/* 订单信息 */
.order-informationlg {
    width: 118px;
    height: 163px;
    display: inline-block;
    background-position: 0 -355px;
}


/* 角色管理 */
.role-selection {
    width: 86px;
    height: 86px;
    display: inline-block;
    background-position: -143px -271px;
}

/* 保证金 */
.baozhengjin {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -117px 0;
    margin-right: 5px;
    vertical-align: middle;
}

/* 违约金 */
.weiyuejin {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -96px 0;
    margin-right: 5px;
    vertical-align: middle;
}

/* 曲别针 */
.label {
    display: inline-block;
    width: 16px;
    height: 18px;
    background-position: -252px -292px;
}


/* 绿色公司logo */
.green-cpr {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: -221px -243px;
}


/* 资料 */

.mean {
    width: 19px;
    height: 21px;
    display: inline-block;
    background-position: -252px -243px;
}


/* 推荐商家 */


.rcmd {
    width: 22px;
    height: 21px;
    display: inline-block;
    background-position: -252px -268px;
}



/* 个人中心 */


.psn {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: -252px -313px;
}



/* 供应商管理 */

.spy {
    width: 23px;
    height: 21px;
    display: inline-block;
    background-position: -252px -340px;
}



/* 供应商管理 */

.flag {
    width: 9px;
    height: 16px;
    display: inline-block;
    background-position: -252px -366px;
}


/* 分享 */

.share {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -276px -272px;
}


/* 报价 */
.bidlogo {
    width: 14px;
    height: 17px;
    display: inline-block;
    background-position: -163px -359px; 
}

/* 未收藏 */
.star.gray {
    background-position: -129px -393px;
}


/* 已收藏 */
.star {
    width: 24px;
    height: 24px;
    background-position: -188px -365px;
    display: inline-block;
}


/* 修改信息 */

.modify {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -276px -243px;
}




/* 竞价详情页时间背景图 */
.timebg {
    width: 646px;
    height: 79px;
    background-image: url(/purchase/resource/images/timebg.jpg)
}

/* 笑脸图片 */

.smilingFace {
    width: 21px;
    height: 21px;
    background-position: -194px -395px;
    display: inline-block;
}

/* 好评 */
.praise {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-position: -129px -359px;
}



/* 中评 */
.review {
    width: 27px;
    height: 22px;
    display: inline-block;
    background-position: -223px -394px;
}

.complete {
    width: 77px;
    height: 78px;
    background-position: -214px 0;
    display: block;
    margin: 66px auto 0;
}

/* 差评 */

.begative {
    width: 27px;
    height: 22px;
    display: inline-block;
    background-position: -256px -394px;
}


/* 货物信息 */

.goodsMsg {
    width: 48px;
    height: 47px;
    display: inline-block;
    background-position: -247px -433px;
}



/* 竞价信息 */

.bidsMsg {
    width: 48px;
    height: 43px;
    display: inline-block;
    background-position: -190px -434px;
}


/* 发货信息 */

.logisticsMsg {
    width: 48px;
    height: 34px;
    display: inline-block;
    background-position: -129px -434px;
}




/***********************************************   平台图标  ***************************************************/
.deck-logo {
    width: 186px;
    height: 56px;
    background-position: -53px 0;
    display: inline-block;
}
/* 首页 */
.deck-main {
    width: 21px;
    height: 21px;
    background-position: 0 0;
    display: inline-block;
}
.deck-main-c {
    width: 21px;
    height: 21px;
    background-position: -25px 0;
    display: inline-block;
}
/* 会员管理 */
.deck-user {
    width: 21px;
    height: 22px;
    background-position: 0 -24px;
    display: inline-block;
}
.deck-user-c {
    width: 21px;
    height: 22px;
    background-position: -25px -24px;
    display: inline-block;
}
/* 公告管理 */
.deck-notice {
    width: 19px;
    height: 18px;
    background-position: 0 -47px;
    display: inline-block;
}
.deck-notice-c {
    width: 19px;
    height: 18px;
    background-position: -25px -47px;
    display: inline-block;
}
/* 竞价 */
.deck-bid {
    width: 16px;
    height: 21px;
    background-position: 0 -67px;
    display: inline-block;
}
.deck-bid-c {
    width: 16px;
    height: 21px;
    background-position: -25px -67px;
    display: inline-block;
}
/* 投诉 */
.deck-complaint {
    width: 23px;
    height: 17px;
    background-position: 0 -92px;
    display: inline-block;
}
.deck-complaint-c {
    width: 23px;
    height: 17px;
    background-position: -25px -92px;
    display: inline-block;
}

/* 短信 */
.deck-note {
    width: 21px;
    height: 20px;
    background-position: 0 -113px;
    display: inline-block;
}
.deck-note-c {
    width: 21px;
    height: 20px;
    background-position: -25px -113px;
    display: inline-block;
}
/* 基础 */
.deck-other {
    width: 18px;
    height: 21px;
    background-position: 0 -135px;
    display: inline-block;
}
.deck-other-c {
    width: 18px;
    height: 21px;
    background-position: -25px -135px;
    display: inline-block;
}


/* 数量框 */
.deck-num {
    width: 20px;
    height: 19px;
    background-position: -249px 0;
    display: inline-block;
}

/* 升值 */
.deck-up {
    width: 11px;
    height: 15px;
    background-position: -273px 0;
    display: inline-block;
}


/* 置顶 */
.Risetop {
    width: 20px;
    height: 25px;
    display: inline-block;
    background-position: -129px -479px;
}


/* 团购 */
.groupPurchase {
    width: 13px;
    height: 18px;
    display: inline-block;
    background-position: -210px -101px;
}



/* 需求编号 */
.needPlanLogo {
    width: 26px;
    height: 20px;
    display: inline-block;
    background-position: -162px -484px;
}

/* 推荐人小手 */
.commend {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -196px -487px;
}



/* 首页竞价单图标 */
.mainBid {
    width: 57px;
    height: 66px;
    display: inline-block;
    background-position: -60px -529px;
}


/* 首页订单图标 */
.mainOrder {
    width: 61px;
    height: 66px;
    display: inline-block;
    background-position: -121px -529px;
}


/* 首页合同图标 */
.mainContact {
    width: 56px;
    height: 66px;
    display: inline-block;
    background-position: 0 -529px;
}


/* 破碎原料 */
.material {
    width: 30px;
    height: 24px;
    display: inline-block;
    background-position: -219px -488px;
}
/* 钢材 */
.scrap {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-position: -222px -517px;
}
/* 钢材原料 */
.scrap-material {
    width: 33px;
    height: 23px;
    display: inline-block;
    background-position: -255px -517px;
}
/* 钢板 */
.steel-plate {
    width: 31px;
    height: 25px;
    display: inline-block;
    background-position: -192px -552px;
}
/* 棉花 */
.cotton {
    width: 30px;
    height: 26px;
    display: inline-block;
    background-position: -255px -552px;
}
/* 钢筋 */
.steel-bar {
    width: 14px;
    height: 29px;
    display: inline-block;
    background-position: -233px -552px;
}
/* 模板 */
.module {
    width: 25px;
    height: 26px;
    display: inline-block;
    background-position: -192px -584px;
}

/* 摩托车 */
.cycle {
    width: 21px;
    height: 29px;
    display: inline-block;
    background-position: -197px -517px;
}
/* 摩托车 */
.ressblock {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-position: -255px -488px;
}