﻿html{font-size: 16px;}

/* 页面布局 */
.main-container{width:100%;margin:0 auto;}
.layout-bg_top{
    width:100%;
    /*background:url('/images/bg-main.gif') no-repeat center top #add4db;*/
}
.layout-bg_bottom{
    width:100%;
    /*background:url('/images/bg-bottom.gif') no-repeat center bottom;*/
}
.layout-bg_header{
    width:100%;
    /*background-image:url('/images/bg-top.png');*/
    background-repeat:no-repeat;
    background-position: center top;
    background-size: 100%;
}
.layout-bg_footer{
    width:100%;
    /*background-image:url('/images/bg-bottom.png');*/
    background-repeat:no-repeat;
    background-position: center bottom;
    background-size: 100%;
}
.layout-container{
    position: relative;
    width:100%;margin:0 auto;
    background-color:#FFF;
}

@media all and (min-width:240px) {
    html{font-size: 10px!important;}
}
@media all and (min-width:312px) {
    html{font-size: 13px!important;}
}
@media all and (min-width:336px) {
    html{font-size: 14px!important;}
}
@media all and (min-width:360px) {
    html{font-size: 15px!important;}
}
@media all and (min-width:384px) {
    html{font-size: 16px!important;}
}
@media all and (min-width:432px) {
    html{font-size: 18px!important;}
}
@media all and (min-width:480px) {
    html{font-size: 20px!important;}
}
@media all and (min-width:528px) {
    html{font-size: 22px!important;}
}
@media all and (min-width:576px) {
    html{font-size: 24px!important;}
}
@media all and (min-width:624px) {
    html{font-size: 26px!important;}
}
@media all and (min-width:672px) {
    html{font-size: 28px!important;}
}
@media all and (min-width:720px){
    html{font-size: 30px!important;}
    .layout-container{width:720px;}
}

html{
    width:100%;
    height:100%;
}
html *{
    box-sizing: border-box;
    text-shadow: none;
}
body{
    position:relative;
    /*font-family: '微软雅黑','黑体',sans-serif;*/
    /*font-size:.5rem;*/
    margin:0;padding:0;
    min-height: 100%;
}
ul,li,h1,h2,h3,h4,h5,p{
    list-style: none;padding:0;margin:0;
}
img{
    border:none;
    outline:none;
}
a,a:active{
    outline: 0;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
h2,.h2{font-size: 1.2rem;}
/* 表格 */
.table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table thead{
    display: table-header-group;
}
.table th,.table td{
    white-space: nowrap;text-align: center;
}

.main-footer{
    padding:3.6rem 0 .6rem;
    color:#fff;
    font-family: "宋体";
    font-size: .4rem;
}
.main-footer p{
    text-align: center;
    line-height: .8rem;
}

/* 分页 */
.detail_page{
    font-size:.4rem;
}

div.detail_page {
    padding: 3px;
    text-align: center;
    color:#666;
}
div.detail_page a {
    border: #E2E2E2 1px solid;
    padding:2px 5px;
    background-color:#FFF;
    color: #E34040;
    margin-right: 5px;
    text-decoration: none;
}
div.detail_page a:hover {
    border: #E34040 1px solid;
    background-color:#ffe9e9;

}
div.detail_page a:active {
    border: #E34040 1px solid;
    background:#E34040;
    color: #fff;
}
div.detail_page span.current {
    border: #E34040 1px solid;
    padding:2px 4px;
    font-weight: bold;
    background-color:#E34040;
    color: #fff;
    margin-right: 2px;
}
div.detail_page span.disabled {
    border: #f3f3f3 1px solid;
    padding:2px 5px;
    color: #ccc;
    margin-right: 2px;
}

/* 模态框居中 */
/*.modal-dialog{margin-top:30%;}*/

/* Popover 颜色 */
.popover{
    /*background-color:#EDE1B9;*/
    color:#c21000;
}

.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

