*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*******************************
	-------[页面公用样式]--------
********************************/
html,body{
    min-height: 100%;
    background-color: #fbfbfb;
}
body {
    color: #666;
    font-size: 14px;
    /* line-height: 1.5; */
    font-family: "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self;
}
a{
    color: #333;
    text-decoration: none;
}
a:hover,
a:focus { 
    text-decoration: none;
}
img {
    max-width: 100%;
}
a, 
a img,
.ani {
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
ul,
ol {
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
}
* {
    outline: none;
}
select::-ms-expand { display: none; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
/*******************************
    -------[大众板头部]--------
********************************/
/*header-top*/
.header-top{
    overflow: hidden;
    height: 32px;
    background: #f4f4f4;
}
/*header-nav*/
.header-nav{
    float: left;
}
.header-nav ul{
    overflow: hidden;
}
.header-nav li{
    margin-right: 32px;
    float: left;
}
.header-nav li a{
    display: block;
    font-size: 12px;
    line-height: 32px;
    color: #000000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.header-nav li.on a,
.header-nav li:hover a{
    color: #3391ec;
}
/*header-nav end*/
/*header-login-f01*/
.book-header .header-login-f01{
    float: right;
    overflow: hidden;
}
.book-header .header-login-f01 .item{ 
    margin-left: 20px;
    float: left;
}
/*header-login-f01 end*/
/*header-top end*/
/*header-f01*/
.book-header .header-f01{
    -webkit-box-shadow: rgba(40,43,49,0.21) 0 6px 12px 0;
    box-shadow: rgba(40,43,49,0.21) 0 6px 12px 0;
    background: #fff;
}
.hd-top-f01{
    padding: 36px 0;
}
.logo-f01{
    float: left;    
    font-size: 0;
}
.logo-f01 img{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
/*header-f01 end*/
/*hd-so-f01*/
.hd-so-f01{
    padding-top: 12px;
    width: 38.08%;
    float: right;
}
.hd-so-f01 .inp{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.hd-so-f01 .inp .text{
    width: 100%;
    height: 55px;
    display: block;
    padding-left: 22px;
    padding-right: 80px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    line-height: 51px;
    color: #424242;
}
.hd-so-f01 .submit{
    position: absolute;
    right: 0;
    top: 0;
    background: url(../../images/f1-bg01.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 0;
}
.hd-so-f01 .submit .search-submit{
    width: 62px;
    height: 55px;
    border: 0;
    display: block;
    background: url(../../images/ico-03.png) center center no-repeat;
}
.hd-so-f01 .submit:hover{
    opacity: 0.8;
}
/*hd-so-f01 end*/
/*******************************
    -------[头部]--------
********************************/
/*header*/
.header{
    background: #fff;
    position: relative;
}
.header:after{
    display:block;content:'';width:100%;height:2px;background: url("../../images/part/top-line.png") no-repeat;background-size:cover; position:absolute;margin:auto;left:0;right:0;
}
.hd-top{
    margin: 30px 0 32px;
}
.hd-top .logo{
    margin-right: 35px;
    float: left;
}
.hd-top .right{
    padding-top: 10px;
    overflow: hidden;
}
.hd-login{
    margin-right: 6px;
    float: right;
    overflow: hidden;
}
.hd-login .item{
    margin-left: 20px;
    float: left;
}
.hd-login .item a{
    display: block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #4b4d54;
    background: url(../../images/book/ico-04.png) 0 center no-repeat;
    font-weight: bold;
}
.hd-login .item.s2 a{
    background-image: url(../../images/book/ico-05.png);
}
.hd-login .item a:hover{
    color: #3991ec;
}
/*hd-bottom*/
.hd-bottom{
    margin-bottom: -2px;
}
.hd-bottom .right{
    padding: 0;
    float: right;
}
.search .goodscar{
    font-weight: bold;
    width: 120px;
    padding-left: 45px;
    margin-left: 20px;
    font-size: 12px;
    line-height: 45px;
    color: #1c70d5;
    border: 1px solid #58a1f8;
    background: #eef6fb url(../../images/book/ico-066.png) 12px center no-repeat;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    float: right;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search .goodscar:hover{
    opacity: 0.8;
}
.search .inp{
    /* overflow: hidden; */
    position: relative;
    border-radius: 3px;
}
.search .inp .text{
    padding-left: 18px;
    padding-right: 100px;
    width: 100%;
    display: block;
    height: 47px;
    line-height: 45px;
    font-size: 12px;
    color: #999;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    overflow: hidden;
}
.search .inp .submit{
    width: 90px;
    height: 47px;
    display: block;
    border: 0;
    border-left: 1px solid #e2e2e2;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 47px;
    background: url(../../images/part/searchbj.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search .inp .submit:hover{
    opacity: 0.8;
}
.search.inp{height:55px;overflow: visible}
.search.inp ul{background: #fff;width:100%;border:1px solid #d9d9d9;border-top:0;box-shadow: 1px 1px 3px 1px #eee;position: relative;z-index: 100}
.search.inp ul li{padding-left:12px;font-size: 14px;line-height: 25px}
.search.inp ul li:hover{background: #ddd}

.hd-bottom .right .hot{
    overflow: hidden;
    font-size: 12px;
    color: #292c36;
    line-height: 47px;
    font-weight: bold;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hd-bottom .right .hot .tit{
    color: #3991ec;
}
.hd-bottom #hotwordbox{
    max-height: 47px;
    overflow: hidden;
}
.hd-bottom .right .hot a{
    margin-right: 24px;
    color: #292c36;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    max-width: 70px;
    display: inline-block;
}
.hd-bottom .right .hot a:hover{
    color: #3991ec;
}
.hd-bottom .left{
    padding: 0;
    padding-right: 32px;
    
}
/*hd-bottom end*/
/*header end*/
/*******************************
    -------[导航]--------
********************************/
.nav{
    float: left;
}
.nav ul{
    margin: 0;
}
.nav li{
    padding: 0;
    margin-right: 37px;
    float: left;
    position: relative;
}
.nav li:after{
    content: "";
    display: none;
    width: 100%;
    height: 2px;
    background: url(../../images/book/f2-bg01.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav li a{
    font-size: 14px;
    color: #292c36;
    line-height: 28px;
    font-weight: bold;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav li:hover a,
.nav li.on a{
    color: #3991ec;
}
.book-header .nav li:hover:after,
.book-header .nav li.on:after{
    display: block;
}

.menuBtn{
    display: none;
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 999999;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{
    display: block;
    height: 4px;
    background-color: #000;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}
/*******************************
    -------[大众版导航]--------
********************************/
/*nav-f01*/
.nav-f01{

}
.nav-f01 ul{
    margin: 0 auto;
}
.nav-f01 li{
    padding: 0;
}
.nav-f01 li a{
    height: 45px;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #424242;
    line-height: 45px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: transparent;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.nav-f01 li a:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border: 1px solid #e7e7e7;
}
.nav-f01 li:hover a,
.nav-f01 li.on a{
    color: #fff;
    background: url(../../images/f1-bg02.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 0;
}
.nav-f01 li:hover a:after,
.nav-f01 li.on a:after{
    display: none;  
}
/*nav-f01*/
.mo-nav-f01{
    display: none;
}
/*******************************
    --------[底部]-------
********************************/
/* footer */
.fl{
    float: left;
}
.fr{
    float: right;
}

/*******************************
	--------[分页条]-------
********************************/

/*******************************
	--------[书城首页]-------
********************************/

.book-footer .footer .row{margin:0;}
.body-bg03 dl{margin: 0;}


.m-qj2 .desc ul{ margin-bottom: 30px;}
.m-qj2 .desc .page{margin-bottom: 0px;}
.m-qj2 .desc .page .pagination .active{color:#fff;background: #3991ec;}
.rank .page .pagination .active{color:#fff;background: #3991ec;}
.m-list .page .pagination .active{color:#fff;background: #3991ec;}
.rank .page .total{display: inline-block;}
.booksearch_result .page,.body-bg03 .page,.rank .page,.body-bg05 .page{margin-bottom: 0px;}
.body-bg05 .col-main3{margin-bottom:30px;}
.body-bg05 .m-qj4 .full:after{content:'…';text-indent: 0;position: absolute;bottom:0;right:0;background:#fff;padding-left:3px;}



/* 分享 */
.q-share .sharebox{z-index: 2;position: absolute;width: 137px;height:150px;border-radius: 5px;background: #fff;border: 6px solid #999;right: 0;}
.q-share .sharebox-top{top:-150px;bottom:20px;}
.q-share .sharebox-bottom{bottom:-174px;top:20px;}
.q-share .sharebox .title{background: #f2f2f2;height: 28px;padding: 6px;font-size: 12px;}
.q-share .title .bsSiteLink{color: #666;font-weight: 600;}
.q-share .content{margin-bottom: 6px;}
.q-share .content a{padding-left: 3px;border:1px solid #fff;background:#fff;display: block;margin:2px 6px;cursor: pointer;height: 24px;}
.q-share .content a:hover{border:1px solid #ddd;background:#f1f1f1;}
.q-share .content a img{margin-bottom:4px;}
.q-share .content a span{color:#2e3e4e;}

/* 搜索结果页 */
.booksearch_result .col-main{margin-left: 0px;}
.booksearch_result .searchbox{position: relative;margin-right: 5px;}
.booksearch_result .searchbox input{color:#999999;font-size: 12px; width: 230px;height: 28px;border-radius:4px;background: #f6f6f6;border: none;margin-top: 10px; }
.booksearch_result .searchbox .search-submit{cursor: pointer; background: url(../../images/part/searchbj.png) center center no-repeat;border-radius:4px;width: 28px;height: 28px; padding: 3px 4px;position: absolute;right: 0;top: 10px;}

/* 排行榜页面 */
.rank .main .container{background: #fff;margin-bottom: 30px;}
.rank .main .pc-con{background: #f6f6f6;}
.rank .main .col-main{border-left:1px solid #f6f6f6;margin-bottom: 0px; }
.rank .main .m-tit{border-bottom:1px solid #f6f6f6;height: 104px;margin-left: 25px;}
.rank .main .m-tit .nav{font-size:24px;color: #292c36;font-weight: bold;line-height: 104px;display: inline;position: relative;}
.rank .main .m-tit .nav::after{content: "";display: block;width: 100%;height: 2px;background: linear-gradient(90deg, #1c70d5 0%, #58a1f8 100%);-webkit-background-size: 100% 100%;background-size: 100% 100%;position: absolute;bottom: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.rank .main .m-list{box-shadow: none;margin-bottom: 0;}
.rank .recom{font-size: 16px;color: #292c36;margin: 25px 0px 0px 25px;} 
.rank .recom li{line-height: 43px;padding-left: 18px;}
.rank .recom .active{background: #eef6fb;position: relative;}
.rank .recom a{cursor: pointer;}
.rank .recom .active a,.rank .recom a:hover,.rank .recom a:focus{color:#3991ec;}
.rank .main .m-qj1{margin: 30px -15px 30px 15px;padding: 0;}
.rank .recom .active::after {content: '';position: absolute;right: 0;top: 50%;width: 19px;height: 6px;background: url(../../images/book/icon.png) no-repeat center;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all .3s;transition: all .3s;}
.rank .m-nav .recom-phone{display: none; }

/* 分页 */
.body-bg04 .pagination{margin: 0;}
.body-bg04 .m-qj2 .desc{padding-bottom: 20px;}
.body-bg04 .m-qj2 .desc ul{margin-bottom: 20px;}

.body-bg03 .btnbox{margin:20px 0 15px}
.body-bg03 .btnbox .btn-group,.body-bg03 .btnbox .btn{width:100%;}
.body-bg03 .btnbox .dropdown-menu{width:100%;min-width:0;max-height:150px;overflow-y: auto;}
.body-bg03 .btnbox .btn .text{color:#000}
.body-bg03 .btnbox .btn-default{border:1px solid #dadada;background: #fff;box-shadow: 0 0 0 0 transparent;padding: 10px 12px;}
.body-bg03 .btnbox .subbtn{border-left:0;}
.body-bg03 .btn-default.active.focus,.body-bg03 .btn-default.active:focus, .body-bg03 .btn-default.active:hover, .body-bg03 .btn-default:active.focus, .body-bg03 .btn-default:active:focus, .body-bg03 .btn-default:active:hover, .body-bg03 .open>.dropdown-toggle.btn-default.focus, .body-bg03 .open>.dropdown-toggle.btn-default:focus, .body-bg03 .open>.dropdown-toggle.btn-default:hover{background: #fff;border-color:#dadada;}

.body-bg04 .nowords{width: 100%;height: 400px;text-align: center;padding: 30px;}
.body-bg04 .nowords span{display: block;margin-top: 30px;}

.book-header{z-index: 9999;}
.book-header .modal-body .searchbox{display:none;}

.syggw li{width: 50%;float: left;}
.syggw li a{padding-top: 31.85%;height: 0;overflow: hidden;margin-left: 10px;margin-right: 10px;margin-bottom: 30px;display: block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;;}
.syggw li a img{border-radius: 4px;width: 100%;height: 100%;display: block;position: absolute;top: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.syggw li a:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

.scztgg .item a{padding-top: 55.96%;display: block;position: relative;z-index: 3;margin-bottom: 30px;border-radius: 4px;overflow: hidden;-webkit-box-shadow: rgba(191,191,191,0.15) 0 4px 8px 0;box-shadow: rgba(191,191,191,0.15) 0 4px 8px 0;}
.scztgg .item a img{width: 100%;height: 100%;display: block;position: absolute;top: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.scztgg .item a:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

.mo-qj1 div{margin: 0 auto;}

.book-header .hd-bottom .left{position: relative;}
/* .book-header .hd-bottom .part-nav{position: absolute;width: 268px;box-shadow: 2px 2px 5px rgba(0,0,0,.3);display: none;top:62px;}
.book-header .part-nav .tit { position: relative; padding: 15px 24px 15px 30px; background: #fff;font-size: 16px;color: #292c36; }
.book-header .part-nav dl{margin-bottom: 0;position: relative;}
.book-header .part-nav .h-desc{display: none;position: absolute;left: 268px;width: 400px;top: 0;background: #fff;box-shadow:2px 2px 5px rgba(0,0,0,.3);}
.book-header .part-nav .submenu{border: none;padding: 10px;font-weight: bold;display: block;font-size: 12px;color: #6c6b6b;}
.book-header .part-nav .h-desc li{width: 33%;float: left;text-align: center;}
.book-header .part-nav .h-desc li a{padding: 0;line-height: 34px;text-align: center;padding:6px 0px;border-bottom: 1px solid transparent;}
.book-header .part-nav .item:hover .tit{background: #f6f6f6;}
.book-header .part-nav .item:hover .tit a{color:#3991ec;}
.book-header .part-nav .item:hover .tit::after{background: url(../../images/part/up1.png) no-repeat left;}
.book-header .part-nav .tit::after { content: ''; position: absolute; top: 50%;width: 6px; height: 10px;right: 15px; background: url(../../images/book/arrow-down1.png) no-repeat center; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; transition: all .3s; }
.book-header .part-nav dl:hover .h-desc{display: block;}
.book-header .part-nav .h-desc li a:hover{color:#3991ec;border-bottom: 1px solid #3991ec;} */

.book-header .h_navlist{position: absolute;box-shadow: 2px 2px 5px rgba(0,0,0,.3);display: none;}
.book-header .g-tit01:hover .h_navlist{display: block;}
.book-header .mask{display: block;position: absolute;left: 0;top:0;}
.booklist .book-header .h_navlist,.bookindex .book-header .h_navlist{display: none;}

.special-list .banner{width: 100%;height: 310px;}
.special-list .m-list{padding:30px 30px 0px 25px;}
/* .special-list .ul-list.list2 .con1 .tip span,.special-list .ul-list.list2 .con1 .tip span{width: 50%;float: left;} */
.special-list .ul-list.list2 .inner{border: none;background: #fffdee;border-radius:4px;margin:0 12px 20px;padding:20px 30px;}
.special-list .ul-list.list2 .con1 .tip{min-height: auto;}
.special-list .ul-list.list2 .con2{padding: 0;}
.special-list .ul-list.list2 .con2 .l{float: left;}
.special-list .ul-list.list2 .con2 .r{float: right;}

.booklist .list2 .abstract{min-height: 80px;}

@media only screen and (min-width: 1199px) {
    .book-header .hd-top{position: relative;}
    .book-header .login_info_list{right: 0;}
    .book-header .member-span-logined span.member-username {line-height: 26px;padding-right: 20px;font-size: 14px;background: url(../../images/member/arrow.png) right center no-repeat;}
    .book-header .member-span-logined {height: 26px;margin-top: 2px;float: right;}
    .book-header .member-span-logined span.member-username{line-height:26px;padding-right:20px;font-size:14px;background:url('../../images/member/arrow.png') right center no-repeat;}
    .book-header .login_info_list{display:none;width:80px;padding:0;background: #fff;box-shadow:2px 2px 10px 0.2px #444;padding:10px 0;margin: 0;position: absolute;z-index: 5}
    .book-header .login_info_list li{width:100%;margin:3px 0;}
    .book-header .login_info_list a{width:100%;text-align: center;font-size: 14px;line-height: 26px;display: inline-block}
    .book-header .login_info_list a:hover{color:#3991ec}
    .book-header .login_info_list .item a{padding:0;font-weight: normal;background: none;}

    .book-header .hd-bottom .search ul{background: #fff;width:100%;border:1px solid #d9d9d9;border-top:0;box-shadow: 1px 1px 3px 1px #eee;position: absolute;z-index: 100}
    .book-header .hd-bottom .search ul li{padding-left:12px;font-size: 14px;line-height: 25px}
    .book-header .hd-bottom .search ul li:hover{background: #ddd}
    .search .inp{width: 325px;float: left;}
    .hd-bottom .search{width: 465px;float: right;}
}


/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .search .inp{overflow: hidden; }
    .hd-bottom .right{overflow: hidden;}
    .search{overflow: hidden;}

    .rank .main .col-main{border: none;}
    .rank .main .m-qj1{margin: 30px 0px;}
    .rank .main .m-tit{margin-left: 0;}
    .rank .main .m-tit .nav::after{display: none;}
    .rank .m-nav .recom-phone{display: block; margin: 30px 0px 0px 25px;float: right;}
    .rank .m-nav .recom-phone li{float: left;padding-left: 0;}
    .rank .m-nav .recom a{margin: 0 10px;}
    .rank .m-nav .recom .active::after{background: none;}
    .rank .m-nav .recom-pc{display: none;}

    .book-header .hd-bottom .search ul{background: #fff;width:100%;border:1px solid #d9d9d9;border-top:0;box-shadow: 1px 1px 3px 1px #eee;position: relative;z-index: 100}
    .book-header .hd-bottom .search ul li{padding-left:12px;font-size: 14px;line-height: 25px}
    .book-header .hd-bottom .search ul li:hover{background: #ddd}

    .header{
        padding-top: 80px!important;
    }
    .hd-top{
        height: 60px;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 200;
        background: #fff;
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
        box-shadow: 0 3px 5px rgba(0,0,0,.15);
    }
    .hd-top .logo {
        max-width: 220px;
        line-height: 60px;
        margin-left: 10px;
    }
    .container{
        width: 100%;
        padding: 0 15px;
    }
    .menuBtn{
        display: block;
        top: 18px;
    }
    .mo-nav{
        display: none;
        padding-bottom: 60px;
        position: fixed;
        top: 64px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background: #fff;
        overflow-y: auto;
    }
    .mo-nav .search{
        padding: 0 20px;
    }
    .nav{
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    .nav li{
        width: 100%;
        text-align: center;
    }
    .nav li a{
        line-height: 40px;
        font-weight: normal;
        font-size: 16px;
    }
    .nav li:after{
        display: none!important;
    }
    .hd-login{
        margin: 0;
        float: none;
        text-align: center;
    }
    .hd-login .item{
        margin: 0 20px;
        float: none;
        display: inline-block;
    }
    .g-tit01 h2{
        font-size: 16px;
    }   
    /*大众版*/
    .body-bg02{
        padding-top: 60px;
        background: none!important;
    }
    .header-top{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        top: 0;
        height: 30px;
        overflow: visible;
        z-index: 210;
        background-color: #F4F7F9;
    }
    .header-f01{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 200;
    }
    /* .header-f01.hd2{
        top: 30px;
    } */
    .header-nav h3{
        display: inline-block !important;
        padding-right: 20px;
        font-size: 12px;
        background: url(../../images/icon-arrow3.png) no-repeat right center;
        -webkit-background-size: auto 5px;
        background-size: auto 5px;
    }
    .header-nav ul{
        display: none;position: absolute;
        top: 30px;
        width: 80px;
        z-index: 201;
        background-color: #fff;
    }
    .hd-top-f01{
        padding: 10px 0;
        height: 60px;
    }
    .logo-f01{max-width: 450px;height: 45px;line-height: 45px;}
    .mo-nav-f01{
        top: 58px;
    }
    .mo-nav-f01.nv2{
        top: 90px;
    }
    .header-nav{
        float: none;
    }
    .header-nav li{
        margin-right: 0;
        float: none;
        width: auto;
    }
    .header-nav li a{
        text-align: center;
    }
    .nav-f01{
        margin-bottom: 10px;
        width: 100%;
        float: none;
    }
    .nav-f01 li a:after{
        display: none;
    }
    .hd-so-f01{
        margin: 0 auto 20px;
        float: none;
    }
    .hd-so-f01 .inp .text{
        height: 40px;
        line-height: 40px;
    }
    .hd-so-f01 .submit .search-submit{
        height: 40px;
    }
}

/*Common For Max 768*/
@media only screen and (max-width: 992px) {
    
    .hd-bottom .right{
        margin-bottom: 20px;
    }
    .search{
        width: 100%;
        margin-bottom: 10px;
        float: none;
    }
    .headbox .search{width:auto;}
    .hd-bottom .right .hot{
        white-space: normal;
        line-height: 28px;
    }
    .hd-bottom .left{
        padding-right: 0;
    }
    .fd-nav{
        margin-bottom: 10px;
    }
    .fd-nav ul{
        text-align: center;
    }
    .fd-nav li{
        float: none;
        display: inline-block;
    }
    .g-tit01{
        margin: 0 -10px;
    }
    .m-fold{margin-bottom: 20px;}
}
 
@media only screen and (max-width: 767px) {
    .special-list .ul-list.list2 li{width: 100%;}
    
    .search .goodscar{
        margin-left: 10px;
        height: 37px;
        line-height: 35px;
        padding-left: 34px;
        width: 100px;
        white-space: nowrap;
        background-position: 5px center;
    }
    .search .inp .text{
        line-height: 35px;
        height: 37px;
        padding-right: 70px;
        padding-left: 10px;
    }
    .search .inp .submit{
        line-height: 37px;
        height: 37px;
        width: 60px;
    }
    .hd-bottom .right .hot a{
        margin-right: 10px;
    }.
    .hd-bottom .right .hot{
        line-height: 37px;
    }
    .hd-bottom .right{
        margin-bottom: 10px;
    }
    .g-tit01 h2{
        line-height: 40px!important;
        height: 44px;
        font-size: 16px!important;
    }
    .mo-nav{
        top: 60px;
    }
    .header {
        padding-top: 70px!important;
    }
    .fd-nav{
        display: none;
    }
    /* .footer .text{
        margin-top: 25px;
    } */
}

/*Common For Max 414*/
@media only screen and (max-width: 479px) {
	
}

/*Common For Max 375*/
@media only screen and (max-width: 413px) {
	
}

/*Common For Max 320*/
@media only screen and (max-width: 320px) {

}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

}

/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
}

/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .page .pagination a:hover{color: transparent !important;}
}

/*240*/
@media only screen and (max-width: 319px) {
	
}