/* This file is created by Html::tidy() */

/* chunk: 0 */

body {
            font-family: 'PingFang SC', "Helvetica Neue", Helvetica,Arial, sans-serif;
        }

        a.muted {
            color: inherit;
            text-decoration: none;
        }

        .text-gray-3 {
            color: #333;
        }

        .text-gray-6 {
            color: #666;
        }

        .text-gray-7 {
            color: #777;
        }

        .text-gray-9 {
            color: #999;
        }

        .text-gray-a {
            color: #aaa;
        }

        .text-gray-c {
            color: #ccc;
        }

        .text-gray-d {
            color: #ddd;
        }

        .text-gray-e {
            color: #eee;
        }

        .text-white {
            color: #fff;
        }

        .swipe {
            overflow: hidden;
            visibility: hidden;
            position: relative;
        }

        .swipe-wrap {
            overflow: hidden;
            position: relative;
        }

        .swipe-wrap > div {
            float: left;
            width: 100%;
            position: relative;
        }

        body {
            background-color: #f2f2f2;
        }

        a {
            color: #37a5be;
        }

        a:hover {
            color: #37a5be;
        }

        .pbnav {
            background: #5DB0FF;
            height: 44px;
        }

        .pbnav a {
            text-decoration: none;
        }

        .pbnav a img {
            height: 20px;
            margin-top: 12px;
        }

        .footer{
            display: block;
            background: rgba(48,48,48,1);
            color:rgba(151,151,151,1);
            font-size:12px;
            padding:9px 16px 20px;
            position: relative;
        }
        .footer a{
            color:rgba(151,151,151,1);
        }
        .footer-top{
            margin-bottom:8px;
            height:30px;
            line-height: 30px;
        }
        .footer-top > div{
            display: inline-block;
            vertical-align: middle;
        }
        .footer-top .com_name{
            margin-left:8px;
        }
        .footer-top img{
            width:32px;
            height:32px;
        }
        .footer-bottom{
            overflow: hidden;
        }
        .footer-bottom .left{
            float: left;
        }
        .footer-bottom .right{
            float: right;
        }
        .footer-bottom .right a{
            font-size:14px;
            color:rgba(255,255,255,1);
            position: absolute;
            right:16px;
            top:28px;
            background: url(/images/xiangju/xffxs/icon_go.png) no-repeat right center;
            background-size: 12px 12px;
            padding-right:20px;
        }

        /* 商桥样式  */
        #newBridge{
            display: none !important;
        }

        .header{
            display: flex;
            justify-content: center;
            align-items: center;
            height:44px;
            margin-bottom:0;
            padding:0 10px;
            box-sizing: border-box;
            background:rgba(255,255,255,1);
            position: relative;
        }
        .header .icon{
            position: absolute;
            left:16px;
            top:6px;
            width:40px;
            height:40px;
        }
        .header .xj_icon {
            width:32px;
            height:32px;
        }
        .header .title{
            font-size:18px;
            font-weight:bold;
            color:rgba(0,0,0,0.87);
        }

/* chunk: 1 */

body,html{

        width:100%;
        #overflow: hidden;
    }

    .page-main,.page-frame{

        width:100%;
        padding:0px;
        margin:0px;
    }

    .main {}

    .main .row{margin:0px;}
    .main .row1{position: relative;}
    .main .row1 img{width:100%;}

    .main .row2 .item {padding:10px;background:#fff;margin-top:10px;padding-bottom:0px;}
    .main .row2 .item .lft{width:40%;float:left;}
    .main .row2 .item .rft{width:56%;float:right;}

    .main .row2 .item .lft img{width:100%;}
    .main .row2 .item .rft .tt{margin:2px 0;}

    .main .row2 .item .rft .t1 a{text-decoration: none;color:#000;font-size:16px;font-weight:bold;margin:0px;}
    .main .row2 .item .rft .t2{color:rgb(153,153,153);font-size:12px;}
    .main .row2 .item .rft .t3{color:#ba2d3e;font-size:14px;}
    .main .row2 .item .rft .t3 span{color:rgb(230,0,18);font-size:12px;}
    .main .row2 .item .rft .t4{color:rgb(51,51,51);font-size:14px;}
    .main .row2 .item .rft .t5{color:rgb(51,51,51);font-size:14px;}

    .main .row2 .item .box2{border-top:1px solid #dfdfdf;margin-top:10px;padding:10px 0;line-height:40px;margin-bottom:0px;]}
    .main .row2 .item .box2 .lft{width:55%;color:rgb(230,0,18);}
    .main .row2 .item .box2 .rft{width:25%;text-align:center;}
    .main .row2 .item .box2 .rft2{width:20%;text-align:center;}
    .main .row2 .item .box2 .rft a{height: 40px;line-height: 27px;color:#ba2d3e;text-shadow: none;border:1px solid #ba2d3e;background:none;}
    .main .row2 .item .box2 .rft2 a{height: 40px;line-height: 27px;color:#ae5da1;text-shadow: none;border:1px solid #ae5da1;background:none;}

    .tuangou-modal{width:80%;margin-top:60px;margin-left:10%;}
    .modal-header{font-size:18px;border-bottom:0px;}
    .modal-footer .dialog-confirm {
        width: 100%;
        padding: 13px 30px;
        border-radius: 0px 0px 5px 5px;
        color: #fff;
        position: absolute;
        bottom: -20px;
        left: 0px;
        text-align: center;
        background-color: #ba2d3e;
    }
    .modal-footer{
        border-top:none;
    }
    .modal-content .modal-body .form-group label {
        width: 25%;
        padding-top: 7px;
        text-align: left;
        font-weight: 300;
    }
    .modal-content .modal-body .form-group input{
        width: 70%;
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .modal-content .modal-body .form-group label,
    .modal-content .modal-body .form-group input{
        display: inline-block;
        font-size: 14px;
    }
    .modal-content .modal-body .form-group input:focus{outline: none;}
    .modal-content .modal-body .form-group input:active{outline: none;}
    .modal-content .modal-body .form-group input:hover{outline: none;}
    .modal-content .modal-body .form-group {
        position: relative;
        margin-bottom: 17px;
        padding: 9px 0;
        padding-left: 14px;
        background-color: #f2f2f4;
        border-radius: 5px;
        text-align: left;
        font-size: 0;
    }
    .modal-content .modal-body {
        padding: 15px 30px;
    }


    #msgModal .modal-dialog-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90%;
    }

    #msgModal .modal-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #msgModal img {
        margin-top: 27px;
        margin-bottom: 30px;
        width: 100px;
    }

    #msgModal #msg-title {
        font-size: 20px;
        padding: 0 20px;
        margin-bottom: 22px;
    }

    #msgModal #msg-text {
        padding: 0 20px;
        margin-bottom: 30px;
        color: #999;
        letter-spacing: 2px;
        font-size: 16px;
        font-weight: 300;
    }

    #msgModal button {
        border: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 10px;
        width: 100%;
        background-color: rgba( 236,121,64, 0.1);
        color: #ec7940;;
        font-size: 18px;
    }

    .main .desc{
        padding:14px 16px;
        font-size:14px;
        color:rgba(0,0,0,0.8);
        background:#fff;
        margin-top:6px;
        line-height:26px;
        text-align:justify;
    }