a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0;
}


body {
    font: 12px/150% tahoma, arial, Microsoft YaHei, Hiragino Sans GB, "\u5b8b\u4f53", sans-serif;
    color: #666;
}

.w {
    width: 1200px;
    margin: 0 auto;
}

#shortcut-2018 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #F1F1F1;
}

#shortcut-2018 .w {
    background-color: #F1F1F1;
}

#shortcut-2018 .style-red {
    color: #C81623;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    text-decoration: none;
    outline: 0;
    color: #666;
}

a:hover {
    color: #C81623;
}
dd, dl, dt, li, ul {
    list-style: none;
}
.hide{display: none;}
#logo-logo{
    float: left;
    margin-top: 24px;
}
#logo-title {
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    color: #333;
    margin: 44px 0 0 5px;
}
#have-account {
    font-size: 16px;
    float: right;
    margin-top: 68px;
    color: #999;
}
#logo-2018 {
    width: 100px;
    float: left;
    margin-top: 14px;
}

#search-2018 {
    float: left;
    position: absolute;
    margin-top: 20px;
    height: 48px;
    z-index: 9999;
    top: 0;
    left: 300px;
    background-color: #ccc;
}

#search-2018 .label_search {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 398px;
    height: 36px;
    line-height: 36px;
    z-index: 1;
    overflow: hidden;
}

#search-2018 .text {
    width: 398px;
    height: 18px;
    border: 2px solid #ff2832;
    border-right:0px;
    padding: 9px 0 9px 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: #323232;
    font: 12px/18px 'Hiragino Sans GB', "simsun", Arial;
    outline: 0;
    background: none;
}

#search-2018 .select{
    position: absolute;
    top: 0px;
    left: 410px;
    border: 2px solid #ff2832;
    border-left:0px;
    width: 92px;
    height: 36px;
    font: 16px/36px "Microsoft Yahei";
    color: #969696;
    padding: 0 0 0 14px;
    cursor: pointer;
    background-color: #f6f6f6;
}
#search-2018 .select .icon{
    width: 13px;
    height: 7px;
    overflow: hidden;
    background: url(../img/head_sprite.png) no-repeat -14px -90px;
    position: absolute;
    left: 88px;
    top: 16px;
}
#search-2018 .select_pop{
    width: 104px;
    height: 100px;
    border: 1px solid #dedede;
    position: absolute;
    top: 36px;
    left: 0px;
    background-color: #fff;
    overflow: auto;
}
#search-2018 .select_pop a,#search-2018 .select_pop a:hover{
    display: block;
    height: 24px;
    padding: 0 5px 0 15px;
    text-decoration: none;
    font: 12px/24px 'Hiragino Sans GB',"simsun";
}
#search-2018 .select_pop a:hover{
    background-color: #646464;
    color: white;
}
#search-2018 .button{
    width: 48px;
    height: 40px;
    border: none;
    background: url(../img/head_sprite.png) no-repeat 0 -346px;
    cursor: pointer;
    position: absolute;
    left: 517px;
    top: 0;
}

#search-2018 a:hover{color:#ff2832;text-decoration:underline}

.search_bottom{
    position: absolute;
    top: 65px;
    left: 300px;
    color: #969696;
    width: 585px;
    line-height: 20px;
    z-index: 6666;
}
.search_bottom .search_hot{
    float: left;
    width: 518px;
    overflow: hidden;
    height: 20px;
}
.search_bottom a,.search_bottom a:hover{
    color: #969696;
    margin-right: 15px;
    _display: inline;
    height: 20px;
    overflow: hidden;
}
.search_result{
    display: block;
}
.search_result .crumbClip{
    height: 40px;
    line-height: 40px;
    position: relative;
}
.search_result .crumbClip .crumbSlide-con li{
    float: left;
    padding-left: 9px;
}
.search_result .crumbClip .crumbSlide-con a {
    color: #666;
}
.search_result .crumbSlide-con {

}
.search_result .class_list{
    border: 1px solid #E6E2E1;
    background-color: #F7F5F5;
    line-height: 30px;
}
.search_result .class_list .attrKey{
    float: left;
    color: #B0A59F;
    width: 10%;
    text-indent: 27px;
    line-height: 30px;
}
.search_result .class_list .attrValues{
    float: left;
    background-color: #FFF;
    width: 90%;
    position: relative;
    display: block;
}
.search_result .class_list .attrValues a{
    float: left;
    display: block;
    width: 190px;
	overflow: hidden;
    height: 30px;
    margin: 0 5px 8px 10px;
}
#qrcode-2018{
    float: right;
    margin-top: 10px;
    text-align: center;
    line-height: 100%;
}
#qrcode-2018 img{
    width: 90px;}
.padding_top_10{  padding-top: 10px;}
.public_headernav_module{ position: relative; clear: both; }
.new_headernav {
    border-bottom: 1px solid #dcdcdc;
    margin-top: 20px;
}
.new_headernav .new_nav {
    font-size: 14px;
    width: 1200px;
    margin: 0 auto;
    height: 26px;
}
.new_headernav .new_nav .bookclass {
    position: relative;
    cursor: pointer;
    width: 228px;
    margin-left: 16px;
    color: #222;
    font-weight: 700;
    padding-bottom: 10px;
    float: left;
}
.new_headernav .new_nav .bookclass .bookclass_box.showMenu {
    position: absolute;
    left: -20px;
    top: 27px;
    z-index: 4;
    display: block;
}
.bookclass_box .new_aside {
    float: left;
    width: 250px;
    margin-right: 15px;
}
.bookclass_box .new_aside .new_title {
    zoom: 1;
    overflow: hidden;
    padding: 16px 0 16px 18px;
    background-color: #f6f6f6;
}
.new_headernav .new_nav .bookclass .upDown {

    width: 8px;
    height: 5px;
    float: right;
    margin: 8px 155px 0 5px;
    background: url(../img/down.png);
    background-size: auto auto;
    background-size: 100% 100%;
}
.new_headernav .new_nav .bookclass .upDown.isSlide {

    background: url(../img/up.png);

}
.bookclass_box .new_aside .new_title dt {
    font-size: 14px;
    color: #222;
    font-weight: 700;
    padding-bottom: 3px;
}
.bookclass_box .new_aside .new_title dd {
    float: left;
    padding-right: 18px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
}
.bookclass_box .new_aside .new_title.even {
    background: #e9e7e6;
}
.bookclass_box .new_aside .newmore {
    line-height: 36px;
    background: #e9e7e6;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
}
.new_headernav .new_nav .bookclass .bookclass_box {
    display: none;
}
.new_headernav .new_nav .new_bar {
    width: 750px;
    float: left;
    margin-left: 10px;
}
.public_headernav_module .nav {
    width: 1200px;
    margin: 0 auto;
    margin-left: auto;
}
.new_headernav .new_nav .new_bar li {
    height: 25px;
    float: left;
}
.new_headernav .new_nav .new_bar li a {
    padding: 0 20px;
    color: #222;
    /*margin-right: 20px;*/
    font-weight: 700;
}
.new_headernav .new_nav .new_bar li.cur {
    border-bottom: 2px solid red;
    color: red;
}


/*???*/
.advsearch_content{ margin:20px auto 0px auto; width: 600px;}
.advsearch_content h4{ font-size: 20px; font-weight: normal; margin: 28px auto 30px auto; color: #999999;}
.advsearch_content .box_line,.advsearch_content .box_radio_line{
    margin: 20px 0;
    height: 40px;
    line-height: 40px;
}
.advsearch_content .box_line span{
    display: inline-block;
    float: left;
    width: 180px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: right;
    color: #696969;
    font-size: 14px;
}
.advsearch_content .box_line input,.advsearch_content .box_line select{
    float: left;
    width: 330px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    color: #696969;
    font-size: 14px;
}
.advsearch_content .box_line label{
    display: inline-block;
    float: left;
}
.advsearch_content .box_line label input{
    width: 20px;
    float: left;
}
.advsearch_content .box_line label span{
    display: inline-block;
    float: left;
    width: 20px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    text-align: right;
    color: #696969;
}
.advsearch_content .search_btn{
    text-align: center;
}
.advsearch_content .search_btn .btn{
    width: 128px;
    height: 38px;
    background-color: #ff3a2c;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    display: inline-block;
}
.order_item label{ width: 110px;}
.order_item label span{text-align: left;}

#footer-2018{
    background-color: #F5F5F5;
    margin-top: 25px;
    text-align: center;
    padding: 20px;
     clear: both;
}
#footer-2018 .links{}
#footer-2018 .links a{margin: 2px 10px}
#footer-2018 .copyright{ margin:10px 0;}

.center{ clear: both;}
.classification_list .left {
    float: left;
    width: 250px;
    display: inline-block;
}
.right{
    margin: 10px 0 0 20px;
    display: block;
    float: left;
    width: 930px;
    overflow: hidden;
}
.index-center{
    float: left;
    width: 675px;
    margin: 0px 15px 0 15px;
}
.indexCarousel{
    float: left;
    margin: 10px 0 20px 0px;
    height: 240px;
    overflow: hidden;
}
.carousel-plugin-model{
    position: relative;
}
.carousel-plugin-model .carousel-list, .carousel-plugin-model .carousel-list-con {
    overflow: hidden;
}
.carousel-plugin-model .arrows .arrow {
    position: absolute;
    top: 50%;
    width: 18px;
    margin-top: -24.5px;
    height: 49px;
    cursor: pointer;
}
.indexCarousel .carousel-plugin-model .arrows .prev {
    width: 24px;
    left: 0;
    background: url(../img/pre_1.png) no-repeat;
    opacity: .5;
}

/*.indexCarousel .carousel-plugin-model .arrows .prev:hover{background:url(../img/newprev.png) no-repeat;opacity:1}*/

.indexCarousel .carousel-plugin-model .arrows .next {
    width: 24px;
    right: 0;
    background: url(../img/next_1.png) no-repeat;
    opacity: .5;
}
/*.indexCarousel .carousel-plugin-model .arrows .next:hover{background:url(../img/newnext.png) no-repeat;opacity:1}*/

.indexCarousel .carousel-plugin-model .dots li.active{
    background-color: #fff;
}
.carousel-plugin-model .dots {
    z-index: 50;
    bottom: 12px;
    left: 50%;
    text-align: center;
    height: 3px;
}
.carousel-plugin-model .dots li {
    float: left;
    height: 3px;
    width: 20px;
    background: #bdbdbd;
    margin: 0 6px;
}
.index-right{float:  right;width: 245px}

.index-ann{
     margin-top: 10px;
    border: 1px solid #eaeaea;
     height: 240px;
}
.index-ann div{ margin: 12px;}
.index-ann .title{ font-size: 18px; font-weight:normal; line-height: 18px;}
.index-ann .title .icon{ width: 18px; height: 18px; display: inline-block; background:url(../img/ann-icon.png) no-repeat; margin-right: 4px;}
.index-ann .list{ line-height: 190%;}
.index-ann .list ul{ margin-left: 15px}
.index-ann .list ul li{list-style: disc; color: #666666;}

.limit_con {
    width: 675px;
    border-bottom: 2px solid #ee554a;
    overflow: hidden;
    zoom: 1;
}
.limit_con .limitTxt {
    float: left;
    background: #ee554a;
    color: #fff;
    width: 110px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
}
.limitTabCon {
    width: 675px;
    overflow: hidden;
    height: 544px;
}
.carousel-plugin-model .carousel-list, .carousel-plugin-model .carousel-list-con {
    overflow: hidden;
}
.limitTabCon .carousel-plugin-model .carousel-item {
    height: 522px;
    overflow: hidden;
}
.carousel-plugin-model {
    height: 261px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.limitTabCon .limitContent {
    width: 770px;
    overflow: hidden;
    zoom: 1;
}
.limitTabCon .limitContent .limitCell {
    display: block;
    float: left;
    width: 126px;
    padding: 0 21px;
    margin-top: 30px;
    border-right: 1px solid #ebebeb;
    margin-bottom: 0;
}

.manjianCon {
    position: relative;
}
.limitTabCon .limitContent .limitCell .limitImgCon{
    text-align: center;
}
.limitTabCon .limitContent .limitCell .limitImgCon .limitImg {
    width: 94px;
    background-color: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.limitTabCon .carousel-plugin-model .arrow {
    display: none;
}
.carousel-plugin-model .arrows .prev {
    left: 0;
    background: url(../img/prev.png) center no-repeat;
}
.carousel-plugin-model .arrows .next {
    right: 0;
    background: url(../img/next.png) center no-repeat;
}
.carousel-plugin-model .arrows .arrow {
    position: absolute;
    top: 50%;
    width: 18px;
    margin-top: -24.5px;
    height: 49px;
    cursor: pointer;
}
.limitTabCon .carousel-plugin-model .dots li.active {
    background: #ee554a;
}
.padding_top_20 {
    padding-top: 20px;
}
.index_subtitle_module {
    border-bottom: 2px solid #ee554a;
    position: relative;
}
.index_subtitle_module .nav li {
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
}
.index_subtitle_module .nav li.on {
    font-weight: 400;
}
.index_subtitle_module .nav li.first {
    background: #ee554a;
}
.index_subtitle_module .nav li.first a {
    padding: 0 12px;
}
.index_subtitle_module .nav li a {
    float: left;
    padding: 0 20px;
    color: #fff;
}
.new_rank_list{
    border: 1px solid #f5f2f0;
    border-top:0;
}
.new_rank_list .list_content {
    overflow: hidden;
}
.new_rank_list .list_content .nopic,.new_rank_list .list_content .lst_file{
    border-top: 1px solid #f5f2f0;
    padding: 8px 10px 8px 6px;
    position: relative;
    zoom: 1;
}
.new_rank_list .list_content .nopic.red_bg .mark,.new_rank_list .list_content .lst_file.red_bg .mark{
    background-color: #ee554a;
    color: #fff;
}
.new_rank_list .list_content .nopic:first-child {
    border-top: 0;
}
.new_rank_list .list_content .nopic.current {
    padding: 18px 6px;
}
.new_rank_list .list_content .nopic .mark,.new_rank_list .list_content .lst_file .mark {
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: #fff;
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #999;
    line-height: 22px;
    text-align: center;
    border-radius: 12px;
}
.new_rank_list .list_content .nopic.current.red_bg .mark {
    background-color: #ee554a;
    color: #fff;
}
.new_rank_list .list_content .nopic.current .book_content,.new_rank_list .list_content .lst_file .book_content{
    padding-left: 35px;
}
.new_rank_list .list_content .nopic.current .book_content .cover {
    display: block;
    float: left;
    margin-right: 15px;
    position: relative;
}
.new_rank_list .list_content .nopic.current .book_content .cover a img {
    width: 56px;
    height: 80px;
}
.new_rank_list .list_content .nopic.current .book_content .info {
    display: block;
    float: left;
    width: 123px;
}
.new_rank_list .list_content .nopic.current .book_content .info h3 {
    padding-bottom: 5px;
    padding-left: 0;
}
.new_rank_list .list_content .nopic h3 {
    padding-left: 30px;
    font-weight: 400;
}

.new_rank_list .list_content .nopic h3 .price_out, .new_rank_list .list_content .nopic h3 a {
    font-size: 12px;
    color: #666;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new_rank_list .list_content .nopic h3 a,.new_rank_list .list_content .lst_file h3 a{
    display: inline-block;
    text-decoration: none;
    line-height: 18px;
    width: 150px;
    font-weight: 400;
}
.new_rank_list .list_content .nopic.current .book_content .info h3 a {
    display: block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    height: 36px;
    width: 120px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-weight: 700;
}
.new_rank_list .list_content .nopic h3 .price_out {
    float: right;
    width: 45px;
    max-width: 45px;
    overflow-x: hidden;
}
.new_rank_list .list_content .nopic.current .book_content .info .grey {
    display: inline-block;
    padding-bottom: 5px;
}

.new_rank_list .list_content .nopic .cover {
    display: none;
    position: relative;
}

.new_rank_list .list_content .nopic .info .grey, .new_rank_list .list_content .nopic .info .price_inuse {
    display: none;
}
.new_rank_list .list_content .more_list {
    text-align: center;
    background-color: #fdfdfd;
    border-top: 1px solid #f5f2f0;
}
.new_rank_list .list_content .more_list a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #666;
    font-size: 12px;
    text-decoration: none;
}


.crumbs{
    line-height: 300%;vertical-align: middle;
}

.index-left-nav{  height: 880px; overflow: hidden;}

.hotcellTabCon .bigBookCell {
    float: left;
    width: 325px;
    border: 1px solid #ebebeb;
    border-top-color: rgb(235, 235, 235);
    border-top-color: #ccc;
    margin: 20px 20px 0 0;
    overflow: hidden;
}
.hotcellTabCon .bigBookCell .bookImgCon {
    float: left;
    margin: 20px 15px;
    text-align: center;
}
.hotcellTabCon .bigBookCell .bookImgCon .bookImg {
    width: 114px;
    height: 160px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.hotcellTabCon .bigBookCell .typeDesc {
    overflow: hidden;
    color: #666;
    margin: 15px 5px 15px 5px;
    float: left;
    width: 170px;
}
.hotcellTabCon .bigBookCell .name {
    margin: 0 0 12px;
}
.hotcellTabCon .bigBookCell .name a {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
}
.hotcellTabCon .bigBookCell .typeTip a {
    color: #999;
}
.hotcellTabCon .bigBookCell .seeMore {
    color: #666;
    margin-top: 30px;
    font-size: 12px;
    display: block;
}
.hotcellTabCon .bigBookCell .bookName{
    text-align: center;
    background-color: #f5f7fc;
    height: 32px;
    line-height: 32px;
}
.child-item{
    border: 1px solid #ccc;
    padding: 16px;
    line-height: 200%;
}

.book-list{
    margin-top: 20px;
}

.book-switch{
    text-align: right;
    overflow: hidden;
    margin: 5px 2px 0 0;
    line-height: 22px;
}
.book-switch.hover {
    background-color: transparent;
}
.book-switch a {
    padding:0 0 0 2px;
    text-decoration: none;
    height: 22px;
    line-height: 23px;
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #969696;
}
.book-switch a span {
    position: relative;
    top: 4px;
    left: 0px;
    display: inline-block;
    margin: -2px 2px 0 0;
    width: 15px;
    height: 16px;
}
.book-switch a .pic_btn {
    background: url("../img/search_list_page.png");
}
.book-switch a .list_btn {
    background: url("../img/tools_box_new_bg.png");
}
.book-switch a .shop_btn {
    background-position: 0 -36px;
}
.book-switch a .pre_icon {
    background-position: 0 -14px;
}
.book-switch a.hover .shop_btn {

    background: url("../img/tools_box_new_bg.png") 0px -35px;

}
.book-switch a.hover .list_btn {
    background: url("../img/search_list_page.png") no-repeat -18px -37px;
}
.book-switch a.hover .pre_icon {
    background-position: -18px -91px;
}
.book-switch a i {
    margin-left: 2px;
    font-style: normal;
    color: #cebbbb;
    display: inline-block;
    line-height: 23px;
    text-align: center;
}
.book-switch a.hover i {
    color: #ff2832;
}
::-moz-placeholder{
    color: #969696 !important;
}
/*??????????*/
.book-list .item-a{
    float: left;
    width: 112px;
    line-height: 200%;
    min-height: 280px;
    margin-bottom: 40px;
}
.book-list .item-a a img{
    width: 100%;
}
.book-list .item-a a .title{
    min-height: 50px;
    color: black;
}
.book-list .item-a-line{
    float: left;
    display: block;
    width: 1px;
    background-color: #ebebeb;
    height: 280px;
    margin: 0 25px 0 25px;
}

.book-detail{
    margin: 20px 0 0 20px;
}
.book-detail .book-img{
    float: left;
}
.book-detail .book-img img{
    width: 110px;
}

.book-detail .book-info{
    float: left;
    margin-left: 30px;
    width: 660px;
}
.book-detail .book-info h1{
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.book-detail .book-info p{
    line-height: 200%;
}
.book-detail .book-info p.title-down{
    border-bottom: 1px dotted #666;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: #ee554a;
    font-weight: bold;
}
.book-detail .book-info a.btn{
    height: 40px;
    line-height: 40px;
    padding: 0 26px;
    font-size: 14px;
    font-family: "microsoft yahei";
    background-color: #ff2832;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 10px 10px 0 0;
}
.top20{
    margin-top: 20px;
}
#logo{
    margin: 10px 0;
}
.login-wrap{
    position: relative;
    height: 500px;
    margin: 10px 0 20px;
    background-color: #ff5455;
}
.login-wrap .login-form {
    float: right;
    top: 80px;
    right: 115px;
    bottom: 20px;
}
.login-form {
    position: relative;
    z-index: 4;
    background: #fff;
    overflow: visible;
    width: 346px;
    border-radius: 2px;
}

.login-form .login-form-title {

    font-size: 18px;
    color: #3c3c3c;
    margin: 20px 0 0 20px;
}
.login-form .login-box {
    width: 306px;
    padding: 20px;
    visibility: hidden;
}
.form .item {
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}
.form .item .name-label {
    background-position: 0 0;
}
.form .item .login-label {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    border-right: 1px solid #bdbdbd;
    background: url(../img/pwd-icons-new.png) no-repeat;
}
.form .item-fore1, .form .item-fore2 {
    border: 1px solid #bdbdbd;
    height: 38px;
    width: 304px;
}
.form .itxt {
    line-height: 18px;
    height: 18px;
    border: 0;
    padding: 10px 0 10px 50px;
    width: 254px;
    float: none;
    overflow: hidden;
    font-size: 14px;
    font-family: '\5b8b\4f53';
    *margin: -1px 0 0;
}
.login-form .login-box .login-btn {
    border: 1px solid #cb2a2d;
    margin: 0 auto;
    height: 32px;
    width: 99%;
    position: relative;
}
.login-form .login-box .login-btn .btn-img {
    border: 1px solid #e85356;
    display: block;
    width: 302px;
    background: #e4393c;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
}
.btn-img, .button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
}
.login-wrap .login-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.form .item-error {
    border: 1px solid #e4393c;
}
.form .item-error .name-label {
    background-position: 0 -96px;
    border-color: #e4393c;
}
.form .item-error .pwd-label {
    background-position: -48px -96px;
    border-color: #e4393c;
}
.login-form .msg-wrap {
    min-height: 23px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto !important;
}
.login-form .msg-error {
    position: relative;
    background: #ffebeb;
    color: #e4393c;
    border: 1px solid #faccc6;
    padding: 3px 10px 3px 40px;
    line-height: 15px;
    height: auto;
}
.login-form .msg-error b {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../img/pwd-icons-new.png) -104px -49px no-repeat;
}
.login-wrap .i-inner {
    position: relative;
    z-index: 3;
    height: 475px;
    background:url(../img/login-bg.png) no-repeat;
}

/*??*/
.reg-header{
    background: url(../img/headbg.jpg) repeat-x left bottom;
    position: relative;
    height: 120px;
}
.progress-bar {
    position: relative;
    margin:80px auto 0;
    width: 230px;
}
.progress-bar .pro-step {
    float: left;
    text-align: center;
}
.progress-bar .pro-line, .progress-bar .pro-step .step-index {
    background: url(../img/reg-icon.png) no-repeat;
}

.progress-bar .pro-step .step-index {
    margin: 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-position: -45px -200px;
    font-size: 12px;
    font-weight: 700;
    color: #ccc;
}

.progress-bar .cur-step .step-desc {
    color: #3b4;
}
.progress-bar .pro-step .step-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}
.progress-bar .cur-step .step-index {
    background-position: 0 -200px;
    color: #fff;
}
.progress-bar .person-pro-line1 {
    left: 55px;
}
.progress-bar .person-pro-line {
    width: 124px;
    background-position: 0 -100px;
}
.progress-bar .pro-line {
    position: absolute;
    top: 7px;
    width: 74px;
    height: 10px;
    background-position: 0 -40px;
}
.progress-bar .person-pro-line2 {
    left: 228px;
}
.progress-bar .person-pro-line {
    width: 124px;
    background-position: 0 -100px;
}
.progress-bar .person-pro-step2 {
    margin-left: 115px;
}
.progress-bar .pro-step .step-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}
.progress-bar .pro-step {
    float: left;
    text-align: center;
}
.progress-bar .cur-step .step-desc {
    color: #3b4;
}
.reg-success{
    background: url(../img/reg-success.png) no-repeat;
    width: 400px;
    margin: 50px auto;
    height: 390px;
    text-align: center;
}
.reg-success .btn-register{
    width: 120px;
    margin:320px auto auto auto;
    text-align: center;
}
.main-reg{
    margin: 50px auto 186px;
    width: 400px;
    position: relative;
    clear: both;
}
.item-wrap{
    height: 86px;
}
.form-item {
    position: relative;
    border: solid 1px #ddd;
    width: 398px;
    z-index: 0;
}
.form-item label {
    float: left;
    width: 60px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}
.form-item .field {
    border: 0 none;
    font-size: 14px;
    width: 250px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-top: 16px;
}


.form-item .field::-moz-placeholder {
    color: #ccc;
}

.progress-bar .done-step .step-index {
    background-position: 0 0;
    border: none;
}
.progress-bar .done-step .step-desc {
    color: #3b4;
}
.input-tip {
    color: #c5c5c5;
    height: 27px;
    font-size: 12px;
    padding-top: 5px;
}
.input-tip .error, .input-tip .orange, .phone-bind-tip {
    color: #f91;
}
.input-tip span i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 8px;
}
.checkRegDialog .ico, .form-item-valid .i-status, .i-company, .i-def, .i-error, .i-error1, .i-global, .i-info, .i-pwd-medium, .i-pwd-strong, .i-pwd-weak, .i-suc {
    background: url(../img/icon.png) no-repeat;
}
.i-error {
    background-position: -17px -100px;
}
.form-item .i-status {
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    top: 15px;
    right: 20px;
}
.form-item-valid .i-status {
    display: block;
    background-position: 0 -117px;
}
.btn-register {
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    background: #e2231a;
    border: 0;
    font-size: 16px;
    font-family: "Microsoft YaHei","Hiragino Sans GB";
    cursor: pointer;
}
.progress-bar .person-cur-line {
    background-position: 0 -130px;
}

.user-menu{
    float: left;
    width: 225px;
    background-color:#f6f6f6;
    height: 365px;
}
.user-menu .title{
    color: #333333;
    font-weight: bold;
    line-height: 42px;
    vertical-align: center;
    padding-left: 40px;
    background: url(../img/user-daohang.png) no-repeat 10px 12px;
}

.user-menu a{
    display: block;
    padding-left: 40px;
    line-height: 36px;
    vertical-align: middle;
    color: #666666;
    border-left: 3px solid #f6f6f6;
}
.user-menu a.selected,.user-menu a:hover{
    background-color: #e9e7e6;
    border-left: 3px solid #ee554a;
}
.user-main{
    width: 950px;
    float: right;
}
.user-main .main-tips{
    margin: 80px auto 120px auto;
    width: 600px;
    height: 200px;
    border: 1px solid #ccc;
    line-height: 100px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}
.user-form{
    margin-left:110px;
}
.user-form .title{
    font-size: 18px;
    height: 50px;
    color: #b4b4b4;
}
.user-form .item{clear: both;
    height:56px;}
.user-form .item .label{float: left; width: 50px; text-align: right; height: 36px; line-height: 36px; vertical-align: middle;}
.user-form .item .txt{ float: left; margin-left: 20px; line-height: 36px; vertical-align: middle;}
.user-form .item .itxt{float: left; width: 320px; padding: 8px 23px 8px 5px; margin-left:20px;}
.user-form .item .sex{float: left; margin-left: 20px; line-height: 36px;}
.user-form .item .btn{ float: left; width: 128px; height: 38px; background-color:#ff3a2c; text-align: center; vertical-align:middle; line-height: 38px; border-radius: 3px; color: white; font-size: 14px; margin-left: 20px}
.clear, .clr {

    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;

}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix::after, .clearfix::before {
    content: "";
    display: table;
}

.license{margin: 60px auto 20px auto; width: 800px;}
.license .tips-wrapper {
    background: #fff8f0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.license .tips-wrapper .icon-tips {
    background: url(../img/icon-tips.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.license .tips-wrapper .tips-inner p {
    vertical-align: middle;
    color: #999;
    font-size: 14px;
    display: inline-block;
    *display: inline;
}
.license textarea{ width: 98%;
    height: 400px; border: solid 1px #ddd; padding: 5px; margin-top: 10px}
.license .btn-register{width: 140px; margin: 20px auto 20px auto; display: block;}

.pagelist {
    font-size: 0;
    background: #fff;
    height: 50px;
    line-height: 50px;
     margin-top: 20px;
    text-align: center;
}

.pagelist span {
    font-size: 14px;
}

.pagelist .jump {
    border: 1px solid #ccc;
    padding: 5px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}

.pagelist .bgprimary {
    cursor: default;
    color: #fff;
    background: #337ab7;
    border-color: #337ab7;
}

.jumpinp input {
    width: 55px;
    height: 26px;
    font-size: 13px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.ydqxz{
    text-align: left;
}
.ydqxz .left{
    width: 250px;
    background:#f6f6f6;
    float: left;
    height: 380px;
}
.ydqxz .left .title{
    height: 60px;
    border-bottom: 1px solid #e9e7e6;
    font-size: 16px;
    line-height: 70px;
    vertical-align: middle;
    padding-left: 65px;
    background: url(../img/ydqxz-icon.png) 22px 20px no-repeat;
}
.ydqxz .left h3{
    line-height: 300%;
    margin-left: 20px;
    margin-top: 10px;
}
.ydqxz .left p{
    margin: 0px 20px;
}
.ydqxz-main{
    margin-left: 30px;
    line-height: 200%;
    padding-bottom: 140px;
}
.ydqxz-main h3{
    color: #ee554a;
    font-weight: normal;
    padding-bottom: 15px;
}
.ydqxz-main h3.tj{
    margin-top: 30px;
}
.ydqxz-main p{
    line-height: 200%;
}
.ydqxz-main ul{
    margin-left: 16px;
}
.ydqxz-main ul li{
    color: #ee554a;
    list-style-type: disc;
}
.ydqxz-main ul li span{color: #666 ;}

.imglist{
    margin-top: 20px;
}
.imglist div{
    float: left;
    width: 292px;
}
.imglist div img{width:295px;
    height: 181px;}
.img-detail{background-color: #666666;}
.img-detail .img-title{ height: 58px; line-height: 58px; font-size: 18px; color: #eeeeee; margin-left: 100px}
.img-detail .img-title span{font-size: 12px;}
.img-detail .img-container{position: relative;}
.img-detail .img-container div{float: left;}
.img-detail .img-container .pic{width: 1000px; margin: 0px}
.img-detail .img-container .prev{ width: 100px}
.img-detail .img-container .next{ width: 100px; float: right;
    height: 100%;display: block;}

.img-detail .img-container .prev .img-switch-btn,.img-detail .img-container .next .img-switch-btn{
    margin: 400px auto auto auto;
    display: block;
    background: url(../img/slider_btn_icon.png) no-repeat 0 0;width: 40px;height: 72px;}

.img-detail .img-container .prev .img-switch-btn{background-position: 0 -87px;}


.book-list-2 .book-lst-header{
    height: 36px;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
     line-height: 36px;
}
.book-list-2 .book-lst-header ul{
    height: 100%;
    color: #999999;
    border-bottom: 2px solid #eaeaea;
}
.book-list-2 .book-lst-header ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.item-b{
    height: 36px;
    position: relative;
    font-size: 12px;
    line-height: 36px;
    clear: both;
    border-bottom: 1px solid #eaeaea;
}
.item-b div{float: left; width: 25%; text-align: center;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
div.no-data{
    clear: both;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}
.item-b .media-name{
    width: 70%; text-align: left}
.item-b .meida-time{width: 20%;}
.item-b .media-type{width: 10%;}
.item-b .book-name{text-align: left; text-indent: 30px;}
.item-b .author,.item-b .pubdate{ text-align: center;}

.folder-item ul li{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #555;
    line-height: 35px;
    padding-left: 30px;
    cursor: pointer;

}

.folder-list { margin-bottom: 20px;}
.folder-list .list-header{ height: 36px;
    position: relative;
    font-size: 12px;
    vertical-align: middle;
    line-height: 36px;
}
.folder-list .list-header ul {
    height: 100%;
    color: #999999;
    border-bottom: 2px solid #eaeaea;
}
.folder-list .list-header li{float: left;}
.folder-list .list-header .title{width: 70%}
.folder-list .list-header .time{ width: 20%; text-align: center;}
.folder-list .list-header .type{ width: 10%; text-align: center;}


.qk-menu{width: 250px; line-height: 40px; text-indent:40px;}
.qk-menu .first_level{ background-color: #715a52; color: #e0bfb3; }
.qk-menu ul{background-color: #a48276; color: #fffefe;}
.qk-menu ul li{border-bottom: 1px solid #846c64;}
.qk-menu ul li.cur{background-color: #ee554a;}
.qk-menu ul li a{color: #fffefe; font-size: 14px;}


.qk-list .item-a{
    float: left;
    width: 120px;
    line-height: 200%;
    height: 280px;
    margin:0 10px 40px 10px;
}
.qk-list .item-a a img{
    width: 100%;
}
.qk-list .item-a a .title{
    height: 50px;
    color: black;
    font-size: 14px;
}

.qk-list .item-a .history{
     line-height: 180%;
}
.qk-list .item-a .history a{color: #ee554a;}
.qk-list .item-a-line{
    float: left;
    display: block;
    width: 1px;
    background-color: #ebebeb;
    height: 280px;
    margin: 0 28px;
}

.qk-info{ margin: 10px auto 0 20px; width: 500px;}
.qk-info .img{ width: 170px}
.qk-info .left .title{font-size: 16px; line-height: 200%;}
.qk-info .left .info{ line-height: 200%; margin-top: 20px; color: #aaaaaa;}

.qr-info-list { margin: 20px auto 20px 100px; line-height: 200%; font-size: 14px;}
.qr-info-list h3{ font-weight: normal;}

.qk-detail{ margin-top: 50px;}
.qk-detail .title{ text-align:center; font-weight:600; font-size: 20px;line-height:200%;}
.qk-detail .author{ text-align: right;}
.qk-detail .detail{ font-size: 14px; line-height: 180%;}
.qk-detail .back{text-align: center; margin-top: 20px; font-size: 16px; }
.qk-detail .back a{ color: red;}


.home_avg_3{ margin: 15px 0;}
.home_avg_3 .item{ width: 390px; float: left;  position: relative;}
.home_avg_3 .item_audio{ margin: 0 15px;}
.home_avg_3 ul li{ border-top:1px solid #f5f2f0; padding: 8px 10px 8px 6px;}

#divQkList{border: 1px solid #f5f2f0;}
.item-qk{ float: left; width: 99px; text-align: center; line-height: 120%; margin: 15px; height: 163px; overflow: hidden;}
.item-qk img{width: 100px; margin: 0;}
.item-qk .name{color: #969696 !important}


.search_list{ margin-top: 20px;}
.search_list .title{ font-size: 16px; border-bottom: 1px solid #ff2832; line-height: 30px;}
.search_list .title .search-word{ float: left; color:white; background-color:#ff2832; padding: 0 20px;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.search_list .title .tips{
    float: right;
    font-size: 12px;
}