@charset "utf-8";
/**
* @name: 响应式样式
* @function: 包含响应式样式
* @require: reset.css、unit.css、global.css、grid.css、module.css
* @author: 周晶 (2015-6-15)
**/


/* Small devices (320px and 1280px) */
/*@media only handheld and (min-width: 320px) and (max-width: 1280)*/
@media screen and (min-width: 320px) and (max-width: 900px) {
    * {
        box-sizing: border-box;
    }

    .g-container {
        width: 100%;
        padding-bottom: 0;
    }
    .g-body {
        padding: 20px 0 15px;
    }
    .mb30 {
        margin-bottom: 10px;
    }
    .g-header .logo {
        margin: 20px 0;
    }
    .g-header .info {
        display: none;
    }

    .g-footer {
        display: none;
        position: static;
    }

    /* m-list-details */
    .m-list-details .m-top-bar {
        border-bottom: 1px solid #a6a6a6;
    }
    .m-list-details .hack-wrp {
        display: none;
    }
    .m-list-details .table-tips {
        padding: 8px 10px 0;
    }

    /* table-info */
    .table-info tbody td {
        display: block;
        text-align: left;
    }
    .table-info .td-title {
        padding: 8px 10px 4px;
        border-bottom: none;
        background-color: #f6f6f6;
        color: #999;
        text-align: left;
    }
    .table-info .td-content{
        padding: 4px 10px 8px;
    }
    .table-info .td-code {
        display: none;
    }
    
    .img-desktop{
    	display: none;
    }
    
    .img-responsive{
    	display: block;
    }

    .table-responsive tbody td {
        padding: 4px 0;
        display: table-cell!important;
    }

    .m-list-details .table-noborder {
        display: none;
    }
    .m-list-details .table-responsive {
        display: block;
    }
    .m-list-details .td-content p {
        padding: 4px 0;
    }
}

/*@media screen and (min-width: 640px) and (max-width: 1024px) {
    body {
        font-size: 30px;
        line-height: 1;
    }
    .g-body {
        padding: 25px 0;
    }
    .mb30 {
        margin-bottom: 30px;
    }
    .mb15 {
        margin-bottom: 30px;
    }
    .g-header .logo {
        margin: 20px;
    }
    .m-list-details h3 {
        font-size: 36px;
    }
    .m-list-details .table-tips {
        padding: 20px 30px 0;
        line-height: 1.5;
        font-size: 24px;
    }
    .table-info .td-title {
        padding: 30px 30px 15px;
        font-size: 28px;
    }
    .table-info .td-content{
        padding: 15px 30px 30px;
        font-size: 30px;
    }
    .table-responsive tbody td,
    .m-list-details .td-content p {
        padding: 8px 0;
    }
}*/