/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-weight: normal; font-style: normal; }
fieldset,iframe,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul,li { list-style:none;list-style-image:none; }
q:before,q:after { content:''; }

body { font-size:14px; color:#333333; font-family:"Microsoft YaHei",Arial Narrow; }

/* 链接 */
a { text-decoration:none; color: #404040; }
a:hover { color: #f6f6f6; }

.wrapper { max-width: 960px; margin: 0 auto; }

/* 清除浮动 */
.clear,.clearfix:after{clear:both;height:0;overflow:hidden;display:block}
.clearfix:after{visibility:hidden;content:"."}
.clearfix{*zoom:1}

/* -----浮动---- */
.fl { float: left; }
.fr { float: right; }

.leftbox { width: 630px; }
.rightbox { width: 300px; }

.navbar { height: 42px; background-color: #222; border-bottom: 1px solid #080808; position: fixed; top: 0; left: 0; right: 0; min-width: 960px; z-index: 999; }
.navbar-header { float: left; }
.navbar-header .navbar-brand { padding-top: 0; padding-bottom: 0; line-height: 42px; height: 42px; color: #9d9d9d; display: block; padding: 0 15px; font-size: 18px; }
.navbar-nav li { float: left; line-height: 42px; }
.navbar-nav li a { display: block; padding: 0 15px; color: #9d9d9d; }
.navbar-nav li:hover a,
.navbar-nav li.active a { color: #fff; }

#app { padding-top: 43px; }
.copyright { text-align: center; border-top: 1px solid #eee; line-height: 50px; background: #f2f2f2; color: #808080; }
.copyright a { color: #808080; }
.copyright a:hover { color: #303030; }

.ad { margin: 10px auto; }
.ad960x90 { width: 960px; height: 90px; }
.ad300x250 { width: 300px; height: 250px; }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.mt35 { margin-top: 35px; }
.mb35 { margin-bottom: 35px; }
.mt15 { margin-top: 15px; }

@media screen and (max-width:600px){
    html { font-size: 100px; font-size: 26.66666667vw; }
    body { font-size: .14rem; }
    .leftbox,
    .leftbox { float: none; }
    .ad960x90 { display: none; }
}
@media screen and (min-width: 601px) and (max-width: 959px) {
    .leftbox,
    .rightbox { float: none; width: 100%; }
}