﻿@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1279px) {
body{ padding-bottom:81px;}
.content{ width:auto; max-width:none; margin:0 10px;}
.ny_com{ padding:20px 0;}
.head_id{ margin-top:0;}
.head{ display:none;}
.head_id img{ width:100%;}
.top_bg{ height:65px;}
.top.hov{ top:0;}
.top .logo{ margin:0; float:none;}
.top .menu,.top .search{ display:none;}

.mobile_ico{ position:absolute; right:10px; top:15px; display:block;}
.mobile_ico .ico_search{ width:35px; height:35px; float:left; background:url(../images/address_map_ico_ss.png) center no-repeat; background-size:25px auto;}
.mobile_ico .ico_member{ width:35px; height:35px; float:left; background:url(../images/login_ico_hs.png) center no-repeat; background-size:25px auto;}
.mobile_ico .ico_cart{ width:40px; margin-right:10px; height:35px; float:left; background:url(../images/list_cart.png) left 1px no-repeat; position:relative;}
.mobile_ico .ico_cart s{ padding:0 5px; height:18px; line-height:18px; color:#333; font-size:12px; font-weight:bold; text-decoration:none; background:#fdbe00; border-radius:356px; -moz-border-radius:356px; border:1px solid #fff; position:absolute; right:0; top:0;}
.ico_lin{ width:30px; height:35px; float:left; position:relative; cursor:pointer;}
.ico_lin span{ width:100%; height:2px; background:#666; position:absolute; right:0; display:block; transition:all .3s linear 0s;}
.ico_lin .lin01{ top:8px;}
.ico_lin .lin02{ top:17px;}
.ico_lin .lin03{ top:27px; transition:all 0s linear 0s;}
.ico_lin.hov span{ background:#666;}
.ico_lin.hov{}
.ico_lin.hov .lin01{ -webkit-transform:rotate(224deg); transform:rotate(224deg); top:18px;}
.ico_lin.hov .lin02{ -webkit-transform:rotate(315deg); transform:rotate(315deg); top:18px;}
.ico_lin.hov .lin03{ display:none;}

.m_menu_bg.hov{ left:0;}
.m_menu_bg .com{ width:70%; background:#fff; position:relative;}
.m_menu_bg .menu_com{ overflow-y:scroll;}
.m_menu_bg .com .logo{ padding:10px; border-bottom:2px solid #eee; line-height:0; font-size:0;}
.m_menu_bg .com .logo img{ height:30px;}
.m_menu_bg .com span{ width:50px; height:50px; line-height:45px; font-size:45px; display:block; text-align:center; color:#fff; background:#5bab32; position:absolute; right:-52px; top:0; border-right:2px dotted #fff; border-bottom:2px dotted #fff;}
.m_menu_bg .com li a{ padding:0 10px; line-height:45px; font-size:16px; display:block; border-bottom:1px solid #eee; background:url(../images/m_menu_ico.jpg) right center no-repeat;}
.m_menu_bg .com .box{ padding:10px; overflow:hidden; background:#f3f8ea;}
.m_menu_bg .com .box a{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); font-size:16px; line-height:35px; margin:5px 5px 5px 0; float:left; display:block; text-align:center; background:#fff; border-radius:45px; -moz-border-radius:45px;}
body.hov{ overflow:hidden;}

.footer_menu{ width:100%; display:block; position:fixed; left:0; bottom:0; background:#fff; border-top:1px solid #eee; z-index:9;}
.footer_menu a{ width:20%; float:left; display:block; text-align:center;}
.footer_menu a span{ width:40px; height:33px; display:block; margin:5px auto 0; background:url(../images/footer_menu.png);}
.footer_menu a p{ font-size:14px; line-height:25px;}
.footer_menu a.footer_menu02 span{ background-position:-40px 0;}
.footer_menu a.footer_menu03 span{ background-position:-80px 0;}
.footer_menu a.footer_menu04 span{ background-position:-120px 0;}
.footer_menu a.footer_menu05 span{ background-position:-160px 0;}
.footer_menu a.footer_menu01.hov span,.footer_menu a.footer_menu01:hover span{ background-position:0px -32px;}
.footer_menu a.footer_menu02.hov span,.footer_menu a.footer_menu02:hover span{ background-position:-40px -32px;}
.footer_menu a.footer_menu03.hov span,.footer_menu a.footer_menu03:hover span{ background-position:-80px -32px;}
.footer_menu a.footer_menu04.hov span,.footer_menu a.footer_menu04:hover span{ background-position:-120px -32px;}
.footer_menu a.footer_menu05.hov span,.footer_menu a.footer_menu05:hover span{ background-position:-160px -32px;}
.footer_menu a.hov,.footer_menu a:hover{ color:#5bab32;}

.footer .div_r{ margin-left:20px;}
.div_act_bg{ position:static; margin-bottom:40px;}
.div_act{ padding:0;}
.div_act_title h1{ font-size:18px; line-height:24px;}
.div_act_bg.hov,.div_act_fd{ width:auto; position:fixed; left:0; bottom:0; top:inherit; border-radius:0; -moz-border-radius:0;}
.div_act_fd{ padding:10px; text-align:center;}
.div_act_fd p{ padding-bottom:5px;}
.div_act_com{ padding-bottom:30px;}
.award_search{ margin-top:-1px;}
.award_search .bnt{ float:none; margin-top:10px; text-align:right;}
.hotsell_book li{ width:-moz-calc(25% - 23px); width:-webkit-calc(25% - 23px); width:calc(25% - 23px); margin:45px 30px 0 0;}
.list_com_row li{ width:auto; float:none; margin:20px 0;}
.list_menu li{ margin:5px 5px 0 0;}
.download a{ margin-bottom:10px;}
.reading_content .com img{ width:100%;}
.member_box .mc_l,.member_box .mc_r{ width:auto; float:none;}
.member_box .mc_l{ margin-bottom:20px;}
.order_box2 ul{ padding-left:0;}
.order_box2 li{ width:20%;}
.bookcate_r,.bookcate_l{ width:auto; float:none;}

.bookcate_l{ border:0; padding:0; height:100px; overflow:hidden; position:relative;}
.bookcate_l dl{ float:left;}
.bookcate_l dl.hov{ border:0;}
.bookcate_l dd a,.bookcate_l dl:last-child dd a,.m_main_menu a{ float:left; display:block; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; line-height:35px; padding:0 20px; margin:0 2px;}
.bookcate_l dl.hov a,.bookcate_l a:hover,.m_main_menu a.hov,.m_main_menu a:hover{ color:#fff; border-color:#5bab32; background:#5bab32;}
.bookcate .bookcate_l{ display:none;}
.bookcate{ padding-top:10px;}
.bookcate_l_m{ display:block;}
.m_main_menu{ margin-top:20px;}
.m_sub_menu{ height:50px; padding-top:10px;}
.m_sub_menu a{ float:left; margin-right:15px; line-height:40px;}
.bookcate_l h3,.bookcate_l dd s{ display:none;}
.bookcate_l dl.hov dt{ display:block; position:absolute; left:0; top:50px; padding:0;}
.bookcate_l dl.hov dt a{ color:#333; background:none; border:0; float:left; margin-right:20px;}
.bookcate_l dl.hov dt a:hover,.m_sub_menu a.hov,.m_sub_menu a:hover{ color:#5bab32;}
.bookcate_l dl dt a.hov{ color:#5bab32;}
.bookcate_l .mCSB_container{ overflow:visible;}
.bookcate_l .mCSB_scrollTools .mCSB_draggerContainer{ top:-44px; height:15px;}

.bookcate_r_book{ margin-top:30px;}
.vip_banner img{ width:100%;}
.vip_menu a{ margin-right:0; padding:0 15px;}
.mc_menu{ width:auto; float:none; overflow:hidden; margin-bottom:40px;}
.mc_menu li{ width:25%;}
.fair_com{ padding-top:30px;}
.fair_com_r{ width:auto; float:none; margin-top:10px;}
.fair_com_r3 li{ width:-moz-calc(33.3% - 84px); width:-webkit-calc(33.3% - 84px); width:calc(33.3% - 84px);}
.event_bannner{ width:90%; padding:0; margin:0 auto;}
.event_com2 li{ width:50%; margin:0;}
.event_com2 .div_l{ width:80%;}
.event_com2 li.hov{ width:100%; margin-bottom:20px;}
.event_com2 li.hov .div_l{ width:20%;}
.event_com2 li.hov .div_r{ width:78%;}
.event_com9{ display:none;}
.event_com15 .text{ padding:20px 20px 40px;}
.index_com1{ padding:0 0 10px;}
.index_com1 .com{ position:relative; padding-top:20px;}
.index_com1 .com .bd li.hov,.index_com1 .com .bd li{ border:0; width:100%;}
.index_com1 .com .bd li .hot{ display:none;}
.index_com1 .com .bd li.hov .hot h3,.index_com1 .com .bd li .hot h3{ font-size:16px; color:#fff; padding:0 20px; line-height:40px; display:inline-block; border-radius:5px; -moz-border-radius:5px; background:#64a74d;}
.index_com1 .com .bd li.hov .text h4{ display:block;}
.index_com1 .com .bd li .hot p{ display:none;}
.index_com1 .com .bd li .pic,.index_com1 .com .bd li.hov .pic{ width:44%; padding:0 !important; float:left; height:auto;}
.index_com1 .com .bd li .text{ width:48%; padding:0 !important; float:right; margin-right:5%;}
.index_com1 .com .bd li .text h2{ margin-top:10px;}
.index_com1 .com .bd li .text h3{ display:block; margin:20px 0;}
.index_com1 .com .hd{ display:block; padding-bottom:10px; overflow:hidden;}
.index_com1 .com .hd li{ float:left; padding:0 20px; line-height:40px; margin-right:20px; position:relative;}
.index_com1 .com .hd li:after{ width:1px; height:20px; content:""; display:block; background:#ddd; position:absolute; right:-10px; top:10px;}
.index_com1 .com .hd li:last-child:after{ display:none;}
.index_com1 .com .hd li.on{ color:#fff; background:#64a74d; border-radius:5px; -moz-border-radius:5px;}
.index_com1 .com .hd .prev{ position:absolute; right:0; top:60%; z-index:9;}

.index_com3{ padding:0 0 20px;}
.index_com4{ padding-bottom:20px;}
.index_com4 dd,.index_com5 dd{ width:100%; float:none; margin-bottom:15px;}
.index_com4 dt,.index_com5 dt{ width:100%; float:none;}
.index_com5{ padding-bottom:20px;}
.index_com8 .com .div_l,.index_com8 .com .div_r{ width:auto; float:none;}
.index_com8 .com .div_r{ margin-top:10px;}
.bookcate2_com .bookcate_l{ margin-top:20px; display:none;}
.bookcate2_com .com_menu{ padding:0 0 40px;}
.com_menu .menu a{ padding:0 10px; font-size:15px;}
.com_menu .sort .sort_box{ font-size:12px; padding:0 28px 0 8px; background-size:22px auto; background-position:right 14px;}
.com_menu .sort{ margin:0 5px;}
.com_menu .arrange{ font-size:12px;}
.mc_menu_pc{ display:none;}
.mc_menu{ display:block;}
.pack_com2 .com .text{ width:-moz-calc(100% - 265px); width:-webkit-calc(100% - 265px); width:calc(100% - 265px);}
.bcbox .bookcate_r .list_com_row li{ margin:20px 0 40px;}
.vip_cart_box{ right:10px;}
.list_menu{ height:65px;}
.coupon{ padding:10px; margin:40px 5px;}
.coupon .title span{ right:-5px;}
.limit_com10_pc{ display:none;}
.limit_com10_m{ display:block; position:relative; margin:10px;}
.limit_com10_m span{ width:25px; height:25px; display:block; position:absolute; top:50%; margin-top:-15px;}
.limit_com10_m .next{ right:10px;}
.limit_com10_m .prev{ left:10px;}

.press_box{ display:block;}
.index_com1 .com{ display:none;}
.press_t{ height:45px; line-height:45px; position:relative; overflow:hidden;}
.press_t ul{ position:absolute;}
.press_t li{ width:85px; height:45px; font-size:15px; float:left; cursor:pointer;}
.press_t li span{ width:1px; height:15px; float:right; margin:16px 10px 0 0; display:block; background:#ddd;}
.press_t li.cur{ color:#4a8d34;}

.press_con{ position:relative; overflow:hidden;}
.press_con ul{ position:relative;}
.press_con li{ width:368px; float:left; border:1px solid #fff;}
.press_con li.hov{ border-color:#4a8d34;}
.press_con .hot{ margin-bottom:10px; line-height:40px; color:#fff; text-align:center; background:#4a8d34;}
.press_con .pic{ width:44%; float:left; overflow:hidden; font-size:0; line-height:0;}
.press_con .pic img{ width:auto; max-width:100%; max-height:100%;}
.press_con .text{ width:48%; padding-bottom:5px; float:right; margin-right:5%;}
.press_con .text h4{ font-size:14px; margin-bottom:5px; color:#4a8d34;}
.press_con .text h2{ font-size:15px; line-height:20px;}
.press_con .text h3{ font-size:14px; margin:10px 0; line-height:20px;}
.press_con .text p{ overflow:hidden;}
.press_con .text p s{ float:left; color:#999; line-height:26px;}
.press_con .text p span{ float:right; color:#db597d;}
.press_con .text p span b{ font-size:20px; margin:0 5px; font-weight:normal;}
.press_con .text p span em{ font-style:normal; color:#666;}

.press_jt{ height:1px; position:relative;}
.press_jt_r{ position:absolute; right:2px; top:-140px;}
.limit_com2{ padding-bottom:0;}
.limit_com2 .com .bd{ width:278px; margin:70px auto 0;}
.limit_com2 .com li{ width:246px; padding:20px 10px;}
.limit_com2 .com .hd{ display:block;}
}

@media screen and (max-width:1100px) {
.footer{ padding-top:100px; position:relative;}
.footer .div_r{ float:none; margin-left:60px;}
.footer .div_r .logo{ position:absolute; left:30px; top:30px;}
.footer .div_r .ico a{ display:inline-block; float:none;}
.footer .div_l{ float:none; margin-left:60px;}
.footer .div_l dl{ float:none; padding:0; margin:10px 0;}
.footer .div_l dl.hov{ padding-bottom:10px;}
.footer .div_l dd{ position:relative; cursor:pointer;}
.footer .div_l dd:after{ width:15px; height:15px; content:""; display:block; position:absolute; left:-30px; top:5px; background:url(../images/jiantou.png); background-size:100% auto; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.footer .div_l dt{ display:none;}
.footer .div_l dt a{ line-height:25px;}
.footer .div_l dl.hov dt{ display:block;}
.footer .div_l dl.hov dd:after{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}

.copyright{ font-size:12px; padding:15px 10px;}

.div_list li{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:30px 10px 0 0;}
.div_list li:nth-child(3n+0){ margin-right:10px;}
.div_list li:nth-child(2n+0){ margin-right:0;}
.award_search .text{ margin-top:5px;}
.com_menu .menu2{ margin-top:10px; float:none; text-align:right;}
.com_menu .menu2 a{ margin:0 5px 5px 0;}
.list_com li{ width:-moz-calc(33.3% - 20px); width:-webkit-calc(33.3% - 20px); width:calc(33.3% - 20px);}
.list_com li:nth-child(4n+0){ margin-right:20px;}
.list_com li:nth-child(3n+0){ margin-right:0;}
.list_com_row li,.list_com_row li:nth-child(4n+0){ width:auto; margin:20px 0;}
.list_com_row li .pic{ width:30%; margin:0;}
.list_com_row li .text{ width:-moz-calc(70% - 20px); width:-webkit-calc(70% - 20px); width:calc(70% - 20px); float:right;}
.list_com_row li .introduce{ display:none;}
.list_com_row li h3{ padding-bottom:0; margin-bottom:5px;}
.list_com_row li .author{ line-height:18px;}
.list_com_row li .bnt{ position:static;}
.digital_box .com li{ width:-moz-calc(33.3% - 14px); width:-webkit-calc(33.3% - 14px); width:calc(33.3% - 14px); margin:20px 20px 0 0;}
.digital_box .com li:nth-child(4n+0){ margin-right:20px;}
.digital_box .com li:nth-child(3n+0){ margin-right:0;}
.download2 .bnt{ float:none; text-align:right; margin-top:10px;}
.ny_title{ font-size:28px; line-height:50px;}
.hotsell_book{ width:auto;}
.hotsell_book li.hotsell_book1{ position:static; float:none; margin:0 auto;}
.reading1 .pic,.reading1 .text,.reading2 dd,.reading2 dt{ width:auto; float:none;}
.reading1 .text h3{ padding:20px 0 10px; font-size:20px;}
.reading2 dd{ margin-bottom:20px;}
.reading2 dt h3{ font-size:18px; padding:5px 0 10px;}
.reading_content .title h1{ padding:10px 0 20px; font-size:18px; line-height:24px;}
.reading_content .bnt{ padding:20px 0;}
.reading_commend .title{ font-size:24px; padding-top:20px; margin-bottom:0;}
.reading3 .title{ font-size:24px;}
.reading_commend{ padding-bottom:20px;}
.reading3{ margin-top:20px;}
.reading3 .com{ padding:20px 0 0;}
.paging{ padding:30px 0;}
.div_box_com .social_box{ padding:0;}
.div_box_com .social_box a{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:5px 5px 0 0;}
.my_table{ display:none;}
.mobile_com{ margin:20px 0 10px; display:block;}
.mobile_com li{ padding:10px; border:1px solid #ddd; position:relative; margin-top:-1px; position:relative;}
.mobile_com li dl{ overflow:hidden; padding:5px 0;}
.mobile_com li dd{ width:92px; float:left; text-align:right; color:#666;}
.mobile_com li dt{ width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:calc(100% - 100px); float:right;}
.mobile_com li dt .red{ color:#F00;}
.mobile_com li .cart_bnt{ margin-top:10px; padding:0 38px; display:inline-block; line-height:40px; color:#fff; background:#df5d5b; border-radius:5px; -moz-border-radius:5px;}
.mobile_com li .del{ position:absolute; right:10px; top:50%;}
.mobile_com li:nth-child(2n+0){ background:#fafff7;}
.mobile_com li .bnt_box{ text-align:center; position:absolute; right:10px; top:10px;}
.mobile_com li .bnt_box a{ display:block; margin-top:5px; padding:0 20px; line-height:35px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; background:#fff;}
.mobile_com li .bnt_box a:hover{ border-color:#5bab32; background:#5bab32; color:#fff;}
.cart_d11{ font-size:24px; margin-top:20px;}
.cart_d3{ padding:40px 0 0;}
.mobile_table{ display:block;}
.my_table tbody td .book{ padding-bottom:10px;}
.my_table dl{ overflow:hidden; padding:5px 0;}
.my_table dd{ width:100px; float:left; color:#666; text-align:right;}
.my_table dt{ float:left; text-indent:3em;}
.my_table dt .lv{ color:#1ba751;}
.my_table .bnt_box{ overflow:hidden; padding-top:10px;}
.my_table .bnt_box a{ margin-left:45px; float:left; color:#666;}
.my_table .bnt_box a img{ width:22px; float:left; margin-right:5px;}
.my_table .bnt_box a.bnt_cart{ color:#1ba751;}
.cart_d7{ padding:0 0 20px;}
.reading li{ width:auto; margin:0; float:none;}
.reading li:nth-child(2n+0){ background:#fafff7;}
.cart_d1 ul{ display:block;}
.cart_d1 li{ width:25%;}
.my_table tbody .mobile_com_r h4{ text-align:left; padding:0 20px; font-weight:bold; color:#333;}
.my_table tbody .mobile_com_r p{ padding:10px 20px 0; color:#666;}
.vip_com2{ padding:20px 10px;}
.vip_com3 .com li{ width:-moz-calc(25% - 34px); width:-webkit-calc(25% - 34px); width:calc(25% - 34px);}
.vip_com3 .com li:nth-child(5n+0){ margin-right:45px;}
.vip_com3 .com li:nth-child(4n+0){ margin-right:0;}
.vip_cart tbody td .calc a{ width:30px; height:30px; line-height:30px; font-size:14px;}
.vip_cart tbody td .calc .inputer{ width:20px;}
.vip_cart tbody td p{ padding:0 10px 0 0;}
.vip_cart thead tr th:nth-child(1){ width:45%;}
.vip_cart thead tr th:nth-child(3){ width:30%;}
.vip_cart_pc thead tr th{ width:10%;}
.vip_cart_pc thead tr th:nth-child(1){ width:40%;}
.vip_cart_pc thead tr th:nth-child(4){ width:20%;}
.pack_book .div_l{ width:60%; margin:0 auto; float:none;}
.pack_book .div_l .hd s.prev{ left:-40px;}
.pack_book .div_l .hd s.next{ right:-40px;}
.pack_book .div_r{ width:auto; float:none; margin:0;}
.pack_book .div_r .text{ padding-top:20px;}
.pack_book .pack_fd{ width:100%; background:#fff; position:fixed; bottom:0; top:inherit;}
.pack_book .pack_box{ padding:10px; border:0; border-top:1px solid #ddd; margin-bottom:10px;}
.pack_book .pack_box .bnt{ float:right;}
.pack_book .pack_box .bnt a{ width:140px; line-height:40px; text-indent:3em; margin-top:0; float:right; margin-left:5px; background-position:12% center !important;}
.pack_book .pack_share{ float:left; margin:-5px 0 5px 5px;}
.pack_book .pack_share a{ margin:0 0 0 5px;}
.pack_book .pack_share img{ width:30px;}
.pack_book .div_r h4{ margin-top:20px; font-size:12px;}
.pack_book .div_r h1,.pack_com2 .com .text h3{ font-size:18px; line-height:24px;}
.hotsell_book .hotsell_book1 .book_ranking{ left:50%; margin-left:-140px;}
.list_com_row_gx li{ padding-top:25px;}
.list_com_row li .check_box{ width:0; height:auto;}
.list_com_row li .check_box .gx{ left:0; top:-25px; margin:0;}
.bookcate_r_book .text{ width:-moz-calc(100% - 330px); width:-webkit-calc(100% - 330px); width:calc(100% - 330px);}
.fair_com_r1{ padding:20px 0;}
.fair_com_r1 .pic,.fair_com_r1 .text{ width:auto; float:none;}
.fair_com_r1 .pic{ margin-bottom:20px;}
.event_com1 .com li .pic,.event_com2 li.hov .div_l,.event_com4 .com li .pic{ width:40%; margin:0;}
.event_com1 .com li .text,.event_com2 li.hov .div_r,.event_com4 .com li .text{ width:57%; float:right;}
.event_bannner{ width:auto; padding:0 10px;}
.event_com3 p{ padding:30px 20px; line-height:24px;}
.event_com4 .com li .div_l{ width:100%; margin:10px 0 0;}
.event_com4 .com li .div_l p{ margin-bottom:10px; line-height:24px;}
.event_com5{ padding:0 0 20px;}
.event_com5 .pic{ float:none; margin:20px auto;}
.event_com5 .text{ width:auto; float:none;}
.event_com5 .text p{ margin-bottom:10px; line-height:24px;}
.event_com6 .text{ padding:30px 10px; line-height:24px;}
.event_com14_pc,.banner_pc{ display:none;}
.event_com14_m,.banner_m{ display:block; width:100%;}
.event_com14{ margin-bottom:50px;}
.event_com14 .hd ul{ bottom:-30px;}
.fair_menu{ border:0; padding-top:0; margin-top:0;}
.pack_title{ height:45px;}
.pack_title span{ line-height:45px; padding:0 5px; font-size:18px;}
.pack_book .div_r .book_act h4{ font-size:16px;}

.hotsell_book_row{ margin-top:30px;}
.hotsell_book_row li{ width:auto !important; float:none !important; padding:20px 0 0 !important; margin:0 0 10px !important; overflow:hidden;}
.hotsell_book_row li .pic{ width:30% !important; height:auto !important; float:left;}
.hotsell_book_row li .pic img{ width:200px;}
.hotsell_book_row li .text{width:-moz-calc(70% - 20px); width:-webkit-calc(70% - 20px); width:calc(70% - 20px) !important; float:right; text-align:left;}
.hotsell_book_row .book_ranking{ left:0; top:0;}
.hotsell_book_row .hotsell_book1 .book_ranking{ left:0; margin:0;}
.hotsell_book_row li .bookmark{ padding-top:5px;}
.hotsell_book_row li .author{ padding:20px 0 40px;}
.hotsell_book_row li .bookmark p{ height:auto;}
.hotsell_book_row li .bnt .bnt_cart{ width:200px;}
.hotsell_book_row li .bnt a{ background-position:45px 12px !important; text-indent:75px;}
.reading_commend p{ display:block;}
.bcbox .bookcate_r .list_com_row li .text{ width:-moz-calc(100% - 220px); width:-webkit-calc(100% - 220px); width:calc(100% - 220px); margin:0; float:right;}
.limit_com5{ background:#c7d3af;}
.limit_com5 .com .bd li .pic{ margin-bottom:10px;}


}
@media screen and (max-width:870px) {
.ny_com{ width:auto; margin:0 10px;}
.post_com_bg{ width:-moz-calc(100% - 55px); width:-webkit-calc(100% - 55px); width:calc(100% - 55px);}
.post_menu{ width:auto;}
.post_menu .com{ top:37px; right:10px;}
.post_menu_bg.hov{ top:50px;}
.order_box2 ul{ height:70px;}
.order_box2 li{ height:65px;}
.order_box2 li p{ width:94%; left:4%; margin:0; line-height:40px;}
.order_box2 li p:after{ left:50%; margin-left:2px;}
.event_com1 .com{ padding-top:20px;}
.event_com1 .com li{ width:auto; float:none; margin-top:20px; overflow:hidden;}
.hotsell_book_list_row .book_ranking{ left:0;}
.ny_banner{ display:none;}
.ny_banner_mobile{ display:block; line-height:0; font-size:0;}
.ny_banner_mobile img{ width:100%;}
}

@media screen and (max-width:640px) {
.position{ padding:20px 0 15px;}
.div_list li .bnt{ width:80%;}
.actdiv .box a{ margin-right:10px;}
.award_search .text{ min-width:inherit; width:-moz-calc(100% - 12px); width:-webkit-calc(100% - 12px); width:calc(100% - 12px);}
.list_com li,.bookcate_r .list_com li{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin-right:10px;}
.list_com li:nth-child(3n+0){ margin-right:10px;}
.list_com li:nth-child(2n+0),.bookcate_r .list_com li:nth-child(2n+0){ margin-right:0;}
.list_com li .pic{ width:auto;}
.list_com_row li{ width:auto; float:none; margin:10px 0;}
.list_com_row li .pic{ width:41%;}
.list_com_row li .pic img{ width:100%;}
.list_com_row li .text{ width:-moz-calc(60% - 17px); width:-webkit-calc(60% - 17px); width:calc(60% - 17px); float:right;}
.digital_box .com li{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:10px 10px 0 0;}
.digital_box .com li:nth-child(3n+0){ margin-right:10px;}
.digital_box .com li:nth-child(2n+0){ margin-right:0px;}
.reading3 .com li{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:10px 10px 0 0;}
.reading3 .com li:nth-child(3n+0){ margin-right:10px;}
.reading3 .com li:nth-child(2n+0){ margin-right:0px;}
.reading_content .book img{ width:50%;}
.div_box_title{ margin-top:10px;}
.div_box_com .select1 .xl{ min-width:90px;}
.div_box_com .select2 .xl{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin-bottom:5px;}
.div_box_com .box .div_r.select1 .text{ font-size:12px;}
.div_box_com .box .div_r.select2 .text{ width:-moz-calc(50% - 27px); width:-webkit-calc(50% - 27px); width:calc(50% - 27px); margin-top:0;}
.div_box_com .box .div_r.sr .xl{ min-width:inherit; width:-moz-calc(33.3% - 5px); width:-webkit-calc(33.3% - 5px); width:calc(33.3% - 5px); margin-top:0;}
.com_menu2_bg .com_menu{ top:-45px;}
.cart_d1 li p{ line-height:20px; height:35px;}
.cart_d4 .com h3{ font-size:16px;}
.cart_d7{ font-size:12px;}
.cart_d7 h3{ font-size:14px;}
.cart_d7 .bnt a{ padding:0 15px; font-size:14px;margin-bottom:10px;}
.cart_d8 .title{ font-size:14px;}
.cart_d8 .bd{ margin:0;}
.cart_d8 .bd li{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:0 5px;}
.vip_com3{ padding:0;}
.vip_com3 .com li{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px); margin:0 0 20px 0;}
.vip_com3 .com li:nth-child(2n+0){ margin-left:10px;}
.vip_com3 .com li .pic{ padding-bottom:10px;}
.hotsell_book li.hotsell_book2,.hotsell_book li.hotsell_book3{ width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px); margin:30px 10px 0;}
.hotsell_book li.hotsell_book2 .pic,.hotsell_book li.hotsell_book3 .pic{ height:auto;}
.hotsell_book .book_ranking{ left:-10px;}
.vip_com3 .com li:nth-child(5n+0){ margin-right:0;}
.mc_menu{ margin-bottom:20px;}
.mc_r5 h1{ line-height:50px; font-size:28px;}
.fair_top .logo img{ height:36px;}
.fair_top .search{ width:40%; margin:5px 10px 0 0;}
.fair_top .search .text{ width:-moz-calc(100% - 35px); width:-webkit-calc(100% - 35px); width:calc(100% - 35px); font-size:14px;}
.fair_top .cart{ margin-top:0;}
.fair_banner{ padding-bottom:30px;}
.fair_com_r3{ padding-top:20px;}
.fair_com_r3 li{ width:-moz-calc(25% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:10px 10px 0 0;}
.fair_com_r3 li:nth-child(2n+0){ margin-right:0;}
.fair_com_r3 li:nth-child(3n+0){ display:none;}
.fair_com_r3 .pic{ height:270px; margin-bottom:10px;}
.fair_com_r3 .pic img{ width:200px;}
.fair_com_r3 .text .bnt a{ width:30%;}
.fair_com_r3 .text .bnt a.bnt_cart{ width:50%;}
.event_com1 .title{ margin-top:10px;}
.event_bannner_bg{ padding:20px 0;}
.event_bannner h3,.event_bannner p{ font-size:12px; line-height:18px;}
.event_bannner h2{ padding:15px 0; line-height:25px; font-size:20px;}
.event_bannner .text{ padding:20px 0;}
.event_bannner .bnt_cart{ width:180px; text-indent:32px; line-height:45px; font-size:18px; background-size:20px auto;}
.event_com1 .hd{ position:absolute; right:10px; top:50%; display:block;}
.event_com8_js{ position:relative;}
.event_com8_js .tempWrap{ margin:0 auto; overflow:visible !important;}
.event_com8_js .bd li{ margin:0 40px}
.event_com8_js .hd span{ position:absolute; bottom:80px;}
.event_com8_js .hd span.next{ right:15%;}
.event_com8_js .hd span.prev{ left:15%;}
.event_com11{ display:none;}
.event_com11_js{ display:block; position:relative;}
.event_com11_js .com li{ width:100%; margin:0;}
.event_com11_js .hd span{ width:30px; height:30px; position:absolute; top:50%; right:10px;}
.event_com11_js .hd span img{ width:100%;}
.event_com11_js .hd span.prev{ left:inherit; left:10px;}
.index_com2 .box2,.index_com2 .box3,.index_com2 .box .text span,.index_com2 .box .text p,.index_com2 .box .text .bnt_detail,.index_com2 .box .text em,.index_com2 .box .text .bnt_share{ display:none;}
.index_com2 .box .text h3 a{ height:44px; line-height:22px; font-size:15px;}
.index_com9 .com_js .bd{ margin-left:0; padding:0 10px;}
.index_com9 .com_js .bd li{ width:-moz-calc(100% - 70px); width:-webkit-calc(100% - 70px); width:calc(100% - 70px); margin:0;}
.index_com9 .com_js .hd span{ z-index:1;}
.index_com10 .com_js{ width:auto; margin:0;}
.index_com10 .com_js .bd li{ width:100%;}
.index_com10 .com{ padding:0;}
.index_com11{ padding:20px 0 30px;}
.index_com11 .index_title{ width:auto;}
.index_com11 p{ width:auto; padding:20px 10px;}
.index_com11 .box{ width:80%;}
.index_com11 .box .text{ width:69%;}
.index_com11 .box .bnt{ width:30%;}
.reading_content2 p{ display:none;}
.reading_content2 dt h3{ padding-bottom:0;}
.div_box_com .box .form_col .text{ width:85%;}
.div_box_com .note1 label{ padding-left:28px;}
.div_box_com .login_box .bnt{ margin-top:20px;}
.event_com2 li.hov .div_l .pic{ height:auto;}
.event_com8 .hd{ display:block;}
.event_com8 li .pic{ height:440px;}

.hotsell_book_row .book_ranking{ left:0;}
.hotsell_book_row li .pic{ width:40% !important; height:auto;}
.hotsell_book_row li .pic img{ width:100%;}
.hotsell_book_row li .text{ width:-moz-calc(60% - 15px); width:-webkit-calc(60% - 15px); width:calc(60% - 15px) !important;}
.hotsell_book_list_row{ padding:0 0 40px;}
.hotsell_book_list_row li .pic{ width:40% !important; height:auto;}
.hotsell_book_list_row li .text{ width:-moz-calc(60% - 15px); width:-webkit-calc(60% - 15px); width:calc(60% - 15px);}
.hotsell_book_list_row .m_p{ display:none;}
.hotsell_book_list_row li .bottom .cart{ display:block;}
.hotsell_book_list_row li:nth-child(3n+0){ margin-right:0;}
.hotsell_book_list_row li .bottom{ padding-top:30px;}
.search_div br{ display:block;}
.search_menu .com_menu{ top:18px;}
.main_books .div_l{ width:41%;}
.main_books .div_l img{ width:100%; height:auto;}
.main_books .div_r{ width:-moz-calc(60% - 15px); width:-webkit-calc(60% - 15px); width:calc(60% - 15px); float:right; padding-top:0;}
.main_books .div_r h3{ font-size:15px; line-height:18px;}
.main_books .div_r h3 a{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.main_books .div_r .bottom{ padding-top:0;}
.main_books .div_r .text{ margin-bottom:20px;}
.main_books .div_r .text span{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.main_books .div_r .cart{ margin-left:5px; padding:0 12px; background-position:12px center;}
.cart_d8 .bd li .pic{ min-height:300px;}
.index_com1 .com .bd li .text p span{ float:none; margin-left:10px;}
.event_com15 .text h3,.fair_com_r1 .text h3{ font-size:18px; line-height:24px;}
.event_com11_js{ margin-bottom:0; padding-bottom:50px;}
.event_com11_js .hd ul{ width:100%; text-align:center; position:absolute; left:0; bottom:20px;}
.event_com11_js .hd li{ width:12px; height:12px; margin:0 2px; display:inline-block; text-indent:20px; background:#d8d8d8; overflow:hidden; border-radius:365px; -moz-border-radius:365px;}
.event_com11_js .hd li.on{ background:#65a74f;}
.list_com li .bottom{ padding-top:2px; line-height:30px;}
.list_com_row li .bnt a,.hotsell_book_row li .bnt .bnt_cart{ width:160px; margin-top:5px; line-height:35px; text-indent:65px; background-position:30px center !important;}
.list_com li .bottom .cart_hov,.list_com li .bottom .cart{ width:35px; height:30px; background-size:auto 100%; margin-right:10px;}
.download{ padding:20px 0;}
.download a{ margin-right:10px; padding-right:20px; background-size:15px auto;}
.vip_titl,.vip_com2 h3{ font-size:18px;}
.vip_tip{ padding:20px 0 10px;}
.reading_content3 .com li p{ line-height:45px;}
.order_box2{ margin:0 0 20px 0;}
.order_box1{ padding:20px 0;}
.cart_d9{ padding:20px 0 30px;}
.cart_d12{ padding:0 0 20px; margin-bottom:20px;}
.div_box_title span{ padding:0 15px; line-height:35px;}
.cart_d1 ul{ padding-top:40px;}
.cart_d3{ padding:0;}
.cart_d4{ margin-bottom:30px;}
.limit_com2{ margin:0;}
.limit_com1 p{ font-size:14px;}
.limit_title{ height:35px; margin-bottom:20px;}
.limit_title .title_com{ padding:10px 20px; line-height:40px;}
.limit_title .title_com h3{ font-size:18px; float:none; margin-bottom:10px;}
.limit_com2 .limit_title .countdown{ float:none; margin:0;}
.limit_com2 .limit_title .countdown b{ font-size:16px;}
.limit_com2 .limit_title .countdown i{ font-size:12px;}
.limit_com2 .limit_title .countdown span{ font-size:18px;}
.limit_com2 .com li{ margin-bottom:20px;}
.limit_com2 .com li em{ padding-bottom:0;}
.limit_com2 .com li .pic{ height:190px;}
.limit_com2 .com li .pic img{ max-width:70%;}
.limit_com3 .com .bd li .text h2{ font-size:16px; line-height:22px; margin-bottom:20px;}
.limit_com3 .com .bd li .text h3{ font-size:14px;}
.limit_com3 .com .bd li .text p{ font-size:14px; padding:0;}
.limit_com4 .com{ margin:40px 60px 30px;}
.limit_com5{ margin-top:30px;}
.limit_com5 .com{ margin:40px 0 0;}
.limit_com5 .com .bd li{ width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px); margin:0 10px 20px;}
.limit_com5 .com .bd li h4{ margin-bottom:20px;}
.limit_com5 .com .bd li .pic{ height:190px;}
.limit_com6{ margin-top:20px;}
.limit_com6 img{ width:100%;}
.limit_com7 li{ width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px); margin:0 10px;}
.limit_com7 .com{ margin-top:35px;}

.cart_d3 .title{ margin-top:30px;}
.div_list li p{ height:36px; font-size:14px; line-height:18px;}
.index_com2 .div_l_row .box .text h3 a{ height:auto;}
.index_com2 .div_l_row .box .text span{ display:block; padding-top:10px;}
.index_com2 .div_l_row .box .text p{ display:block;}
.index_com2 .div_l_row .box .text .bnt_detail{ display:inline-block;}
.index_com2 .div_l_row .box .text .bnt_detail,.index_title .bnt_more{ background-size:15px auto;}

.my_table thead th .bnt1{ background-size:25px auto; padding-left:25px;}
.my_table thead th .bnt2{ background-size:13px auto; padding-left:17px;}
.middle .text{ line-height:24px;}
.middle .form_box .box .select1 .xl,.middle .form_box .box .input{ font-size:12px;}
.main_books .div_l img{ max-width:100%;}
.pack_com4 .bd li{ width:195px;}
.pack_book .pack_box .bnt a{ width:auto; padding:0 15px 0 40px; text-indent:0;}

input,textarea,select{ font-size:15px !important;}
body,.index_com1 .com .bd li .text h2,.index_com1 .com .bd li .text h3,.index_com8 .com .div_l a,.index_com2 .box .text p,.index_com2 .box .text .bnt_share,.index_com2 .box .text .bnt_detail,.index_title .bnt_more,.list_com li h3,.pack_com4 .bd li .text h3 a,.event_com2 li h3,.event_com1 .com li h3,.limit_com1 p,.limit_com2 .com li p,.limit_com4 .com .bd li h3,.limit_com7 li h3,.cart_d8 .bd li .text h3,.cart_d7,.vip_com3 .com .text h3{ line-height:22px !important; font-size:15px !important;}
.index_com8 .com .div_r li,.index_com9 .com_js .bd li p{ font-size:15px !important;}
.index_title .bnt_more{margin-top: 30px;font-size: 10px !important;}


.cart_d7 .bnt a{ font-size:12px;}
.digital .title h1{ font-size:18px; line-height:20px;}
.m_sub_menu{ padding:0;}
.m_sub_menu .mCSB_scrollTools .mCSB_draggerRail{ background:#fff !important;}
.m_sub_menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ display:none;}
.com_menu .arrange p{ display:none;}
.download2 .bnt_mb .bnt_export,.download2 .bnt_mb .bnt_search{ width:49%;}
.award_search .hang{ overflow:hidden; margin-top:5px;}
.cart_d13{ width:auto;}
.award_search .sort_box{ width:46%;}
.award_search .sort_box_sb{ width:100%;}
.award_search .sort_box_sb:nth-child(1){ margin-bottom:5px;}
.div_box_com .box .div_r.email .bnt_yz{ margin-top:5px;}
.download p{ float:none;}
.download2 .sort_box.sort_box_w{ width:50%; float:left; margin-bottom:10px;}
.download2 .sort_box.sort_box_w2{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px);width:calc(50% - 5px); float:left; margin-bottom:10px; margin-right:0;}
.middle .form_box h3{ font-size:16px;}
.mc_r2 h3{ padding-bottom:20px;}
}

@media screen and (max-width:560px) {
.top .logo{ text-align:left;}
.top .logo img{ height:25px; margin-top:3px;}
.div_box_com .form1_box .box .bnt a{ width:45%; background-position:10px center !important; background-size:18px auto !important;}  
.div_box_com .box .div_l{ width:116px;}
.div_box_com .box .div_r{ width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px);width:calc(100% - 120px);} 
.div_bm h1{ padding:0 0 15px; font-size:18px; line-height:24px;}
.div_box_com .box .div_r .text{ width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:calc(100% - 22px); margin:5px 0 0; font-size:12px;}
.div_box_com .login_box .vdcode .text{ width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:calc(100% - 100px);}
.div_box_com .box .form_col .text3{ width:88px;}
.div_box_com .box .form_col .img{ margin-top:5px;}
.div_box_com .login_box{ width:auto;}
.event_com1{ padding-bottom:40px;}
.event_com2{ padding-top:50px;}
.event_com8 li .pic{ height:380px;}
.event_com2 li .pic{ height:210px;}
.event_com4 .com li .bottom,.event_com1 .com li .bottom{ padding-top:20px;}
.event_com8 li .pic{ height:300px;}
.index_title span{ font-size:18px; text-indent:0;}
.index_com6 .com_js{ width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:calc(100% - 100px);} 
.index_com6 .com_js .hd{ display:none;}
.index_com6 .com_js .bd{ width:auto;}
.index_com6 .com_js .bd li{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px); margin:0 5px;}
.index_com6 .com_js .bd .pic{ height:auto;}
.index_com6 .com_js .bd .text p s{ font-size:12px;}
.index_com6 .com_js .bd .text p span{ font-size:12px;}
.index_com6 .com_js .bd .text p span b{ margin:0 2px; font-size:18px;}
.index_com6 .title{ width:auto; height:auto; padding:0 10px 10px; background:#d8df1f; border-radius:0 45px 0 0; -moz-border-radius:0 45px 0 0;}
.index_com6 .title h3{ width:30px; margin:0 auto; line-height:55px; padding:50px 0;}
.index_com6 .title a{ padding:0 30px 0 10px; background-position:55px center;}
.index_com6 .com2{ padding:20px 0 40px;}
.index_com6 .com2 .title{ background:#45bdce;}
.index_com6 .com2 .title h3{ line-height:35px; padding:30px 0;}
.index_com7 .com_js .bd li{ width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:calc(50% - 30px); padding:45px 10px 20px;}
.index_com7 .com_js .bd .hot{ width:105px; line-height:60px; font-size:24px;}
.index_com10 .com_js .bd li{ width:auto; margin:0;}
.index_com7 .com_js .hd,.index_com10 .com_js .hd{ display:block;}
.index_com1 .com .hd li{ font-size:12px; padding:0 10px; margin-right:10px;}
.index_com1 .com .hd li:after{ right:-5px;}
.bcbox .bookcate_r .list_com_row li .pic,.list_com_row li .pic,.hotsell_book_row li .pic{ width:40% !important;}
.bcbox .bookcate_r .list_com_row li .text,.list_com_row li .text,.hotsell_book_row li .text{ width:55% !important;height:auto;}
.pack_com4 .bd li .pic img,.list_com .pic img,.vip_com3 .pic img,.fair_com_r3 .pic img{ max-width:70%;}
.hotsell_book li.hotsell_book1 .pic img{ max-width:100%;}
.hotsell_book_row .pic img{ max-width:100%;}
.list_com li .pic,.vip_com3 .com .pic,.fair_com_r3 .pic,.bookcate_r .list_com li .pic{ height:190px;}
.hotsell_book_list_row .list_com li .pic{ height:200px;}
.hotsell_book_list_row .pic img{ max-width:80%;}
.hotsell_book_list_row .author{ margin-bottom:40px;}
.bookcate_r .list_com li .pic{ width:auto;}
.long_list_r .pic img{ max-width:100%;}
.list_com_row .pic img{ max-width:100%;}
.vip_cart_pc{ display:none;}
.vip_cart_m{ display:block; border-top:1px solid #cde6c1;}
.vip_cart_m h3{ text-align:left; font-size:14px; padding-bottom:5px;}
.vip_cart_m span{ width:50px; float:left; margin-right:10px; text-align:right; display:inline-block;}
.vip_cart_m .box{ overflow:hidden; line-height:32px;}
.vip_cart_m .box .calc{ float:left;}
.vip_cart_m tbody td{ padding:10px 0;}
}


@media screen and (max-width:430px) {
.actdiv ul{ margin-left:-5px; padding:20px 0 10px;}
.actdiv li{ margin:5px;}

.pack_book{ padding:20px 0;}
.pack_com2{ padding-top:20px;}
.pack_com2 .com,.pack_com3 .com{ padding:20px 10px;}
.pack_com2 .com .pic{ width:40%;}
.pack_com2 .com .text{ width:55%;}
.pack_com2 .com .text h3{ padding:20px 0 0;}
.pack_com3 .com img{ width:100%;}
.b_more_box{ margin-bottom:0;}
.pack_com4 .com{ margin:30px 0;}
.pack_com4 .hd span img{ width:30px;}
.pack_com4 .bd{ margin-left:0px;}
.pack_com4 .bd li{ margin:0 5px;}
.bcbox .list_com{ margin:0;}
.bcbox .list_com li{ margin-right:10px;}
.bcbox .list_com li .pic img{ width:100%;}
.pack_book .div_r .book_act h4{ margin-top:0;}
.fair_menu a{ padding:0 20px; margin:3px 1px;}
.my_table tbody td .book .text{ width:-moz-calc(100% - 85px); width:-webkit-calc(100% - 85px); width:calc(100% - 85px);}
.my_table tbody td .book .text h3{ font-size:14px; line-height:20px; padding-bottom:5px;}
.my_table tbody td .book .text p{ font-size:12px; line-height:18px;}
.my_table tbody td .book .pic img{ width:75px;}
.my_table dd{ width:80px;}
.my_table dt{ text-indent:1em;}
.my_table .bnt_box a{ margin-left:20px;}
.my_table .bnt_box a.bnt3.hov{ color:#1ba751;}
.cart_d4 .text{ width:35%;}
.cart_d4 .bnt{ width:20%;}
.vip_js{ padding:20px 0;}
.vip_js span{ margin-right:5px;}
.vip_js a{ width:auto; padding:0 10px; margin:0 0 5px 0;}
.list_com_row li{ position:relative; height:auto; margin-bottom:20px;}
.list_com_row li .pic{ height:auto;}
.list_com_row li .bookmark{ padding:0 0 5px;}
.list_com_row li .author{ font-size:12px;}
.list_com_row li .author p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_com_row li h3{ font-size:16px;}

.long_list_r li{ padding-bottom:20px;}

.hotsell_book li.hotsell_book1{ width:55%;}
.hotsell_book li.hotsell_book1 .pic{ height:auto;}
.hotsell_book li .book_ranking{ width:55px; height:55px; overflow:hidden; line-height:58px; font-size:30px; background-size:100% auto !important;}
.list_com li{ margin-top:20px;}
.bookcate_r_book .pic{ width:35%;}
.bookcate_r_book .pic a{ padding:5px;}
.bookcate_r_book .pic img{ width:100%; height:auto;}
.bookcate_r_book .text{ width:60%;}
.bookcate_r_book .bookmark{ padding:0 0 5px;}
.bookcate_r_book h3{ font-size:15px; line-height:20px; margin-top:10px;}
.bookcate_r_book .introduce{ margin-bottom:10px;}
.bookcate_r_book .bottom .cart{ font-size:12px; padding:0 10px; margin-left:10px; background-position:10px center;}
.bookcate_r_book .bookmark p{ height:auto;}
.bookcate_r_book h3{ margin-bottom:10px;}
.bookcate_r_book .bottom{ padding-top:10px;}
.event_com1{ padding-bottom:30px;}
.event_com1 .com li .bookmark p{ padding-top:0; font-size:12px;}
.event_com1 .com li .suitable{ font-size:12px;}
.event_com2{ padding:30px 0;}
.event_com2 li.hov{ margin-bottom:20px;}
.event_com2 li.hov .div_l{ width:40%;}
.event_com2 li.hov .div_r{ width:56%;}
.event_com2 .div_l{ width:90%;}
.event_com4 .com li .div_l p{ line-height:25px;}
.event_com4 .com li .pic{ width:44%;}
.event_com4 .com li .text{ width:56%;}
.event_com10 .text{ font-size:14px; line-height:20px; padding:10px 0 20px;}
.index_com1 .com .bd li{ width:100%;}
.index_com7 .com{ padding:20px 0;}
.index_com7 .com_js{ width:auto;}
.index_com8{ padding-top:20px;}
.index_com8 .com .div_l a{ font-size:14px; line-height:18px;}
.index_com8 .com .div_r li{ display:none; height:auto; background:url(../images/prev_h.jpg) left center no-repeat; background-size:20px auto;}
.index_com8 .com .div_r li:nth-child(1),.index_com8 .com .div_r li:nth-child(2){ display:block;}
.index_com10 .com_js{ width:auto;}
.index_com10 .com_js .hd{ float:none;}
.index_com10 .com_js .bd{ width:auto; margin:0 45px; float:none;}
.div_box_com .note .bnt a{ width:45%;}
.event_com2 li .pic{ height:220px;}
.event_com8 li .pic{ height:280px; margin-bottom:10px;}
.bookcate2_com .com_menu{ padding:0;}
.hotsell_book_row li .author{ padding:0;}
.search_div .cart{ width:auto; padding:0 10px; margin-left:5px;}
.cart_d8 .bd li .pic{ min-height:inherit; height:180px;}
.cart_d8 .bd li .bnt .cart_bnt{ width:auto; padding:0 12px;}
.index_com2 .index_title:after{ width:70px;}
.index_com6 .title a{ padding-right:25px; font-size:12px; background-size:auto 14px; background-position:50px center;}
.index_com6 .title h3{ padding:39px 0;}
.index_com6 .com2 .title h3{ padding:16px 0;}
.index_com6 .com_js .bd .pic{ height:196px;}
.actdiv li a{ padding:0 20px;}
.digital .com_js{ width:auto; margin:0 auto;}
.digital .com_js .bd li{ width:auto;}
.index_com10 .com_js .bd li .bnt{ width:auto; padding:0 20px;}
.index_com6.digital .com_js .bd .pic{ height:auto;}
.bookcate_r_book{ padding-bottom:20px; margin-bottom:10px;}
.login_com .div_box_com .box .div_l{ display:none;}
.login_com .div_box_com .box .div_r{ width:60%; margin:0 auto; float:none;}
.login_com .div_box_com .login_box .bnt{ width:auto;}
.index_com7 .index_title:after{ margin-left:-58px;}
.download2 .bnt .bnt_search,.download2 .bnt .bnt_export,.award_search .bnt .bnt_search,.award_search .bnt .bnt_export{ width:49%; padding:0;}

}

@media screen and (max-width:414px) {
.pack_com4 .bd li{ width:188px;}
.main_books .div_r .cart{ padding:0 5px; background-position:5px center; text-indent:25px;}
.main_books .div_r .bottom s{ margin-left:5px;}
.list_com li .bookmark{ padding:5px 0;}
.limit_com7 li .pic a{ height:260px;}
}
@media screen and (max-width:400px) {
.list_com li .pic{ height:165px;}
.m_menu_bg .com span{ width:52px; height:52px; line-height:45px; right:-54px; font-size:35px;}
.div_box_com .form1_box .box .bnt a{ background-size:15px auto !important;}
.my_table .bnt_box a{ margin-left:12px;}
.my_table dd{ width:68px;}
.my_table dt{ text-indent:1em;}
.event_com2 li .pic{ height:200px;}
.event_com8 li .pic{ height:250px;}
.index_com6 .title h3{ padding:30px 0;}
.index_com6 .com2 .title h3{ line-height:30px; padding:25px 0;}
.list_com_row li .bnt a{ width:auto;}
.index_com1 .com .hd li{ padding:0 5px;}
.index_com6 .com_js .bd .pic{ height:180px;}
.my_table thead th .bnt1{ margin-right:7px;}
.div_list li .box label{ display:block; margin-left:33px; line-height:15px;}
.pack_com4 .bd li{ width:175px;}
.index_title span{ letter-spacing:5px;}
.limit_com7 li .pic a{ height:215px;}
.limit_com2 .limit_title .countdown span{ font-size:16px;}
}
@media screen and (max-width:375px) {
.pack_com4 .bd li{ width:170px;}
.index_com6 .title{ padding:0 5px 10px 5px;}
.index_com6 .com_js{width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 100px);width: calc(100% - 90px);} 
.index_com6 .com_js .bd li{ margin:0 5px 0 0;}
.index_com7 .index_com6 .com_js{ width:auto;}
.index_com7 .index_com6 .com_js .bd li{ margin:0 5px;}
.digital .com_js{ width:auto; margin:0 auto;}
.index_com6 .com_js .bd .text p{ letter-spacing:0;}
.main_books .div_l{ width:38%;}
.main_books .div_r{ width:-moz-calc(65% - 15px); width:-webkit-calc(65% - 15px); width:calc(65% - 15px);}


}
@media screen and (max-width:320px) {
.pack_com4 .bd li{ width:142px;}
.content{ margin:0 5px;}
.index_com1 .com .hd li:after{ right:-1px;}
.index_com1 .com .hd li{ margin:0; padding:0 6px;}
.index_com6 .com_js .bd li{ width:auto;}
.index_com6 .title h3{ line-height:50px;}
.index_com6 .com2 .title h3{ padding:14px 0;}
.index_com9 .com_js .hd{ float:none;}
.index_com9 .com_js .bd{ float:none; margin:0 auto; width:158px;}
.index_com10{ padding-bottom:10px;}
.index_com10 .com_js .bd li .bnt{ padding:0 5px;}
.index_com10 .com_js .bd .text p span{ margin-left:5px;}
.main_books .div_l{ width:33%;}
.main_books .div_r{ width:-moz-calc(70% - 15px); width:-webkit-calc(70% - 15px); width:calc(70% - 15px);}
.main_books .div_r .bottom{ line-height:35px;}
}
