#pagelink a{ color:#000;}
a, body { color: #fff }
.btn, body { background-color: #fff }
.breadcrumb, li, ul { list-style: none }
.breadcrumb>li a, a { text-decoration: none }
#banner, .warp #banner { position: relative; overflow: hidden }
#banner, .clear-fix, .warp #banner { overflow: hidden }
body { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; padding: 0; margin: 0 auto; max-width: 640px; min-width: 320px }
.table, img { max-width: 100% }
a, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, ul { padding: 0; margin: 0; border: none }
.center-block, .container-fluid { margin-right: auto; margin-left: auto }
.media-bottom .media-heading, .media-middle .media-heading, .media-top .media-heading { margin-bottom: 5px }
i { font-style: normal }
b, strong { font-weight: 700 }
img { vertical-align: middle;}
.container-fluid { width: 100% }
.container { padding-left:.6rem;
padding-right:.6rem
}
.text-left { text-align: left!important }
.text-center { text-align: center!important }
.text-right { text-align: right!important }
.btn, .more-btn { text-align: center }
.center-block { display: block }
.pull-right { float: right!important }
.pull-left { float: left!important }
.clear-both { clear: both }
.img-responsive { display: block; max-width: 100%; height: auto }
.caret-bottom, .caret-top { display: inline-block; width: 0; height: 0; margin-top:-.15rem;
vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent }
.caret-top { border-bottom: 7px solid #000 }
.caret-bottom { border-top: 7px solid #000 }
.caret-left, .caret-right { width: 0; height: 0; margin-top:-.15rem;
border-top: 4px solid transparent; border-bottom: 4px solid transparent; display: inline-block; vertical-align: middle }
.caret-left { border-right: 7px solid #000 }
.caret-right { border-left: 7px solid #000 }
.btn { display: inline-block; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; line-height: 1.5; color: #333; font-size: 20px }
.media-top .media-body, .media-top .media-left { display: table-cell; vertical-align: top }
.media-middle .media-body, .media-middle .media-left { display: table-cell; vertical-align: middle }
.media-bottom .media-body, .media-bottom .media-left { display: table-cell; vertical-align: bottom }
.table { width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse }
.table td, .table th { vertical-align: top; border: 1px solid #ddd; padding: 8px; border-bottom: 2px solid #ddd }
.table-bordered { border: 1px solid #ddd }
.breadcrumb { line-height: 2.35rem; margin:1rem 0 .8rem;
padding-left: .5rem }
.breadcrumb>li { display: inline-block; font-size: 1.2rem }
.breadcrumb>li a { color: #fff; font-size: 1.2rem }
.breadcrumb li+li:before { padding: 0 5px; color: #fff; content: ">" }
.breadcrumb>.active { color: #fff }
.warp { background-color: #eee }
.warp #banner { width: 32rem; margin: 0 auto }
.warp>main { width: 30.1rem; margin: 0 auto;padding-top: 10px; }
#banner { margin-bottom:.5rem
}
#banner .hd { position: absolute; bottom: 1rem; left: 42%; margin-left: -3.325rem; z-index: 1 }
#banner .bd, #banner .bd li, .more-btn { position: relative }
#banner .hd li { display: inline-block; width:.65rem;
height:.65rem;
background: #8f8f8f; margin:0 .3rem;
font-size: 0; border-radius: 500px }
#banner .hd .on { width: 3.55rem; background-color: #b9822f }
#banner .bd { z-index: 0 }
#banner .bd li img { width: 100% }


/* ???��?? */

#bannerr { margin-bottom:.5rem
}
#bannerr .hd { position: absolute; bottom: 1rem; left: 42%; margin-left: -3.325rem; z-index: 1;top: 470%; }
#bannerr .bd, #banner .bd li, .more-btn { position: relative }
#bannerr .hd li { display: inline-block; width:.65rem;
height:.65rem;
background: #8f8f8f; margin:0 .3rem;
font-size: 0; border-radius: 500px }
#bannerr .hd .on { width: 3.55rem; background-color: #b9822f }
#bannerr .bd { z-index: 0 }
#bannerr .bd li img { width: 100% }


.more-btn { font-size: 1.2rem; color: #5d5d5d; display: block; line-height: 2.65rem; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada }
.more-btn:after { position: absolute; right: 12.6rem; top: 50%; margin-top:-.5rem;
-webkit-transform: rotate(135deg); transform: rotate(135deg); content: ''; display: block; width:.6rem;
height:.6rem;
border-top:.15rem solid #5d5d5d;
border-right:.15rem solid #5d5d5d
}
.pagination{
    display: inline-block;
    padding-left: 0;
    margin: 1rem 0;
    border-radius: .2rem;
}
.pagination>li {
    overflow: hidden;
    display: inline;
	color: #333; 
    position: relative;
    float: left;
    padding: .3rem .6rem;
    margin-left: -1px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a, .pagination>li>span, .pagination .thisclass a{
    color: #333; 
    position: relative;
    float: left;
    /* padding: .3rem .6rem; */
    /* margin-left: -1px; */
    text-decoration: none;
    background-color: #fff;
    /* border: 1px solid #ddd; */
}
.pagination li.thisclass{	text-decoration: underline;	color:red;}
.pagination>li:first-child>a,.pagination>li:first-child>span {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}
.pagination>li:last-child>a,.pagination>li:last-child>span{
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
}