html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
body{background:#f6f6f1;font:14px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;outline:0;}
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.clearfix:after {
clear: both;
content: '';
display: block;
}
a {
outline: 0;
color: #985d3e;
text-decoration: none
}
a:hover {
text-decoration: none
}
img {
width: auto;
height: auto;
max-width: 100%;
}
.m-doc {
margin: 0 auto;
position: relative;
background: transparent;
}
.m-hd {
width: 100%;
overflow: hidden;
position: relative;
background-color: #00bb9c;
height:60px;
}
.m-header {
padding: 0 15px;
margin: 0 auto;
width: 808px;
}
.m-logo {
float: none;
display: inline-block;
margin: 10px 0 10px;
width: auto;
height: 41px;
padding: 0px 40px;
background: url(../images/logo.png) 0px 4px no-repeat;
background-size: 32px 32px;
}
.m-logo a{
font-size: 26px;
line-height: 41px;
color: #fff;
}
.m-nav{
margin-bottom: 0;
margin-right: 0;
float: right;
}
.m-nav ul{
margin-top: 10px;
margin-right: -15px;
}
.m-nav li {
line-height: 40px;
float: left;
}
.m-nav .hr-xs {
display: none;
}
.m-nav li a {
white-space: nowrap;
margin: 15px 10px;
padding: 6px;
color: #fff!important;
display: inline;
font-size: 16px;
}
.m-snav {
background: #fff;
height: 40px;
line-height: 40px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
overflow: hidden;
}
.m-path{
margin: 0 auto;
padding-left: 0px;
width: 808px;
color: #555;
font-size: 15px;
}
.m-path span{
float:left;
}
.m-path li {
float: left;
word-wrap: normal;
white-space: nowrap;
}
.m-path li+li:before {
content: '\3E';
display: inline-block;
width: 20px;
text-align: center;
font-size: 12px;
color: #ccc;
font-family: \5b8b\4f53;
}
.bdsharebuttonbox {
float: right;
margin-right: 10px;
}
.m-bd {
margin: 15px auto;
padding: 0 40px;
width: 728px;
background: #f6f4ec;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
/*home*/
.m-hbd {
margin: 15px auto;
width: 808px;
}
.m-tab{
width: 100%;
position: relative;
overflow: hidden;
padding: 0;
border-bottom: 1px solid #ddd;
display: -webkit-flex;
height: 44px;
font-size: 14px;
white-space: nowrap;
background-color: #fff;
-webkit-align-content: flex-start;
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-lines: single;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
-webkit-flex-direction: row;
-webkit-flex-wrap: nowrap;
-webkit-justify-content: space-between;
}
.m-tab .tab-nav-item{
display: block;
overflow: hidden;
width: 16.66666667%;
height: 44px;
padding: 0 14px 0 15px;
line-height: 44px;
text-align: center;
white-space: nowrap;
text-decoration: none;
text-overflow: ellipsis;
list-style: none;
color: #333;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
cursor: pointer;
}
.m-tab .active{
border-bottom: 1px solid #2D3C59;
color: #2D3C59;
font-weight: bold;
}
.pop-books{
padding: 18px 15px 6px 15px;
overflow: hidden;
background: #fff;
margin-bottom:10px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.pop-book {
float: left;
font-size: 14px;
line-height: 1.1;
margin: 0 0px 2% 44.5px;
text-align: center;
width: 120px;
}
.pop-books li:first-child {
margin-left: 0;
}
.pop-book img {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
display: block;
margin: 0 auto 1em;
height: 138px;
width: 112px;
}
.pop-book h2 {
color: #985d3e;
font-weight: normal;
font-size: 16px;
line-height: 1.5em;
max-height: 3em;
overflow: hidden;
}
.pop-book span {
color: #999;
font-weight: normal;
font-size: 12px;
line-height: 1.2em;
}
.hot-books {
margin: 0;
padding: 1% 0;
overflow: hidden;
border-top: 1px solid #fb6b84;
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.hot-books ol {
float: left;
padding: 0 15px;
}
.hot-book-tit {
float: left;
margin: 0 0 0 0;
}
.hot-book-tit h2 {
float: left;
font-weight: normal;
font-size: 16px;
line-height: 2.5em;
}
.hot-book {
float: left;
margin: 0 0.8em 0 0;
}
.hot-book h2 {
float: left;
font-weight: normal;
font-size: 16px;
line-height: 2.5em;
}
.hlight h2 {
color: #de533c;
font-weight: bold;
}
.hot-book span {
float: left;
color: #999;
font-weight: normal;
font-size: 12px;
margin-left: 0.4em;
position: relative;
top: 14px;
}
/*home updata*/
.m-uptitle{
background: #fff;
border-bottom: 1px solid #00bb9c;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
margin-top: 10px;
}
.m-uptitle h2{
font-size: 16px;
color: #2c3e50;
font-weight: bold;
padding: 10px;
}
.m-update{
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.m-update li {
overflow: hidden;
border-bottom: 1px dashed #e4e4df;
padding: 0 15px;
}
.m-update li span {
float: left;
margin: 0 auto;
padding: 8px 0;
color: #666;
font-size: 14px;
}
.m-update li span h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
padding-left: 15px;
}
.m-update li span h2 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
font-size: 14px
}
.m-update li span h2 span {
margin-left: 10px;
color: #ee583f;
font-size: 14px
}
.m-update li span p {
color: #333;
text-indent: 2em;
font-weight: 400;
font-size: 12px;
line-height: 2em
}
.m-update li span span {
color: #666;
font-weight: 400;
font-size: 12px;
line-height: 2em
}
.m-update li span span b {
margin-right: 2em;
font-weight: 400
}
.cr {
text-align: right
}
.m-update li span b {
color: #666;
font-weight: 400
}
.m-update li span span a {
color: #999
}
.wid10 {
width: 14%
}
.wid15 {
width: 20%
}
.wid35 {
width: 33%
}
/*seach*/
.m-search {
float: right;
margin-right: 0px;
margin-top: 5px;
line-height: normal;
}
.search_form {
position: relative;
margin: 0;
display: inline-block;
}
.search_input {
float: left;
width: 188px;
height: 20px;
line-height: 19px;
padding: 4px 7px;
color: #985d3e;;
border-radius: 2px 0 0 2px;
background-color: #fff;
display: inline-block;
vertical-align: middle;
border: 0px solid #ccc;
border-top: 1px solid rgba(0,0,0,.12);
border-bottom: 1px solid rgba(0,0,0,.12);
border-left: 1px solid rgba(0,0,0,.05);
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.search_input:focus {
border-color: #d9dee6;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(197, 197, 197, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(197, 197, 197, 0.6);
}
.search_btn {
float: left;
width: 50px;
height: 30px;
padding: 0 10px;
margin-left: -1px;
border-radius: 0 2px 2px 0;
border: 1px solid #f77c3d;
background-color: #ff8140;
cursor: pointer;
display: inline-block;
font-size: 15px;
vertical-align: middle;
color: #f3f7fc;
line-height: 29px;
}
.m-box-top {
overflow: hidden;
background: #fff;
margin-bottom: 10px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.m-box-top ul li {
float: left;
width: 20%;
height: 48px;
}
.m-box-top ul li:nth-of-type(5n){
border-right: none;
}
.m-box-top ul li a {
display: inline-block;
width: 100%;
height: 48px;
line-height: 48px;
text-decoration: none;
text-align: center;
color: #985d3e;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: arial,Simsun;
border-right: 1px solid #e5e6e9;
border-bottom: 1px solid #e5e6e9;
}
.m-box-top ul li a:hover {
background-color: #f6f6f6;
color: #f26929;
font-weight: bold;
}
/*fm */
.book-intro {
margin: 0 auto;
padding: 5% 2% 0 2%
}
.book-img {
float: left;
margin-right: 40px;
width: 130px
}
.book-img .m-img {
float: left;
padding: 5px;
width: 120px;
height: 160px;
border-radius: 2px;
background: #fff;
box-shadow: 1px 1px 2px rgba(0,0,0,.3)
}
.book-describe,.book-describe2 {
float: left;
width: 520px
}
.book-describe h1 {
margin-bottom: 10px;
font-weight: 400;
font-size: 30px;
line-height: 38px
}
.book-describe p {
font-size: 16px;
line-height: 32px;
height: 32px;
overflow: hidden;
}
.describe-html{
clear: both;
padding: 6px;
position: relative;
font-size: 16px;
}
.describe-html .m-stit{
font-weight: 600;
line-height: 32px;
}
.describe-html p.m-bkcont{
position: relative;
font-size: 16px;
line-height: 32px;
height:96px;
min-height:64px;
text-align: justify;
overflow: hidden;
-webkit-transition: height .3s ease;
transition: height .3s ease;
}
.describe-html span.m-bn{
position: absolute;
bottom: 1px;
right: 0;
cursor: pointer;
color: #d50808;
display: inline;
}
.describe-html span.m-bn b {
display: inline-block;
width: 56px;
height: 18px;
background: url(../images/bctn.png) 0 0 no-repeat;
vertical-align: middle;
}
.describe-html span.m-bn em{
display: inline-block;
background: #fff;
font-weight: normal;
}
.describe-html .m-fj{
margin-top: 6px;
line-height: 32px;
}
h2.ac {
padding: .7em 0 1em 0;
background: url(../images/atitle_bottom.png) no-repeat bottom;
text-align: center;
}
h2.ac .tit {
margin: 0 .5em;
padding: 0;
width: 100%;
text-align: center;
font-weight: 400;
font-size: 18px
}
.title h2.acin {
padding: 0;
width: 100%;
text-align: center
}
h2.ac .pattern-left,h2.ac .pattern-right {
display: inline-block;
width: 1.375em;
height: .4375em;
background: url(../images/icon-patterns.png) no-repeat;
vertical-align: middle;
font-size: 16px
}
h2.ac .pattern-left {
background-position: 0
}
h2.ac .pattern-right {
background-position: -1.625em 0
}
.title h3 {
height: 3.5em;
line-height: 3.5em;
font-size: 16px;
}
.title h3.acin {
text-align: center;
width: 100%;
padding: 0;
}
.title {
width: 100%;
margin: 0 auto;
background: url(../images/atitle_bottom.png) no-repeat bottom;
padding-bottom: 5px;
}
.book-list {
margin-bottom: 5px;
}
.book-list ul {
float: left;
width: 100%
}
.book-list ul li {
float: left;
padding-left: 2%;
width: 48%;
border-bottom: 1px dashed #e4e4df;
font-size: 16px;
line-height: 40px
}
.book-list ul li a {
display: inline-block;
width: 100%;
}
.book-list ul li:hover {
background: #ecece8
}
.book-list ul li a:visited {
color: #999
}
.copyright{
border-top: 1px solid #ddd;
}
.copyright p {
margin: 3% 0;
color: #333;
}
/*zj*/
.m-article{
padding:15px 0;
}
.m-article-title{
padding: 10px 0;
background: url(../images/atitle_bottom.png) no-repeat bottom;
background-size: 100%;
margin-bottom: 10px;
}
.m-article-title h1{
text-align: center;
font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1";
padding: 0 15px;
}
.m-article-title p.m-other{
text-align: center;
color: #777;
text-indent: 0;
line-height: 24px;
padding: 10px 0;
}
.m-article-title p.m-other i{
margin-left: 10px;
background: #e3dfcd;
border-radius: 10px;
color: #666;
font-style: normal;
font-size: 12px;
line-height: 24px;
padding: 0 8px 0 5px;
}
.m-article-text{
font-size: 16px;
line-height: 32px;
font-weight: 400;
overflow: hidden;
}
.m-article-text p {
text-align: justify;
margin: 0 0 10px;
}
.m-page {
padding: 8px 0;
overflow: hidden;
font-size: 16px;
background: #e7e4d5;
border-radius: 8px;
margin: 15px 0;
}
.m-page li {
float: left;
width: 33%;
height: 30px;
line-height: 30px;
overflow: hidden;
text-align: center;
}
.m-isgood{
padding: 10px 6px;
font-size: 16px;
}
.m-isgood a{
color: #de533c;
}
.m-bltop,.m-blbt{
width: auto;
height: auto;
margin: 0px 15px;
}
/*阅读样式自定义*/
.m-set{float:right;}
.duset{text-align:center;}
.duset .c,.duset .f{
border: 1px solid #ddd;
text-align: center;
width: 20px;
height: 20px;
line-height: 22px;
display: inline-block;
border-radius: 50%;
}
.duset .c:hover,.duset .f:hover{text-decoration:none;}
.duset .c1{background:#E9FAFF}
.duset .c2{background:#efefef}
.duset .c3{background:#eefaee}
.duset .c4{background:#ffffed}
.duset .c5{background:#ffffff}
.duset .c6{background:#FCEFFF}
.duset .f1{background:#ff0000}
.duset .f2{background:#006600}
.duset .f3{background:#0000ff}
.duset .f4{background:#660000}
.duset .f5{background:#000000}
/*mb menu*/
#simple-menu {
display: none;
width: 44px;
height: 44px;
font-size: 0;
overflow: hidden;
text-align: center;
}
#simple-menu:before {
display: inline-block;
font: bold 44px/44px "Times New Roman";
vertical-align: text-bottom;
content: "\2261";
color: #fff;
}
.sidr-open #simple-menu:before {
display: inline-block;
font: bold 45px/45px "Times New Roman", Arial;
vertical-align: text-bottom;
content: "\00D7";
color: #fff;
}
#sidr-right {
display: none;
}
#m-gotop {
bottom: 105px;
_margin-bottom: 105px;
width: 36px;
height: 36px;
background: #e7e4d5 url(../other/icon.svg) no-repeat;
position: fixed;
right: 50px;
cursor: pointer;
}
.copyright{
border-top: 2px solid #00bb9c;
background: #fff;
}
.m-ft{
width: 808px;
margin: 0 auto;
line-height: 24px;
text-align: center;
padding: 10px 0;
color: #fff;
}
.copyright p {
margin: 10px 0;
color: #333;
}
@media (min-width: 808px) {
.pop-books .pop-book:nth-of-type(6) {
display: none;
}
}
@media screen and (max-width: 808px){
.m-header{
width: 100%;
}
.m-nav ul{
margin-right: 15px;
}
.m-bd {
width: 100%;
padding: 0;
margin: 0;
box-shadow: none;
border-top: 1px solid #cbcbcb;
}
.m-hbd {
width: 100%;
float: none;
padding: 0;
box-shadow: 0 0px 2px rgba(0,0,0,0.2);
}
.m-path {
width: 100%;
padding-left: 12px;
}
.m-article {
padding: 0 0 15px 0;
width: 100%;
}
.m-search{
margin-right: 20px;
}
/*home*/
.pop-book {
float: left;
font-size: 14px;
line-height: 1.1;
margin: 0 0 1.5em 6.5%;
text-align: center;
width: 14.8%;
}
.pop-books .pop-book:nth-of-type(5n+1) {
margin-left: 0;
clear: left;
}
.pop-books .pop-book:nth-of-type(6) {
display: none;
}
.m-article-title{
background-size: 96%;
}
.m-article-text {
font-size: 18px;
line-height: 34px;
font-weight: 400;
overflow: hidden;
padding: 0 15px;
}
.m-page {
padding: 6px 0;
margin: 10px 15px;
}
.m-ft{
width: auto;
padding: 6px 10px;
}
#m-gotop{width:36px;height:36px;background:url('../other/icon.svg') no-repeat;bottom: 150px;position:fixed;right:15px;cursor:pointer;}
}
#m-duset{
display:none;
}
@media screen and (max-width: 767px) {
.m-hd{
height:44px;
}
.m-header{
width:100%;
padding:0;
}
.m-logo{
margin: 2px 0 0;
width: auto;
background-size: 30px 30px;
background-position-x: 8px;
background-position-y: 5px;
padding-left: 44px;
}
.m-logo a{
font-size: 23px;
}
.m-nav{
float: none;
display: none;
}
.m-path{
width: 100%;
padding-left: 12px;
}
.m-bd{
width:100%;
padding: 0;
margin:0;
}
.book-describe, .book-describe2 {
float: left;
width: 72%;
}
.m-box-top ul li {
float: left;
width: 25%;
height: 48px;
padding: 0;
border-right: 0;
border-bottom: 0;
}
.m-box-top ul li a {
border-right: 1px solid #e5e6e9;
border-bottom: 1px solid #e5e6e9;
}
/*search 767*/
#sidr-id-search_form {
padding: 15px 15px 0;
overflow: hidden;
}
.sidr-inner #sidr-id-keys {
float: left;
background: #fff;
border: 1px solid #d6d0cd;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-right: none;
color: #825d5b;
font: italic 14px/24px "serif";
transition: all 0.7s ease 0s;
width: 160px;
height: 34px;
padding-left: 6px;
}
#sidr-id-search_form .sidr-class-search_btn {
float: left;
background: url(../images/search.png) no-repeat;
width: 37px;
height: 36px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border: 1px solid #d6d0cd;
border-left: none;
cursor: pointer;
text-indent: -9999px;
}
#sidr-id-search_form #sidr-id-keys:focus {
font-style: normal;
background: #fff;
width:178px;
outline: 0;
}
.pop-book img{
height:108px;
}
.m-article{
padding: 0 0 15px 0;
width: 100%;
}
.m-article-title p.m-other{
display: none;
}
.m-article-text{
font-size: 18px;
line-height: 34px;
font-weight: 400;
overflow: hidden;
padding: 0 15px;
}
.m-page{
padding: 6px 0;
margin: 10px 15px;
}
/*mb menu*/
#simple-menu {
display: block;
float: right;
margin-top: 0px;
cursor: pointer;
}
.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 260px;
overflow-x: none;
overflow-y: auto;
font-size: 16px;
background: #fdfdfd;
color: #333;
-webkit-box-shadow: inset 0 0 5px 5px #eee;
-moz-box-shadow: inset 0 0 5px 5px #eee;
box-shadow: inset 0 0 5px 5px #eee;
}
.sidr.right {
left: auto;
right: -260px;
}
.sidr .sidr-inner {
padding: 0 0 15px;
}
.sidr-inner {
clear: both;
}
.sidr ul {
display: block;
margin: 0;
padding: 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
}
.sidr ul li {
display: block;
margin: 0;
line-height: 48px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e5e5e5;
}
.sidr ul li a, .sidr ul li span {
padding: 0 15px;
display: block;
text-decoration: none;
color: #333;
}
.sidr-inner li.sidr-class-m-back{
padding-left: 15px;
line-height: 48px;
border-bottom: 1px solid #e5e5e5;
display: block;
margin-top: -15px;
border-top: 1px solid #fff;
}
.sidr-inner li.sidr-class-m-size{
padding-left: 15px;
line-height: 48px;
border-bottom: 1px solid #e5e5e5;
display: block;
margin: 0;
border-top: 1px solid #fff;
}
.sidr-inner li.sidr-class-m-back a.sidr-class-c{
border: 1px solid #ddd;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
margin-right: 5px;
}
.sidr-inner li.sidr-class-m-back a.sidr-class-c:hover{text-decoration:none;}
.sidr-inner li.sidr-class-m-back a.sidr-class-c1{background:#E9FAFF}
.sidr-inner li.sidr-class-m-back a.sidr-class-c2{background:#efefef}
.sidr-inner li.sidr-class-m-back a.sidr-class-c3{background:#eefaee}
.sidr-inner li.sidr-class-m-back a.sidr-class-c4{background:#ffffed}
.sidr-inner li.sidr-class-m-back a.sidr-class-c5{background:#ffffff}
.sidr-inner li.sidr-class-m-back a.sidr-class-c6{background:#FCEFFF}
.sidr-inner li.sidr-class-m-size a{padding-right: 16px;}
#m-gotop {
background:url('../other/icon.svg') no-repeat;
bottom: 150px;
right: 20px;
_margin-bottom: 20px;
}
}
@media screen and (max-width: 650px){
.title h3 {
height: 3em;
line-height: 3em;
font-size: 16px;
}
.book-img {
width: 24%;
margin-right: 8%;
}
.book-img .m-img {
float: none;
width: 110px;
height: 148px;
}
.book-describe {
float: left;
margin-left: 0;
width: 68%;
}
.book-describe h1{
margin-bottom: 1%;
text-align: left;
font-size: 1.5em;
line-height: 32px;
}
.m-box-top ul li {
float: left;
width: 33.3333%;
height: 48px;
padding: 0;
border-right: 0;
border-bottom: 0;
}
.m-box-top ul li a {
border-right: 1px solid #e5e6e9;
border-bottom: 1px solid #e5e6e9;
}
}
@media screen and (max-width: 480px){
.book-intro {
padding: 5% 5% 0;
}
.m-search{
display: none;
}
.m-box-top ul li {
float: left;
width: 50%;
height: 40px;
}
.m-box-top ul li a {
height: 40px;
line-height: 40px;
border-right: 1px solid #e5e6e9;
border-bottom: 1px solid #e5e6e9;
}
.pop-book{
float: left;
font-size: 14px;
line-height: 1.1;
margin: 0 0 3% 10.7261%;
text-align: center;
width: 25.9525%;
}
.pop-books .pop-book:nth-of-type(3n+1) {
margin-left: 0;
}
.pop-books .pop-book:nth-of-type(6) {
clear: none;
display: block;
margin-left: 10.7261%;
}
.pop-book img{
height:120px;
}
.book-img {
width: 32%;
margin-right: 8%;
}
.book-img .m-img {
float: none;
width: 110px;
height: 148px;
box-shadow: 0px 0px 1px rgba(0,0,0,.2);
}
.book-describe {
float: left;
margin-left: 0;
width: 60%;
}
.book-describe h1{
margin-bottom: 1%;
text-align: left;
font-size: 1.5em;
line-height: 32px;
}
.book-list ul li {
float: left;
width: 95%;
padding-left: 5%;
}
.wid35 {
width: 50%;
}
.cr {
display: none;
}
}
@media screen and (max-width: 360px){
.pop-book {
float: left;
font-size: 14px;
line-height: 1.1;
margin: 0 0 3% 10.7261%;
text-align: center;
width: 44.5525%;
}
.pop-book img {
height: 120px;
}
.pop-books .pop-book:nth-of-type(2n+1) {
margin-left: 0;
}
.pop-books .pop-book:nth-of-type(4n) {
clear: none;
display: block;
margin-left: 10.7261%;
}
.book-img {
width: 30%;
margin-right: 8%;
}
.book-img .m-img {
float: none;
width: 90px;
height: 120px;
}
.book-describe {
float: left;
margin-left: 0;
width: 62%;
}
.book-describe h1{
margin-bottom: 1%;
text-align: left;
font-size: 1.3em;
line-height: 30px;
}
.book-describe p {
font-size: 14px;
line-height: 26px;
height: 26px;
overflow: hidden;
}
.describe-html p {
font-size: 14px;
line-height: 26px;
}
}