.webmenus{float:left;width:100%;height:40px;text-align:center;}.webmenus .menuwarp{margin:auto;width:100%;max-width:1200px;height:40px;background-color:#000000;display:inline-block;}.webmenus .menuwarp .menuspan{float:left;width:150px;height:40px;line-height:40px;color:#ffffff;text-align:center;}.webmenus .menuwarp .menuspan a{color:#ffffff;font-size:18px;}.flashslider{float:left;width:100%;text-align:center;}.flashslider .sliderdata{float:left;width:100%;position:relative;overflow:hidden;display:inline-block;}.flashslider .sliderdata .sliderbox{width:100%;height:100%;position:absolute;}.flashslider .sliderdata .sliderbox ul{float:left;height:100%;text-align:center;}.flashslider .switcher{margin:auto;height:20px;margin-top:5px;z-index:1000px;display:inline-block;}.flashslider .switcher .swspan{float:left;width:14px;height:14px;line-height:14px;border-radius:7px;text-align:center;margin-top:3px;margin-right:10px;cursor:pointer;}.flashslider .switcher .curspan{}.homeflash{float:left;width:800px;margin-top:10px;margin-bottom:20px;box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,1);perspective:1000px;padding:3px;}.homeflash .flashheight{height:300px;}.homeflash ul .homeimg{float:left;width:100%;height:100%;}.bloglist{float:left;width:390px;margin-left:10px;margin-top:10px;margin-bottom:20px;box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,1);perspective:10000px;border-width:3px;border-style:solid;}.bloglist .blogheader{float:left;width:100%;height:40px;border-width:1px;border-style:solid;}.bloglist .blogheader .titspan{float:left;height:20px;line-height:20px;margin-left:10px;margin-top:10px;padding-left:5px;font-weight:bold;}.bloglist .blogheader .morespan{float:right;height:40px;line-height:40px;margin-right:10px;}.bloglist .blogbody{float:left;width:100%;height:290px;padding-top:10px;}.bloglist .blogbody ul{float:left;width:calc(100% - 10px);margin-left:5px;margin-bottom:15px;padding-top:10px;padding-bottom:10px;border-radius:10px;}.bloglist .blogbody ul .blogicon{float:left;width:40px;height:40px;margin-left:10px;margin-top:5px;}.bloglist .blogbody ul .blogicon .imgicon{float:left;width:40px;height:40px;}.bloglist .blogbody ul .bloginfo{float:left;width:calc(100% - 70px);margin-left:10px;}.bloglist .blogbody ul .bloginfo .blogname{float:left;width:100%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bloglist .blogbody ul .bloginfo .blogname a{font-weight:bold;}.bloglist .blogbody ul .bloginfo .datespan{float:left;width:100%;height:30px;line-height:30px;text-align:left;}.bookbroad{float:left;width:100%;margin-bottom:20px;box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,0,0,1);perspective:10000px;}.bookbroad .booktitle{float:left;width:100%;height:40px;}.bookbroad .booktitle .titspan{float:left;height:24px;line-height:24px;margin-left:10px;margin-top:16px;padding-left:5px;font-weight:bold;font-size:24px;}.bookbroad .booktitle .morespan{float:right;height:24px;line-height:24px;margin-right:20px;margin-top:10px;}.bookbroad .bookbody{float:left;width:100%;padding-top:10px;padding-bottom:10px;}.bookbroad .bookbody .bookflash{float:left;width:100%;margin-top:10px;margin-bottom:10px;padding:3px;}.bookbroad .bookbody .bookflash .flashheight{height:340px;}.bookbroad .bookbody .bookflash ol{float:left;width:228px;margin-left:10px;margin-bottom:20px;padding-bottom:10px;}.bookbroad .bookbody .bookflash ol .bookimage{float:left;width:calc(100% - 40px);height:260px;margin-left:20px;margin-top:10px;border:#cccccc 2px solid;}.bookbroad .bookbody .bookflash ol .bookimage img{float:left;width:100%;height:100%;}.bookbroad .bookbody .bookflash ol .bookinfo{float:left;width:calc(100% - 40px);margin-left:20px;}.bookbroad .bookbody .bookflash ol .bookinfo .nameinfo{float:left;width:100%;line-height:28px;}.bookbroad .bookbody .bookflash ol .bookinfo .nameinfo a{float:left;width:100%;line-height:28px;text-align:left;font-weight:bold;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bookbroad .bookbody .bookflash ol .bookinfo .authorinfo{float:left;width:100%;line-height:28px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bookbroad .bookbody .bookflash ol .bookinfo .shortinfo{float:left;width:100%;height:120px;line-height:24px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;text-indent:2em;}.bookbroad .booklist{float:left;width:100%;padding-top:20px;padding-bottom:20px;}.bookbroad .booklist ul{float:left;width:calc(100% - 20px);margin-left:10px;border-bottom:#cccccc 1px solid;}.bookbroad .booklist ul .sectioninfo{float:left;max-width:100%;width:460px;}.bookbroad .booklist ul .sectioninfo a{float:left;width:calc(100% - 10px);height:40px;line-height:40px;text-align:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bookbroad .booklist ul .nameinfo{float:left;max-width:100%;width:370px;}.bookbroad .booklist ul .nameinfo a{float:left;width:calc(100% - 10px);height:40px;line-height:40px;text-align:left;font-weight:bold;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bookbroad .booklist ul .authorinfo{float:left;width:200px;height:40px;line-height:40px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bookbroad .booklist ul .updateinfo{float:right;width:140px;height:40px;line-height:40px;text-align:right;}.bookbroad .booklist ul .updateinfo .timespan{float:left;height:40px;line-height:40px;}.bookbroad .booklist ul .updateinfo .unitspan{float:left;height:40px;line-height:40px;display:none;margin-left:5px;}@media (max-width:599px){.homeflash{float:left;width:100%;}.homeflash .flashheight{height:200px;}.bloglist{float:left;width:100%;margin-left:0px;}.bloglist .blogbody{float:left;height:auto;}.bookbroad .bookbody .bookflash .flashheight{height:210px;}.bookbroad .bookbody .bookflash ol{float:left;width:122px;margin-left:5px;}.bookbroad .bookbody .bookflash ol .bookimage{width:calc(100% - 20px);height:140px;margin-left:10px;}.bookbroad .bookbody .bookflash ol .bookinfo{float:left;width:calc(100% - 20px);margin-left:10px;}.bookbroad .bookbody .bookflash .flashheight ol .bookinfo .nameinfo a{font-size:14px;}.bookbroad .bookbody .bookflash .flashheight ol .bookinfo .authorinfo{font-size:12px;}.bookbroad .bookbody .bookflash .flashheight ol.book_4{display:none;}.bookbroad .bookbody .bookflash .flashheight ol.book_5{display:none;}.bookbroad .booklist ul .sectioninfo a{font-size:12px;height:26px;line-height:26px;}.bookbroad .booklist ul .nameinfo a{font-size:12px;height:26px;line-height:26px;}.bookbroad .booklist ul .authorinfo{font-size:12px;height:26px;line-height:26px;}.bookbroad .booklist ul .updateinfo{font-size:12px;height:26px;line-height:26px;}}