@font-face {
    font-family: 'iconfont';  /* Project id 4527169 */
    src: url('//at.alicdn.com/t/c/font_4527169_wwrw59sc829.woff2?t=1716966992819') format('woff2'),
    url('//at.alicdn.com/t/c/font_4527169_wwrw59sc829.woff?t=1716966992819') format('woff'),
    url('//at.alicdn.com/t/c/font_4527169_wwrw59sc829.ttf?t=1716966992819') format('truetype');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:14px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html,body{
    padding:0;
    margin:0;
    font-family:"Microsoft YaHei",Avenir,Helvetica,Arial,sans-serif;
    background:#f6f4f4;
}
.w1200{
    width:1200px;margin:0 auto;
}
.tags{
    display:inline-block;padding:3px 8px;border-radius:3px;background:#239a4d;color:#FFFFFF;font-size:12px;
}
.tags .iconfont{
    margin-right:3px;
}
.disabled{
    background:#c0c0c0;color:#888888;
}
input[type='text'],input[type='password'],textarea,button{
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:none;
}
input:-webkit-autofill,textarea:-webkit-autofill{
    -webkit-box-shadow:0 0 0px 1000px white inset;
}
input::-ms-clear,input::-ms-reveal{
    display:none;
}
.clear{
    clear:both;font-size:0;
}

/************ 通用空列表提示  **************/
.emptybox{
    text-align: center;padding: 100px 0;
}
.emptybox .iconfont{
    font-size:90px;color: #dcdcdc;margin-bottom:15px;display: block;
}
.emptybox .emptyTxt{
    font-size:14px;letter-spacing: 2px;color: #666666;margin-bottom: 20px;display:block;
}
.emptybox .emptyBtn{
    cursor:pointer;display: inline-block;padding: 10px 20px;border: 1px solid #eeeeee;border-radius: 3px;letter-spacing: 2px;color:#00a9ff;
}


/**********通用头部样式 css **********/
.common-header{
    width:100%;background:#F7F7F7;
}
.common-header .common-header-c {
    height: 40px;overflow: hidden;
}
.common-header .common-header-c .common-header-l{
    float:left;line-height:40px;
}
.common-header .common-header-c .common-header-l .com{
    display:inline-block;
}
.common-header .common-header-c .common-header-l .com img{
    width:30px;height:30px;border-radius:50%;border:1px solid #dddddd;margin-right:10px;
}
.common-header .common-header-c .common-header-l .com .account{
    color:#545353;font-size:12px;letter-spacing:1px;
}
.common-header .common-header-c .common-header-l .logout{
    margin-left:20px;padding:5px;cursor: pointer;color:#666666;
}
.common-header .common-header-c .common-header-l .logout:hover{
    color:#00a9ff;
}
.common-header .common-header-c .common-header-l .nlogin{
    color:#999999;
}
.common-header .common-header-c .common-header-l .btn{
    margin-left: 15px;border: 1px solid #00a9ff;padding: 3px 8px;cursor:pointer;border-radius:3px;background:#00a9ff;color:#FFFFFF;
}
.common-header .common-header-c .common-header-r{
    float: right;line-height:40px;
}
.common-header .common-header-c .common-header-r a.item{
    border-left:1px solid #e1e1e1;margin:8px 0;color:#999999;padding:0 15px;position: relative;text-decoration:none;display:inline-block;line-height:40px;cursor:pointer;height:20px;line-height:20px;
}
.common-header .common-header-c .common-header-r a.item:first-child{
    border-left:none;
}
.common-header .common-header-c .common-header-r a.item:hover{
    color:#00a9ff;
}
.common-header .common-header-c .common-header-r a.item span{
    float:left;font-size:12px;padding-top:1px;
}
.common-header .common-header-c .common-header-r a.item .iconfont{
    margin-right:3px;float:left;font-size:14px;
}
.common-header .common-header-c .common-header-r a.item .icon1{
    font-size:18px;
}
.common-header .common-header-c .common-header-r a.item .icon2{
    font-size:22px;
}

/**********导航栏样式 css ***********/
.index-header{
    width:100%;background:#FFFFFF;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.fixed{
    position:fixed;top:0;z-index:999999;
}
.index-header .index-header-c{
    height:100px;
}
.index-header .index-header-c .logo{
    width:200px;float:left;height:76px;margin-top:12px;
}
.index-header .index-header-c .rbtn-list {
    float: right;
    width: 150px;
    padding-top:25px;
    text-align: right;
}
.index-header .index-header-c a.btn {
    cursor: pointer;
    display: block;
    width: 140px;
    height:42px;
    line-height:40px;
    text-align:center;
    color: #00a9ff;
    letter-spacing: 2px;
    border-radius: 3px;
    border:1px solid #00a9ff;
}
.index-header .index-header-c a.mt{
    margin-top:10px;background:#FFFFFF;color:#666666;border:1px solid #f1f1f1;
}
.index-header .index-header-c .menu-list{
    float:left;margin-top:32px;margin-left:20px;
}
.index-header .index-header-c .menu-list ul{
    width:100%;padding:0;margin:0;
}
.index-header .index-header-c .menu-list ul li{
    list-style:none;float:left;position:relative;
}
.index-header .index-header-c .menu-list ul li a.item {
    border-radius: 10px;
    height:34px;
    line-height:34px;
    margin: 0 10px;
    cursor: pointer;
    padding: 0 20px;
    font-size:15px;
    display: inline-block;
}
.index-header .index-header-c .menu-list ul li a.cur{
    border:1px solid #00a9ff;color:#00a9ff;
}
.index-header .index-header-c .menu-list ul li a.item:hover{
    color:#00a9ff;
}
.index-header .index-header-c .menu-list ul li .item-con{
    display:none;position: absolute;left: -85px;top:50px;background: #ffffff;padding:20px 15px;border: 1px solid #f1f1f1;border-radius: 5px;width: 300px;z-index:999999;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15);
}
.index-header .index-header-c .menu-list ul li .item-con .dot{
    width:0px;height:0px;border:15px solid transparent;border-bottom-color:#f1f1f1;position: relative;margin-top:-50px;margin-left:125px;
}
.index-header .index-header-c .menu-list ul li .item-con .dot:before{
    content: "";position: absolute;right: -13px;top: -11px;width: 0px;height: 0px;border: 13px solid transparent;border-bottom-color: #ffffff;z-index: 2;
}
.index-header .index-header-c .menu-list ul li .item-con img{
    width:100%;margin-top:10px;
}
.index-header .index-header-c .menu-list ul li .item-con .tit{
    font-size:18px;color:#333333;text-align:center;margin-bottom:5px;font-weight:700;
}
.index-header .index-header-c .menu-list ul li .item-con .info{
    font-size:14px;padding-bottom:10px;text-align: justify;line-height:24px;color:#666666;
}

/************** 供应商主页通用样式 ************/
.index-header .index-header-c .supply-logo{
    float:left;margin-top:24px;border-left: 1px solid #eeeeee;padding-left: 22px;
}
.index-header .index-header-c .supply-logo h1{
    font-size:18px;
}
.index-header .index-header-c .supply-logo h3{
    font-size:16px;padding-top:5px;letter-spacing:2px;
}
.index-header .index-header-c .supply-menu{
    float:left;margin-left:80px;margin-top:30px;
}
.index-header .index-header-c .supply-menu a{
    border-radius: 10px;height:34px;line-height:34px;margin: 0 10px;cursor: pointer;padding: 0 20px;font-size:15px;display: inline-block;
}
.index-header .index-header-c .supply-menu a.cur{
    border:1px solid #00a9ff;color:#00a9ff;
}
.index-header .index-header-c .supply-menu a:hover{
    color:#00a9ff;
}
.index-header .index-header-c .supply-collect{
    float:right;display:block;padding:8px 15px;border: 1px solid #eeeeee;margin-top:26px;border-radius:50px;font-size:14px;cursor:pointer;color:#999999;
}
.index-header .index-header-c .supply-collect.cur{
    color:#00a9ff;border: 1px solid #00a9ff;
}
.index-header .index-header-c .supply-collect .iconfont{
    margin-right:5px;font-size:24px;vertical-align:middle;
}


/********************通用底部样式 css *****************/
.common-footer{
    padding:40px 0 0 0;background:#28292B;overflow:hidden;clear:both;
}
.common-footer-c{
    color:#FFFFFF;overflow:hidden;
}
.common-footer-c .left{
    float:left;width:700px;padding-top:5px;
}
.common-footer-c .left a{
    padding-right:18px;margin-right:18px;font-size:15px;border-right:1px solid #4c4c4c;text-align:center;color:#d0d0d0;
}
.common-footer-c .left a:last-child{
    border-right:none;
}
.common-footer-c .left .contacts{
    margin-top:50px;
}
.common-footer-c .left .contacts h3{
    font-size:18px;letter-spacing:2px;margin-bottom:30px;
}
.common-footer-c .left .contacts .row{
    margin-bottom:25px;letter-spacing:3px;color:#c5c4c4;
}
.common-footer-c .right{
    float:right;width:500px;
}
.common-footer-c .right .qrcode-box{
    background: rgba(0,0,0,0.25);overflow:hidden;
}
.common-footer-c .right .qrcode-box:first-child{
    margin-bottom:20px;
}
.common-footer-c .right .qrcode-box .qrcode{
    width:100px;height:100px;margin:15px;float:left;
}
.common-footer-c .right .qrcode-box .qrcode img{
    width:100%;height:100%;border-radius:5px;
}
.common-footer-c .right .qrcode-box .info{
    padding-left:130px;padding-top:20px;padding-right:20px;
}
.common-footer-c .right .qrcode-box .info h3{
    font-size:17px;margin-bottom:15px;
}
.common-footer-c .right .qrcode-box .info div{
    padding-left:8px;font-size:14px;line-height:26px;color:#d2d2d2;letter-spacing:1px;
}
.common-footer .footer-copyright{
    width:100%;height:45px;line-height:45px;background:rgba(0,0,0,0.45);margin-top:30px;font-size:13px;
}
.common-footer .footer-copyright .s1{
    float:left;color: #8c8c8c;letter-spacing: 1px;
}
.common-footer .footer-copyright .s2,.common-footer .footer-copyright .s2 a{
    float:right;color:#8c8c8c;padding-right:5px;
}

