* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    color: #333;
    font-family: Microsoft Yahei;
    font-size: .6rem
}

a {
    text-decoration: none;
    border: none;
    color: #333
}

a:hover {
    text-decoration: underline;
    text-decoration: none
}

li,
ul {
    list-style: none
}

em,
i {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: none;
    vertical-align: middle
}

.clearfix {
    zoom: 1;
    display: block
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.layout {
    width: 16rem;
    margin: 0 auto;
    background: #fff;
    overflow: hidden
}

.container {
    width: 14.5rem;
    margin: 0 auto
}

.clear {
    zoom: 1;
    clear: both
}

.clear:after {
    height: 0;
    display: block;
    content: "\20";
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.mc {
    margin: 0 auto
}

.dis-inline {
    display: inline-block;
    vertical-align: middle
}

.text-center {
    text-align: center
}

.box {
    width: 16rem;
    margin: 0 auto;
    overflow: hidden
}

.font28 {
    font-size: .7rem
}

.font26 {
    font-size: .65rem
}

.font20 {
    font-size: .5rem
}

.font18 {
    font-size: .45rem
}

.mt11 {
    border-top: .25rem solid #eee
}

.mt12 {
    border-bottom: .35rem solid #eee
}

.bgfff {
    background: #fff;
    padding-bottom: .8rem
}

.bgfffs {
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.border-bg {
    border: .25rem solid #eee
}


/*nav*/

nav a {
    display: block;
    width: 3.98rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    border-left: 1px solid #ccc;
    float: left;
    font-size: .65rem;
    color: #5e5e5e
}

nav a:first-child {
    border-left: none
}


/*footer*/

footer {
    margin-top: 2rem
}

footer .foot {
    padding: .25rem 0;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 0;
    width: 16rem;
    margin-left: -8rem;
    background: #fff;
    border-top: 1px solid #ccc;
    height: 2.775rem
}

footer .foot a {
    float: left;
    width: 4rem;
    border-left: 1px solid #e0e0e0
}

footer .foot a:first-child {
    border-left: none
}

footer .foot a .foot_icon {
    margin: 0 auto
}

footer .foot a .foot_icon1 {
    background: url(../images/spr_bot_03.jpg) no-repeat;
    background-size: 1.325rem 1.45rem;
    width: 1.325rem;
    height: 1.45rem
}

footer .foot a .foot_icon2 {
    background: url(../images/spr_bot_05.gif) no-repeat;
    background-size: 2.6rem 1.45rem;
    width: 2.6rem;
    height: 1.45rem;
    margin-left: 1.2rem
}

footer .foot a .foot_icon3 {
    background: url(../images/spr_bot_07.gif) no-repeat;
    background-size: 1.875rem 1.45rem;
    width: 1.875rem;
    height: 1.45rem;
    margin-left: 1.5rem
}

footer .foot a .foot_icon4 {
    background: url(../images/spr_bot_09.gif) no-repeat;
    background-size: 1.95rem 1.45rem;
    width: 1.95rem;
    height: 1.45rem;
    margin-left: 1.5rem
}

footer .foot a p {
    text-align: center;
    font-size: .45rem;
    margin-top: .15rem
}

#scrolltp {
    position: fixed;
    bottom: 2.85rem;
    right: .15rem;
    z-index: 1;
}

#scrolltp img {
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer
}


/*网友评论内容*/

.pl_box {
    width: 16rem;
    margin: 0 auto;
    background: #fff
}

.good_to {
    border-bottom: .225rem solid #ebebeb;
    padding-bottom: .7rem
}

.good_to ul {
    width: 15.1rem;
    margin: 0 auto;
    overflow: hidden
}

.good_to li {
    width: 7.2rem;
   
   
   
    float: left;
    margin-top: .25rem;
    line-height: 1rem;
    margin-right: .125rem;
    color: #666;
    font-size: .6rem;
    text-align: center;
    cursor: pointer
}

.good_to li:nth-child(2n) {
    margin-left: 0
}