body {
    background: #f4f4f4;
}

.form-group {
    position: relative;
}

.form-zhuxi {
    position: absolute;
    display: block;
    right: 20px;
    top: 0;
    max-width: 270px;
    border: 1px solid #f98406;
    border-radius: 6px;
    color: #f98406;
}

    .form-zhuxi h3 {
        padding: 8px 14px;
        margin: 0;
        font-size: 15px;
        color: #FFFFFF;
        background-color: #f98406;
        border-radius: 5px 5px 0 0;
    }


    .form-zhuxi > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0,0,0,.25);
    }

    .form-zhuxi > .arrow {
        border-width: 11px;
    }

        .form-zhuxi > .arrow, .form-zhuxi > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }
/*登录段*/
.login-p {
    margin: 0px 0 0px 50px !important;
    text-align: left !important;
}
/*-------- * 公用 * --------*/
.posi-rel {
    position: relative;
}

.posi-abu {
    position: absolute;
}

.posi-fix {
    position: fixed;
}

.dis-block {
    display: block;
}

.dis-inblock {
    display: inline-block;
}

/*链接*/
a {
    color: #666666;
}

    a:hover {
        color: #3399ff;
        text-decoration: none;
    }
/*外边距*/
.mar-t-bf20 {
    margin-top: 20%;
}

.mar-t-10 {
    margin-top: 10px !important;
}

.mar-t-20 {
    margin-top: 20px;
}

.mar-l-5 {
    margin-left: 5px;
}

.mar-l-10 {
    margin-left: 10px;
}

.mar-l-20 {
    margin-left: 20px;
}

.mar-b-10 {
    margin-bottom: 10px !important;
}

.mar-b-20 {
    margin-bottom: 20px;
}

.mar-r-5 {
    margin-right: 5px;
}

.mar-r-10 {
    margin-right: 10px;
}

.mar-0 {
    margin: 0px;
}
/*内边距*/
.pad-5 {
    padding: 5px;
}

.pad-lr-15 {
    padding: 0 15px !important;
}

.pad-2-5 {
    padding: 2px 5px;
}

.pad-2-30 {
    padding: 2px 30px;
}

.pad-l-0 {
    padding-left: 0px;
}

.pad-r-0 {
    padding-right: 0px;
}

.pad-r-15 {
    padding-right: 15px;
}

.pad-tb-5 {
    padding: 5px 0;
}

.pad-t-5 {
    padding-top: 5px;
}

.pad-l-20 {
    padding-left: 20px;
}

.pad-l-55 {
    padding-left: 55px;
}

.pad-b-5 {
    padding-bottom: 5px;
}

.pad-0 {
    padding: 0px !important;
}
/*字大小*/
.font-s-13 {
    font-size: 13px !important;
}

.font-s-16 {
    font-size: 16px !important;
}

.font-s-20 {
    font-size: 20px !important;
}

.font-s-30 {
    font-size: 30px !important;
}

.font-s-40 {
    font-size: 40px !important;
}
/*字颜色*/
.cor-w {
    color: #FFFFFF;
}

.cor-b {
    color: #3399ff !important;
}

.cor-y {
    color: #f8e408 !important;
}

.cor-o {
    color: #f45e0d !important;
}

.cor-gray {
    color: #CCCCCC !important;
}

.cor-green {
    color: #5db65e !important;
}
/*背景色*/
.back-cor-sb {
    background: #64b2e3 none repeat scroll 0 0;
}

.back-cor-g {
    background: #7ab55c none repeat scroll 0 0;
}

.back-cor-greay {
    background: #DDDDDD none repeat scroll 0 0;
}
/*外边框*/
.bor-o {
    border: 1px solid #f45e0d;
}

.bor-blue {
    border: 1px solid #3399ff;
}

.bor-r {
    border-right: 1px solid #eee;
}

.bor-b {
    border-bottom: 1px solid #eee;
}

.border-radius {
    border-radius: 50%;
}

.border-radius-5 {
    border-radius: 5px;
}
/*直角*/
.bor-none {
    border-radius: 0;
}

.bor-cc {
    border: 1px solid #CCCCCC;
}
/*按钮*/
.btn-primary { /*蓝色*/
    color: #fff;
    background-color: #157ed2;
    border-color: #157ed2;
}

.btn-success { /*绿色*/
    color: #fff;
    background-color: #81cc81;
    border-color: #81cc81;
}

/*------------------* top *-------------------*/

.cd-top {
    z-index: 99999;
    display: inline-block;
    position: fixed;
    height: 35px;
    width: 35px;
    bottom: 20px;
    right: 20px;
    /* image replacement properties */
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
    background: rgba(190,190,190,0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .cd-top:hover {
        color: #ffffff;
        background: #067EFF;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
        opacity: .7;
    }

/*------------------------ *  登录  * --------------------------*/
.login_bg {
    z-index: -10;
    zoom: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    height: 100%;
    background: url(../img/login_bg.jpg) center no-repeat;
}

.signin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 480px;
    margin: 0 auto;
    margin-top: -240px;
    margin-left: -240px;
}

.signin-logo {
    padding-bottom: 20px;
    text-align: center;
}

.signin-head {
    background: #f8fbfb;
    padding-bottom: 30px;
    text-align: center;
}

.form-signin {
    background: #FFFFFF;
    border: 5px solid #126cb5;
}

    .form-signin h1 {
        margin: 0 0 20px 0;
        font-size: 18px;
        line-height: 50px;
        text-align: center;
        background: #f8fbfb;
    }

    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        font-size: 16px;
        height: auto;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="text"] {
        width: 370px;
        margin: 0 auto 15px auto;
        padding-left: 40px;
        background: url(../img/login_user.png) 0 3px no-repeat;
    }

    .form-signin input[type="password"] {
        width: 370px;
        margin: 0 auto 15px auto;
        padding-left: 40px;
        background: url(../img/login_pas.png) 0 3px no-repeat;
    }

    .form-signin input[type="Verification Code"] {
        width: 265px;
        margin-left: 50px;
        background: url(../img/login_yzm.png) 0 3px no-repeat;
        padding-left: 40px;
    }

    .form-signin input[type="wjmm"] {
        width: 265px;
        margin-left: 50px;
        background: url(../img/login_user.png) 0 3px no-repeat;
        padding-left: 40px;
    }

    .form-signin input[type="wjmm-s"] {
        width: 230px;
        margin-left: 10px;
        background: url(../img/login_user.png) 0 3px no-repeat;
        padding-left: 40px;
    }

    .form-signin input[type="yam"] {
        width: 370px;
        margin-left: 50px;
        background: url(../img/login_yzm.png) 0 3px no-repeat;
        padding-left: 40px;
        display: block;
        margin-top: 10px;
    }

    .form-signin input[type="shanjia"] {
        width: 370px;
        margin-left: 50px;
        background: url(../img/shanjia.png) 0 3px no-repeat;
        padding-left: 40px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.login-yzm {
    position: absolute;
    bottom: 185px;
    right: 50px;
    width: 95px;
    height: 40px;
    overflow: hidden;
}

.login-yzm-two {
    width: 95px;
    height: 44px;
    margin-left: 10px;
    overflow: hidden;
    display: block;
}

.form-signin p {
    margin: 10px 0;
    text-align: right;
    padding-right: 50px;
}

.form-signin button {
    margin-top: 25px;
}
/*按钮*/
.btn-warning {
    width: 370px;
    margin: 15px 0 25px 50px !important;
    color: #fff;
    background: #108bea;
    border: #108bea;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background: #0f6cb2;
        border: #0f6cb2;
    }

    .btn-warning:hover {
        color: #fff;
        background: #0f6cb2;
        border: #0f6cb2;
    }

/*------------------------ *  注册一级  * --------------------------*/

.rebinding-box .box-timeline {
    display: inline-block;
    padding: 20px;
    background: #FFFFFF;
    border: 5px solid #126cb5;
}

    .rebinding-box .box-timeline ul li {
        position: relative;
        float: left;
        width: 90px;
        margin-right: 40px;
        text-align: center;
        color: #999;
        list-style-type: none;
    }

    /*圆外框*/
    .rebinding-box .box-timeline .outside1ab {
        display: flex; /*flex块级，inline-flex:行内快*/
        display: -webkit-flex;
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin: 10px auto;
        align-items: center; /*垂直居中*/
        /*align-items:stretch;center:垂直居中、flex-start,至顶，flex-end:至底*,space-between、space-around*/
        background: #d7d7d7;
        border-radius: 50%;
    }

    .rebinding-box .box-timeline .outside2a {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        width: 38px;
        height: 38px;
        margin: 10px auto;
        line-height: 38px;
        background: #d7d7d7;
        border-radius: 50%;
    }
    /*中间线*/
    .rebinding-box .box-timeline .outside1ab:before {
        z-index: 2;
        content: "";
        position: absolute;
        top: 28px;
        right: 64px; /*第一根线*/
        height: 1px;
        width: 90px;
        background: #d7d7d7;
    }

    .rebinding-box .box-timeline .outside1ab:after {
        z-index: 2;
        position: absolute;
        content: "";
        top: 28px;
        left: 71px;
        height: 1px;
        width: 90px;
        background: #d7d7d7;
    }

    .rebinding-box .box-timeline .outside2a:before {
        z-index: 2;
        content: "";
        position: absolute;
        top: 28px;
        right: 71px;
        height: 1px;
        width: 90px;
        background: #d7d7d7;
    }

    .rebinding-box .box-timeline div[class*=box-num] {
        width: 26px;
        height: 26px;
        margin: 14px auto;
        line-height: 26px;
        color: #ffffff;
        background: #ff7348;
        border-radius: 50%;
    }
    /*圆内圈底色*/
    .rebinding-box .box-timeline .outside1ab .num2ab {
        background: #999999;
    }

    .rebinding-box .box-timeline .outside2a .num3a {
        background: #999999;
    }

    .rebinding-box .box-timeline ul .box-num1 {
        background: #ff7348;
    }

    .rebinding-box .box-timeline .box-num2, .rebinding-box .box-timeline .box-num3 {
        margin-left: 45px;
    }

    .rebinding-box .box-timeline .box-num1:after {
        z-index: 99999;
        content: "";
        position: absolute;
        top: 28px;
        left: 50px;
        height: 1px;
        width: 55px;
        background: #ff7348;
    }

/*---- * 底部按钮 * ----*/
.shengfen {
    margin: 40px 0 20px 0;
    border-right: 1px solid #e8e8e9;
    transition: all 0.4s ease 0s;
    text-align: center;
}

    .shengfen:last-child {
        border-right: 0px;
    }

    .shengfen i {
        display: inline-block;
        width: 60px;
        height: 60px;
        margin: 0 0 10px;
        font-size: 24px;
        line-height: 60px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        transition: all 0.5s ease-in-out 0s;
        border-radius: 50%;
    }

    .shengfen:hover i {
        transform: scale(1.1);
    }

    .shengfen h4 {
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.5s ease-in-out 0s;
    }



/*------------------ * 注册二级  * ---------------------*/

/*-------- * 头部  * ------------*/
.member-header {
    height: 80px;
    padding-top: 20px;
    vertical-align: middle;
    background: url("../img/header-member-bg.jpg") no-repeat top center;
}
/*返回首页*/
.button-home {
    overflow: hidden;
    display: inline-block;
    padding: 2px 12px;
    color: #ffffff;
    letter-spacing: 1px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    background: none;
    border: 1px solid rgba( 255,255,255,.3);
    border-radius: 5px;
    cursor: pointer;
}

    .button-home::before,
    .button-home::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 100%;
        left: 0;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    }

    .button-home::before {
        background: #ff7348;
    }

    .button-home::after {
        background: #ff7348;
    }

    .button-home:hover {
        color: #fff;
        border: 1px solid #ff7348;
    }

        .button-home:hover::before,
        .button-home:hover::after {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        .button-home:hover::after {
            -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
        }
/*-------- * 中间  * ------------*/
.container {
    /*  width: 1000px;*/
}

.member-center {
    min-height: 700px;
    height: auto !important;
    height: 700px;
    margin-top: 10px;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #f1f1f1;
}


/*-------- * 位置  * ------------*/
.breadcrumb {
    position: relative;
    height: auto;
    margin-bottom: 20px;
    padding: 8px 0px;
    list-style: none;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
}
/*-------- * 左边  * ------------*/
.member-left {
    display: block;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    border-right: 1px solid #EEEEEE;
}

    .member-left ul {
        padding-left: 20px;
        font-size: 15px;
        line-height: 1.8em;
    }

/* 输入框右边缩进*/
.form-group {
    padding-right: 70px;
}
    /* 输入框为直角*/
    .form-group input {
        border-radius: 0;
    }

    .form-group select {
        border-radius: 0;
    }

/*下拉菜单*/

.btn-xiala {
    font-weight: 400;
    color: #666666;
    border-radius: 0;
}

    .btn-xiala:focus,
    .btn-xiala:hover {
        color: #3e82f7;
        background-color: transparent;
        border: none;
    }

    .btn-xiala, .btn-xiala.active, .btn-xiala:active, .btn-xiala[disabled], fieldset[disabled] .btn-xiala {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*上传图片*/

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 23px;
        cursor: pointer;
        filter: alpha(opacity=0);
        opacity: 0;
        direction: ltr;
    }

        .btn-file > input.btn[disabled] {
            opacity: 0;
        }

.fileinput {
    display: inline-block;
    margin-bottom: 9px;
}

    .fileinput .form-control {
        display: inline-block;
        padding-top: 7px;
        padding-bottom: 5px;
        margin-bottom: 0;
        vertical-align: middle;
        cursor: text;
    }

    .fileinput .thumbnail {
        display: inline-block;
        overflow: hidden;
        margin-bottom: 5px;
        text-align: center;
        vertical-align: middle;
    }

        .fileinput .thumbnail > img {
            max-height: 100%;
        }

    .fileinput .btn {
        vertical-align: middle;
    }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.fileinput-inline .fileinput-controls {
    display: inline;
}

.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.form-control .fileinput-filename {
    vertical-align: bottom;
}

.fileinput.input-group {
    display: table;
}

    .fileinput.input-group > * {
        position: relative;
        z-index: 2;
    }

    .fileinput.input-group > .btn-file {
        z-index: 1;
    }

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
    border-radius: 0 4px 4px 0;
}

    .fileinput-new.input-group .btn-file.btn-xs,
    .fileinput-new .input-group .btn-file.btn-xs,
    .fileinput-new.input-group .btn-file.btn-sm,
    .fileinput-new .input-group .btn-file.btn-sm {
        border-radius: 0 3px 3px 0;
    }

    .fileinput-new.input-group .btn-file.btn-lg,
    .fileinput-new .input-group .btn-file.btn-lg {
        border-radius: 0 6px 6px 0;
    }

.form-group.has-warning .fileinput .fileinput-preview {
    color: #8a6d3b;
}

.form-group.has-warning .fileinput .thumbnail {
    border-color: #faebcc;
}

.form-group.has-error .fileinput .fileinput-preview {
    color: #a94442;
}

.form-group.has-error .fileinput .thumbnail {
    border-color: #ebccd1;
}

.form-group.has-success .fileinput .fileinput-preview {
    color: #3c763d;
}

.form-group.has-success .fileinput .thumbnail {
    border-color: #d6e9c6;
}

.input-group-addon:not(:first-child) {
    border-left: 0;
}

/*图片尺寸*/
.sctp-img {
    width: 120px;
    height: 80px;
    border-radius: 0;
    overflow: hidden;
    background: url(../img/img-bg.jpg);
}

    .sctp-img img {
        width: 100%;
        height: 100%;
    }

/*-------- * 点击展开  * ------------*/

.xl h1 {
    font-size: 18px;
    color: #81cc81;
}
/*----------- 会员中心栏目--------------*/
.huiyuan-lanmu {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 40px;
    background: #EEEEEE;
}
/*-------- * 底部  * ------------*/
.member-footer {
    margin-top: 20px;
    padding: 25px 0;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
    background: #157ed2;
}

    .member-footer ul li {
        padding-right: 10px;
    }

    .member-footer a {
        color: #FFFFFF;
    }

        .member-footer a:hover {
            color: #ff7348;
        }

/*左侧导航*/
.list ul {
    padding: 0;
}

    .list ul li {
        list-style: none;
        background: #F9F9F9;
        border-bottom: 1px solid #FFFFFF;
    }

        .list ul li:hover {
            background: #F3F3F3;
        }

        .list ul li a {
            padding-left: 10px;
            color: #666666;
            display: block;
            font-weight: bold;
            height: 47px;
            line-height: 47px;
            position: relative;
            text-decoration: none;
            overflow-y: hidden;
            white-space: nowrap;
        }

            .list ul li a:hover {
                color: #3399ff;
            }

        .list ul li .inactive {
            background: url(../../img/off.png) no-repeat right center;
        }

        .list ul li .inactives {
            background: url(../../img/on.png) no-repeat right center;
        }

        .list ul li ul {
            display: none;
        }

            .list ul li ul li {
                border-left: 0;
                border-right: 0;
                background: #FFFFFF;
                border: 1px solid #FFFFFF;
            }

                .list ul li ul li ul {
                    display: none;
                }

                .list ul li ul li a {
                    padding-left: 20px;
                }

                .list ul li ul li ul li {
                    background: #FFFFFF;
                }

.last {
    background: #FFFFFF;
}

.list ul li ul li ul li a {
    padding-left: 40px;
}

.list ul li ul li ul li ul li a {
    padding-left: 60px;
}

/*厂家状态*/
.panel-primary {
    border-color: #f9c192;
}

    .panel-primary > .panel-heading {
        color: #d87625;
        background: #ffd6b4;
        border-color: #f9c192;
    }

/*鼠标放上去下拉*/
/* help-tip */

.help-tip {
    position: absolute;
    top: 7px;
    right: 0px;
    text-align: center;
    background-color: #f48529;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }

    .help-tip:hover p {
        z-index: 999;
        display: block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
    }

    .help-tip p {
        display: none;
        text-align: left;
        background: rgba(255, 214, 180, 0.9);
        padding: 20px;
        width: 300px;
        position: absolute;
        border-radius: 3px;
        right: -4px;
        font-size: 13px;
        line-height: 1.4;
    }

        .help-tip p:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #ffd6b4;
            right: 10px;
            top: -10px;
        }

        .help-tip p:after {
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}



/*表格点击下拉*/

table.table-expandable > tbody > tr:nth-child(odd) {
    cursor: pointer;
}

table.table-expandable.table-hover > tbody > tr:nth-child(even):hover td {
    background-color: white;
}

table.table-expandable > tbody > tr div.table-expandable-arrow {
    background: transparent url(../../img/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
}

    table.table-expandable > tbody > tr div.table-expandable-arrow.up {
        background-position: 0px 0px;
    }

.kdyiy {
    width: 141px;
    text-align: center;
    line-height: 30px;
    padding: 0 !important;
    margin: 0 !important;
}


/*分页*/

.ages {
    height: 30px;
    margin: 25px 0;
}

.ep-pages {
    clear: both;
    text-align: center;
}

    .ep-pages span {
        display: inline-block;
        margin: 0 5px;
        line-height: 30px;
        color: #999999;
    }

    .ep-pages a {
        line-height: 30px;
        margin-right: 5px;
        padding: 5px 10px;
        background: #fff;
        border: 1px solid #e5e5e5;
        overflow: hidden;
    }

        .ep-pages a:hover {
            background: #168be8;
            border: 1px solid #168be8;
            text-decoration: none
        }

        .ep-pages a,
        .ep-pages a:visited {
            color: #252525
        }

            .ep-pages a:hover,
            .ep-pages a:active {
                color: #ffffff
            }

    .ep-pages .current {
        background: #ff6600;
        border: 1px solid #ff6600;
        color: #fff
    }

    .ep-pages a.current,
    .ep-pages a.current:visited {
        color: #ffffff
    }

        .ep-pages a.current:hover,
        .ep-pages a.current:active {
            color: #ffffff
        }

.input-ym {
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    border: 1px #e5e5e5 solid;
    width: 50px;
    text-align: center;
}

.main-left {
    width: 175px;
    height: auto;
    margin-right: 10px;
    border: 1px #e5e5e5 solid;
}

.main-right {
    width: 950px;
    height: auto;
}


.table-responsive-s {
    width: 800px;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDDDDD;
}

    .table-responsive-s > .table {
        margin-bottom: 0
    }

        .table-responsive-s > .table > tbody > tr > td,
        .table-responsive-s > .table > tbody > tr > th,
        .table-responsive-s > .table > tfoot > tr > td,
        .table-responsive-s > .table > tfoot > tr > th,
        .table-responsive-s > .table > thead > tr > td,
        .table-responsive-s > .table > thead > tr > th {
            white-space: nowrap
        }

    .table-responsive-s > .table-bordered {
        border: 0
    }

        .table-responsive-s > .table-bordered > tbody > tr > td:first-child,
        .table-responsive-s > .table-bordered > tbody > tr > th:first-child,
        .table-responsive-s > .table-bordered > tfoot > tr > td:first-child,
        .table-responsive-s > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive-s > .table-bordered > thead > tr > td:first-child,
        .table-responsive-s > .table-bordered > thead > tr > th:first-child {
            border-left: 0
        }

        .table-responsive-s > .table-bordered > tbody > tr > td:last-child,
        .table-responsive-s > .table-bordered > tbody > tr > th:last-child,
        .table-responsive-s > .table-bordered > tfoot > tr > td:last-child,
        .table-responsive-s > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive-s > .table-bordered > thead > tr > td:last-child,
        .table-responsive-s > .table-bordered > thead > tr > th:last-child {
            border-right: 0
        }

        .table-responsive-s > .table-bordered > tbody > tr:last-child > td,
        .table-responsive-s > .table-bordered > tbody > tr:last-child > th,
        .table-responsive-s > .table-bordered > tfoot > tr:last-child > td,
        .table-responsive-s > .table-bordered > tfoot > tr:last-child > th {
            border-bottom: 0
        }