@charset "utf-8";
/*--通用基础样式 开始--*/
body{margin:0; padding:0; font: 12px/150% Microsoft YaHei,Arial,Helvetica,sans-serif;background:#fff; color:#444;}
html, body, div, span,  h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {  margin: 0;  padding: 0;}
input,select{vertical-align:middle;}
ol, ul { list-style: none outside none;}
textarea,input{outline:none; resize:none;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,input{margin:0; padding:0;font-weight:normal;}
li{list-style:none;}
i,em{font-style:normal;}
select{margin:0;padding:0;}
:focus {outline: 0 none;}
a img { border: 0 none;}
img { margin:0; padding:0;border:0;}
table { empty-cells: show;border-collapse:collapse;border-spacing:0;}
h2, h3 { font-size: 14px;}
h4, h5, h6 { font-size: 12px;}
em,i{ font-style:normal;}
/*链接属性 */
a{ color: #444;text-decoration: none;outline: none; line-height:auto;cursor: pointer;}
a:hover ,a.active{ color:#3377aa;text-decoration:none;}
a:link,a:visited{text-decoration:none;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/*块元素类*/
.of {overflow: hidden;}
.block { display: block;overflow: hidden;}
.hide { display: none;}
/*对齐类*/
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
.clear{clear:both;}
/*宽度类*/
.w{ width:100%; height:auto;}
.w1{ width:1200px; height:auto; margin:0 auto;}
.main{ margin-top: 20px;}
/*过渡类*/
.tst{ transition:all  0.3s ease-in-out;}
.mb20{ margin-bottom:20px;}
.mb10{ margin-bottom:10px;}
/*--通用基础样式 结束--*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: rgb(191, 191, 191);}
input:-moz-placeholder, textarea:-moz-placeholder {color:rgb(191, 191, 191);}
input::-moz-placeholder, textarea::-moz-placeholder {color:rgb(191, 191, 191);}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:rgb(191, 191, 191);}
/*top*/
.top{ height:94px; background-color:#fff;}
.top .logo{ margin-top:7px;}
.top .search{ float:right;height:40px;margin:28px 42px 0 100px;*behavior: url(ie-css3.htc);}
.top .search-txt{float: left; padding-left:10px; width:310px;border:  #e1e9e1 solid 1px; border-radius:8px 0 0 8px; border-right:0;  height:38px; line-height:46px; margin-left:28px; font-size:16px; color:#1a1a1a;}
.search-btn{ width:100px; height:40px; border: #e1e9e1 solid 1px; border-radius:0 8px 8px 0 ; background:#edf4ed; color:#30a080; font-size:16px; cursor:pointer }
.publish { height:50px; width:70px; margin:24px 20px 0 0; display:inline-block;}
.publish .publish-i{ height:30px; width:30px; background-color:#3377aa;border-radius:50%; line-height:30px; text-align:center; margin:0 auto 8px auto; display:block;}
.publish .publish-i i{color:#fff; font-size:18px;}
.publish .publish-i img{width: 100%;border-radius: 100%;}
.publish a.publish-txt{ font-size:14px;margin-top: 13px;color:#3377aa; text-align:center; display:block;}
/*nav*/
.nav{ background-color:#edf4ed;height:46px;}
.nav .w1{ height:46px;}
.nav ul{ width:auto; display:inline-block;}
.nav ul li{ position:relative; float:left; height:46px; display:inline-block; padding:0 10px 0 20px;  line-height:46px;}
.nav ul li.index-f{padding:0 20px;}
.nav ul li a{ font-size:16px;color:#30a080;}
.nav ul li a.index{color:#fff;}
.nav ul li a i{ font-size:14px; margin-left:8px;}
.nav ul li.active{ background-color:#30a080;color: #fff;}
.nav ul li dl{ background:#fff; opacity:0;visibility:hidden; position:absolute; z-index:10; width:114px; border-radius:6px;transition:all 0.5s; top: 80px; right:0; box-shadow: 2px 7px 14px #888;}
.nav ul li dl:before{ content:''; position:absolute; width:100%; height:15px; top:-15px;}
.nav ul li:hover dl{ opacity:1; visibility:inherit; top:60px; }
.nav ul li dl dd { width:100%; text-align:center;border-bottom:#ddd solid 1px;}
.nav ul li dl dd:last-child{ border:none;}
.nav ul li dl span{position:absolute; width:0px; height:0; border:6px solid #fff; right:10px;top:-12px; margin-left:-6px; border-bottom-color:#fff;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);}
.nav ul li dl dd a{font-size:14px; display:block;color: #30a080;}
.nav ul li dl dd a:hover{color:#9b9b9b;}
/*首页轮播*/
.banner {overflow: hidden; position: relative; -ms-zoom: 1;}
.index_b_hero {margin: auto; width: 1350px; height: 450px; position: relative;}
.index_b_hero img {width: 1350px; height: 450px;}
.index_b_hero .heros {width: 1350px; height: 450px;}
.index_b_hero .hero-wrap {overflow: visible; position: absolute;}
.index_b_hero .page_btn {top: 210px; width: 22px; height: 40px; position: absolute; z-index: 366;}
.index_b_hero .prev {background: url("../images/tubiao/custom_left.png"); left: -50px;}
.index_b_hero .next {background: url("../images/tubiao/custom_right.png"); right: -50px;}
.index_b_hero .hero {left: 0px; top: 0px; width: 1350px; height: 480px; overflow: hidden; position: absolute; z-index: 1;}
.index_b_hero .mask-left { background: rgb(0, 0, 0); left: 0px; top: 0px; width: 1350px; height: 450px; overflow: hidden; position: absolute; z-index: 1; opacity: 0.3;}
#index_b_hero .mask-right { background: rgb(0, 0, 0); left: 0px; top: 0px; width: 1350px; height: 450px; overflow: hidden; position: absolute; z-index: 1; opacity: 0.3;}.index_b_hero .mask-left { left: -1350px;}
.index_b_hero .mask-right {left: 1350px;}
.little_img { width: 100%; height: 93px; bottom: 0px; position: absolute; z-index: 50;}
.small_list { margin: 0px auto; padding: 14px 0px; width: 1200px; overflow: hidden;}
.small_list li {width: 162px; height: 65px; margin-right: 11px; float: left; position: relative; cursor: pointer;}
.small_list li.last {margin-right: 0px;}
.small_list li img {width: 162px; height: 65px;}
.small_list li .bg {background: url("../images/tubiao/txtbg7.png"); border: 1px solid rgb(255, 255, 255); border-image: none; left: 0px; top: 0px; width: 160px; height: 63px; display: none; position: absolute;}
.small_list li.on .bg {display: block;}
/*slidebox*/
.slidebox{ background-color:#3f434e; height:400px}
.index-slide{ position:relative; top:0px; left:0px;}
.index-slide .hd{ position:absolute; right:0px; top:0px;}
.index-slide .hd ul{ width:256px;}
.index-slide .hd li .bg-b{  background-color:#373b44;  border-bottom:1px solid #282b32; width:250px; height:79px; line-height:79px;}
.index-slide .hd li{ padding-left: 6px; position:relative; height:80px; line-height:78px;}
.index-slide ul li  span{position:absolute; width:0px; height:0; border:6px solid #373b44; left:-6px;top:50%; margin-top:-6px; border-right-color:#373b44;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);z-index:3; display:none;}
.index-slide ul li.on span{ display:inline-block;}
.index-slide .hd li a{ display:inline-block; width:226px;  line-height:20px;  height:20px; vertical-align:middle; *vertical-align:-30px; padding-left:20px; font-size:16px; color:#d0d5e1;}
.index-slide .hd li.on a{ border-right:4px solid #e1e9e1; color:#3377aa;}
.index-slide .bd{ position:absolute;left:0px; top:0px;z-index:0;height: 400px;overflow: hidden;}
/*main-l*/
.main-l{ width:930px;}
/*sort*/
.sort{ background-color:#fff; border-radius:10px;behavior: url(ie-css3.htc);}
.sort .sort-t{ height:56px; border-bottom:1px solid #f1f1f1; line-height:56px; margin-bottom:20px;border-top: 2px solid #e1e9e1;}
.sort .sort-t span{ font-weight:bold; color:#484a63; font-size:18px; margin-left:20px;letter-spacing: 6px;}
.sort .sort-t ul{ margin-top:18px;}
.sort .sort-t ul li{ float:left; height:24px; line-height:24px; padding:0 10px; border-radius:12px; margin-right:10px; cursor:pointer;}
.sort .sort-t ul li a{font-size:14px; color:#484a63; line-height:24px; height:24px; display:inline-block; }
.sort .sort-t ul li:hover ,.sort .sort-t ul li.on { background-color:#e1e9e1;}
.sort .sort-t ul li:hover a,.sort .sort-t ul li.on a{color:#30a080; }
.sortimg{margin-left:20px; margin-bottom:20px;}
.sort-c{ width:930px;}
.sort-c li{width: 120px;margin: 0 15px 10px;display: inline-block;vertical-align: top;}
.sort-c li a{font-size:14px; color:#444; display:block; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.sort-c li:hover a,.sort-c li:hover i{ color:#3377aa;}
.sort-c li i{ margin-right:8px; color:#999;}
.sort-c li .cover{ margin-bottom:5px;}
.sort-c li .cover a{ height:174px;}
.sort-c li .cover a img{ height:100%;width: 100%;}
.sort-c li .info{display: block;line-height: 1;}
.sort-c li .info .info-tt{font-size: 12px;margin-bottom: 5px;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
/*fsp*/
.fsp,.hv{ background-color:#fff; border-radius:10px;behavior: url(ie-css3.htc);}
.fsp .fsp-t,.hv .hv-t{ height:56px; border-bottom:1px solid #f1f1f1; line-height:56px; margin-bottom:20px;border-top: 2px solid #e1e9e1;}
.fsp .fsp-t span,.hv .hv-t span{ font-weight:bold; color:#484a63; font-size:18px; margin-left:20px;letter-spacing: 6px;}
.fsp .fsp-t .fsp-more{ font-size:14px; color:#ccc5bf; margin-left:8px; display:inline-block; height:56px; line-height:58px;}
.fsp .fsp-t .fsp-more:hover{ text-decoration:underline;}
.fsp-pn a{ display:inline-block; width:40px; height:32px; color:#3a3e59;line-height:32px; cursor:pointer;}
.fsp-pn a i{ font-size:14px;}
.fsp .bd ul{ margin-bottom:10px;}
.fsp .bd li{ float:left; width:150px; margin:0 18px;}
.fsp .bd li a{ display:block;}
.fsp .bd li a img{width: 150px;height: 220px;}
.fsp .fsp-bdt{ font-size:14px; color:#484a63; margin-top:5px; margin-bottom:1px;height: 18px;overflow: hidden;}
.fsp .fsp-bdc{ font-size:12px; color:#b2b1b5; overflow:hidden; height:22px;}
.fsp .bd li a:hover{ color:#3377aa;}
/*hotvote*/
.hv .bd ul{list-style-type: none;margin: 0;padding: 0;}
.hv .bd .list-col{font-size: 0;margin-bottom: -20px;float: left;}
.hv .bd .list-col li{margin-bottom: 30px;width: 310px;display: inline-block;vertical-align: top;}
.hv .bd .list-col li:hover{box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);}
.list-col .cover{float: left;margin: 10px;}
.list-col .cover img{width: 70px;height: 95px;}
.list-col .info { font-size: 12px;margin: 10px;}
.list-col .tit {font-size: 14px;height: auto;margin: 0;line-height: auto;background: none;}
.list-col .info p { margin: 0; word-wrap: break-word;}
.star-img{margin-bottom: 0;color: #ffac2d;}
.aver-rating {color: #e09015;font-size: 10px;}
.list-col .des{color: #666;clear: both;padding-top: 15px;}
/*star*/
.allstar10, .allstar9, .allstar8, .allstar7, .allstar6, .allstar5, .allstar4, .allstar3, .allstar2, .allstar1, .allstar0, .rating1-t,.rating0-t,.rating15-t, .rating2-t, .rating25-t, .rating3-t, .rating35-t, .rating4-t, .rating45-t, .rating5-t, .rating-t, .starb ~ .stars5, .starb ~ .stars4, .starb ~ .stars3, .starb ~ .stars2, .starb ~ .stars1, .collectors .stars5, .collectors .stars4, .collectors .stars3, .collectors .stars2, .collectors .stars1 {
    display: inline-block;
    zoom: 1;
    width: 55px;
    height: 11px;
    margin: 0 3px 0 0;
    overflow: hidden;
}
.allstar10,.rating5-t{background-position: 0 0px;}
.allstar9 {background-position: 0 -11px;}
.allstar8,.rating4-t {background-position: 0 -22px;}
.allstar7 {background-position: 0 -33px;}
.allstar6,.rating3-t {background-position: 0 -44px;}
.allstar5 {background-position: 0 -55px;}
.allstar4,.rating2-t {background-position: 0 -66px;}
.allstar3 {background-position: 0 -77px;}
.allstar2,.rating1-t {background-position: 0 -88px;}
.allstar1 {background-position: 0 -99px;}
.allstar0,.rating0-t {background-position: 0 -110px;}
/*main-r*/
.main-r{ width:250px;}
/*joke*/
.joke, .tag{ background-color:#fff;}
.mr-t{ height:56px; color:#484a63; font-size:18px; font-weight:bold; line-height:56px; border-bottom:1px solid #f1f1f1; padding-left:20px;letter-spacing: 6px;border-top: 2px solid #e1e9e1;}
.link-more{padding-left: 10px;letter-spacing: 0px;font-size: 12px;font-weight: normal;}
.tag ul li{border: none;padding: 0;margin: 10px 0;display: inline-block;}
.tag ul li dl{ display: block;}
.tag ul li dl dt{display: block; margin: 10px;font-size: 16px;}
.tag ul li dl dd{float: left;display: inline; width: auto;margin: 0; padding: 0; border: none;}
.tag ul li dl dd a{width: auto;word-break: keep-all;white-space: nowrap;background-color: #f6f6f6;font-size: 13px;padding: 2px 11px 0;display: inline-block;margin: 0 3px 10px 0;line-height: 20px;}
.tag ul li dl dd a:hover{background-color:#e9e9e9;color: #444;}
.list-more{color: #30a080;}
.joke ul{ margin:20px 20px 0 20px;}
.joke ul li{ margin-bottom:20px;}
.joke ul li a{ /*width:120px;*/ display:inline-block; color:#444; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.joke ul li span{ width:90px; display:inline-block; color:#999; font-size:14px; overflow:hidden;}
.joke ul li a:hover{color:#3377aa;}
.joke-more{ height:46px; line-height:46px; text-align:center; color:#484a63; font-size:14px; display:block; border-top:1px solid #f1f1f1;}
/*wisdom*/
.wisdom{ background-color:#fff;behavior: url(ie-css3.htc);height: 300px;overflow: hidden;}
.wisdom ul{ padding:10px;}
.wisdom ul li{border: none;margin: 10px 5px;color: #1a1a1a;font-size: 14px;float: left;display: inline;width: auto;}
.wisdom ul li i{vertical-align:middle;}
.ic1{ color:#f2794a;}
.ic2{ color:#30a080;}
.ic3{ color:#3ea4ec;}
.ic4{ color:#65d3e2;}
.ic5{ color:#fe0000;}
.ic6{ color:#ababab;}
.ic7{ color:#bdbdbd; vertical-align:middle; margin-right:6px;}
.ic8{ color:#e1e9e1;}
.wisdom ul li a{ line-height:24px; display:inline-block;}
.wisdom-list-page{margin-right: 35px !important;}
.list-hight{height: auto !important;}
.tag_active{color: #3377aa;}
/*简单书籍列*/
.simple-book{display: table;padding-top: 10px;}
.simple-book dl{float: left; display: inline; margin: 0 10px 20px 0;overflow: hidden;text-align: center;width: 73px;}
.simple-book dl dt {overflow: hidden;height: 99px;}
.simple-book dl dt a { width: 85px;text-align: center;}
.simple-book dl dt a img{width: 100%; height: 100%;.simple-book dl dt a { width: 85px;text-align: center;}}
.simple-book dl dd {margin: 0;padding-top: 3px;overflow: hidden;height: 40px;}
/*hot*/
.hot{ background-color:#fff; border-radius:10px;behavior: url(ie-css3.htc);}
.hot ul{ padding:20px;}
.hot ul.dot{ padding:15px 20px 0px 10px;}
.hot ul li{ line-height:25px; margin-bottom:14px;}
.hot ul li span{ width:22px; height:22px; border-radius:50%; margin-right:10px; color:#999; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.hot ul li span.on{ background-color:#3377aa; color:#fff;}
.hot ul li a{ color:#444; display:inline-block; width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:22px; line-height:22px; vertical-align:middle; color:#444; font-size:14px;}
.hot ul li a:hover{color:#3377aa;}
/*random*/
.random{ background-color:#fff; border-radius:10px;behavior: url(ie-css3.htc);}
.random  i{vertical-align: middle;}
.random  i.ic1{ color:#f2794a;}
/*02*/
.list-slide{ width:930px; height:250px; position:relative; top:0px; left:0px; border-radius:10px;behavior: url(ie-css3.htc);overflow:hidden;}
.list-slide .hd{ position:absolute; bottom:20px; right:20px; z-index:3; }
.list-slide .hd li{ height:10px; width:10px; background-color:#a6a1a3;float:left; border-radius:10px; margin-left:10px;}
.list-slide .hd li.on{ height:10px; width:20px; background-color:#e1e9e1;}
.list-slide .bd li{position:relative; top:0px; left:0px;width:930px; height:250px;}
.list-slide .bd .ls-t{ position:absolute; left:20px; bottom:20px; color:#fff; font-size:14px;}
.list-slide .prev,.list-slide .next{ position:absolute; height:34px; width:14px; left:20px; top:50%; margin-top:-17px; background:url(../images/pn1.png) no-repeat; display:inline-block; z-index:3; cursor:pointer;}
.list-slide .next{ left:auto; right:20px; background-position:-16px 0;}
/*yulu*/
.yulu { width:940px;}
.yulu .yitem{ float:left;width:460px; background-color:#fff; margin-right:10px; margin-bottom:18px; border-radius:10px; overflow: hidden;}
.yulu .yi-t{ height:176px; position:relative; top:0px; left:0px;}
.yulu .yi-t .img-bg{ display:block; width: 100%;  overflow: hidden; position: relative;}
.yulu .yi-t .img-bg .mengban{ position: absolute; left: 0; top:0; height:176px;}
.yulu .yi-t .img-bg .mengban img{ width: 100%; height: 100%;}
.yulu .order-img{ position:absolute; bottom:20px; left:18px; color:#fff; font-size:16px;}
.yulu .first-t{position:absolute; top:20px; left:20px; font-weight:bold; color:#fff; letter-spacing:6px; font-size:18px;}
.yulu .order-t{position:absolute; bottom:20px; left:60px; font-size:16px; color:#fff;}
.yulu .yitem ul{ padding:0 20px;}
.yulu .yitem li{ position:relative; height:53px; line-height:53px; border-bottom:1px dashed #f1f1f1;}
.yulu .yitem li:last-child{ border:none;}
.yulu .yitem li img{ position:absolute; top:22px; left:0px; margin-right:20px;display:inline-block; }
.yulu .yitem li a{ color:#444; font-size:14px; width:380px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:40px;}
.yulu a:hover,.yulu .yitem li a:hover{color:#3377aa;}
.yulu-more{ height:54px; line-height:54px; text-align:center; color:#484a63; font-size:14px; display:block; border-top:1px solid #f1f1f1; letter-spacing:6px;}
.mz .first-t{left:auto;right:20px;}
/*crumbs*/
.crumbs{height:30px;line-height:30px;color:#444; font-size:12px; box-shadow:1px 1px 2px #f5f5f5; background-color:#fff;}
.crumbs span{margin:0 6px; font-family:"SimSun";}
.crumbs a:link,.crumbs a:visited{color:#444;font-size:12px;}
.crumbs a:hover{text-decoration:underline;color:#3377aa;}
/*condition*/
.condition{background-color:#fff;}
.condition dl{ position:relative; height:34px; line-height:34px; padding:10px 0; overflow:hidden;}
.condition dl:last-child{ border:none;}
.condition dt{ position:absolute; top:10px; bottom:0;left:0px; width:80px; padding-left:20px;color:#1a1a1a; font-size:14px;display:inline-block; text-align:center;}
.condition dd{ float:left; width:790px; margin-left:104px;display:inline-block;}
.condition dd a{ margin-right:18px; float:left;color:#1a1a1a; font-size:14px; white-space:nowrap;}
.search-more{position:absolute; top:0px;right:0px; color:#1a1a1a; font-size:14px; width:60px; display:inline-block;}
.search-more i {width:12px;height:6px;display: block;float: right;background:url(../images/icondown.png)no-repeat;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;transition: .2s;margin:24px 20px 0 0px;}
.search-more.on i {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.condition dd a.active,.condition dd a:hover{color:#30a080;}
.condition dl.heightauto{ height:auto;}
.heightauto{ height:auto;}
/*search*/
.search-hd{margin-top: 20px;font-size: 16px;}
.search-author-list{margin-top: 5px;width: 840px;}
.search-author-list li{overflow: hidden;padding: 20px 0 10px;}
.search-author-list .quote-c .tag{float: none;margin-top: 20px;display: block;width: 770px;}
.search-author-list .quote-c .tag dd{display: inline;margin-left: 0;margin-right: 5px;}
.search-author-list .quote-c .tag dd a{display: inline-block;height: 20px;line-height: 20px;padding: 0 10px;border: 1px solid #dcdcdc;border-radius: 10px;color: #999;}
.search-author-list li .quote-c .tag dd a:hover{background-color:#e9e9e9}
.search-author-list li .img{float: left;margin:0 20px;width: 120px;height: 174px; }
.search-author-list .img a img{width: 100%;}
/*templet*/
.templet{ padding-top:20px; background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.templet li{ float:left; width:150px; margin:0 0 20px 30px;}
.templet li img{height:150px; line-height:0;}
.templet a{ line-height:0px;}
.templet .templet-t{ color:#30a080; display:block; height:16px; line-height:16px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.templet .templet-t:hover,.templet .templet-n:hover{ color:#3377aa;}
.templet .templet-n{ color:#999;}
/*people*/
.people{ padding:20px 0 20px 30px; background-color:#fff;border-bottom:1px solid #ddd;}
.people li{ width:180px; margin-bottom:20px; float:left;}
.people li a{ font-size:14px; color:#444;}
.people li a:hover{ color:#3377aa;}
/*页码*/
.r-p{ position:relative;text-align:center; height:62px; line-height:62px;background-color:#fff;border-radius: 10px;behavior: url(ie-css3.htc);}
.r-page{ display:inline-block;}
.r-page a{ height:24px; margin-top: 16px; line-height:24px; width:24px;color:#767480; display:inline-block; border-radius:50%;border:2px solid #fff;}
.r-page span{ color:#767480;}
.r-page a:hover,.r-page a.active{ color:#474553;border:2px solid #e1e9e1;}
.r-p .prev,.r-p .next{ position:absolute; top:0px; left:60px; width:auto; color:#7d7b8b; font-size:14px;margin-top: 16px;height: 30px;line-height: 30px; text-align:left; width:160px; border-right:1px solid #ddd;}
.r-p .prev i,.r-p .next i{ color:#605e6a; margin:0 6px;}
.r-p .next{left:auto;right:60px; border:none; border-left:1px solid #ddd; text-align:right;}
.r-p a.prev:hover{color:#767480;}
/*hotp*/
.hotp ul li a{ line-height:0;}
.hotp ul li img{ height:58px; width:58px;}
.hotp ul li a.hotp-t{ height:16px;line-height:16px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
/*05*/
.pnav{ height:56px;line-height:56px; background-color:#fff; border-bottom:1px solid #f1f1f1; padding-left:20px; border-radius:10px 10px 0 0;behavior: url(ie-css3.htc);}
.pnav span{ margin:0 10px; color:#999;}
.pnav a{ color:#999; font-size:16px;}
.pnav a.on{ color:#484a63; font-weight:bold; font-size:16px; letter-spacing:4px;}
/*shortup*/
.shortup{ background-color:#fff; padding:20px 0;border-bottom:1px dotted #f1f1f1; }
.shortup-t{ margin-left:20px;}
.shortup-t h1{text-align:center; font-size:16px; color:#484a63; font-weight:bold; margin:10px 0;}
.shortup-t p{ text-align:center; font-size:14px; color:#999;}
.shortup-t p a{font-size:14px; color:#999;}
.shortup-t p a:hover{color:#3377aa;}
.shortup-c{ width:670px; padding:0 20px;}
.shortup-c p{ text-indent:2em; line-height:28px; color:#444; font-size:14px;}
.share{ background-color:#fff; height:64px; line-height:64px;border-radius:0 0 10px 10px;behavior: url(ie-css3.htc);}
.share span{ color:#444; font-size:14px; margin-right:30px;}
.share img{ vertical-align:middle; margin-left:10px;}
/*06*/
/*famous*/
.famous{ background-color:#fff; padding:20px 20px 0 20px;border-radius:10px;behavior: url(ie-css3.htc);}
.famous img{ height:210px; width:210px;}
.famous dl{ position:relative; top:0px; left:0px; line-height:26px; margin-bottom:6px;}
.famous dt{ position:absolute; top:0px; left:0px; width:50px; font-size:14px; color:#444;}
.famous dd{ margin-left:50px; float:left; width:145px; overflow:hidden; height:auto;}
.famous dd a,.famous dd .f-c{ display:block; font-size:14px; color:#999;}
.famous dd a.f-c{ line-height:20px; margin-top:2px;}
.famous dd a.c444{ color:#444;}
.famous dd a:hover{ color:#3377aa;}
/*classical*/
.classical{ background-color:#fff; border-radius:10px;behavior: url(ie-css3.htc);}
.classical-t{ height:56px; border-bottom:1px solid #f1f1f1; line-height:56px;}
.classical-t span{ font-weight:bold; color:#484a63; font-size:18px; margin-left:20px;letter-spacing: 6px;}
.classical-t .classical-more{ font-size:14px; color:#ccc5bf; margin-left:8px; display:inline-block; height:56px; line-height:58px;}
.classical-t .classical-more:hover{ text-decoration:underline;}
.classical ul{ padding:0 20px;border-bottom:1px solid #ddd; }
.classical ul li{ border-bottom:1px dashed #ddd; height:53px; line-height:53px; list-style:url(../images/article.png) inside;}
.classical ul li:last-child{ border:0;}
.classical ul li a{ font-size:14px;color:#1b1b1b;}
.classical ul li a:hover{color:#3377aa;}
/*logion*/
.logion{ background-color:#fff; padding:0 20px; }
.logion li{ padding:10px 0 20px 0; border-bottom:1px dashed #ddd;}
.logion li p{ line-height:28px; color:#484a63; font-size:14px;}
.s-logion{ height:32px; line-height:32px;}
/*article*/
.article{ background-color:#fff;border-radius:10px;behavior: url(ie-css3.htc);}
.a-content{ margin-left:20px;width:704px;}
.a-c{ display:block; color:#999; font-size:14px; line-height:28px; text-indent:2em;}
.a-t{ font-weight:bold; color:#484a63; font-size:20px; margin-bottom:20px; display:block;}
.article ul{ padding:0 20px;}
.article ul li{ padding:20px 0;border-bottom:1px dotted #ddd; }
.article ul li:last-child{ border:none;}
/*08*/
.artical-name{ font-size:18px; color:#484a63; height:56px; line-height:56px; font-weight:bold; padding-left:20px; background-color:#fff; border-bottom:1px solid #f1f1f1;}
.shortup-t .st-h1{ display:block;text-align:center; font-size:16px; color:#484a63; font-weight:bold; margin:10px 0;}
.shortup-t .st-p{ display:block;text-align:center; font-size:14px; color:#999;}
.sa-c{ width:714px;}
.writer { background-color:#fff;}
.writer-c{ padding:20px 0;}
.writer-c .writer-img{ padding:0 20px;}
.writer .wc{ width:714px;}
.writer .wc a{ display:block; line-height:28px;}
.writer .wc-nation a{ display:inline-block;}
.writer .wc a.wc-name{ font-size:16px; color:#484a63; font-weight:bold;}
.writer .wc a.wc-nation{ font-size:16px; color:#999;}
.writer .wc .wc-p{ font-size:14px; color:#444; line-height:28px;}
.writer .wc a:hover{color:#3377aa;}
.order-list{color: #ccc;}
/*09*/
.quote ul{ padding-left:10px;border-bottom: 1px solid #f1f1f1;}
.quote ul li{ margin-left:0; }
.quote-ul{margin-top: 5px;}
.quote-ul li{overflow: hidden;border-top: 1px dashed #ddd;padding: 20px 0 10px;}
.quote-c{overflow: hidden;color: #666;}
.quote-c h2{font-size: 18px;margin-bottom: 6px;}
.quote-c .pub{margin: 6px 0 8px;}
.quote-c .star{float: right;}
.quote-txt{ width:840px;}
.quote-c a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:28px;}
.quote-c a:hover{ color:#3377aa;}
.quote-c p{margin: 6px 0 8px;}
.quote-c .quote-h{ background:url(../images/quote.png) no-repeat center left;font-size:16px; color:#30a080; padding:14px 0 14px 20px; border-bottom:1px dashed #f1f1f1; margin-bottom:10px;}
.quote-c .quote-i{ font-size:14px; color:#999; height: 112px;}
.qmore{ position:absolute; right:20px; top:50%; margin-top:-11px;}
.quote-ul li .quote-c .tag{float: none;margin-top: 20px;display: block;width: 770px;}
.quote-ul li .quote-c .tag dd{display: inline;margin-left: 0;margin-right: 5px;}
.quote-ul li .quote-c .tag dd a{display: inline-block;height: 20px;line-height: 20px;padding: 0 10px;border: 1px solid #dcdcdc;border-radius: 10px;color: #999;}
.quote-ul li .quote-c .tag dd a:hover{background-color:#e1e9e1;}
.quote-ul li .img{float: left;margin:0 20px;width: 120px;height: 174px; }
.quote-ul li .img a img{width: 100%;}
/*12*/
.issue{ background-color:#fff;border-radius:10px;behavior: url(ie-css3.htc);}
.issue ul{ padding:0 20px;}
.issue ul tr{ margin-bottom:20px;*zoom: 1; }
.issue ul tr:after { display: table; content: ''; clear: both; }
.issue ul .label{ margin-bottom: 30px; font-size:16px;  margin-right:38px;  color:#444;  display:inline-block; float:left;}
.issue ul .label i{ margin-left:47px;}
.issue ul .label b{ margin-right:38px; }
/*bigc*/
.bigc{ border:none; width:200px; height:40px; border-radius:20px; border:1px solid #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none; background: url(../images/down.png) no-repeat scroll transparent; background-position:174px center; padding-left:20px;font-size:16px; color:#444; margin-right:20px;}
.bigc.tuoyuan{ border-radius:20px 20px 0px 0px;}
.bigc option{ box-shadow:none;font-size:16px; color:#444;}
.title{ margin-bottom: 20px; display:inline-block; width:460px; height:40px;border-radius:20px; border:1px solid #ddd; line-height:40px; padding:0 20px; }
.title input{appearance:none;-moz-appearance:none;-webkit-appearance:none; border:none; box-shadow:none; font-size:16px; color:#444; width:400px;}
.title span{ color:#999; font-size:16px;}
.title span i{ color:#eb1c1c; margin:6px;}
.input-focus{ float: left;  height: 240px;  width: 880px;  border-radius: 10px;  border: 1px solid #ddd;  padding: 10px;  font-size: 16px;  color: #999;}
.edit{ display:inline-block; float:left;}
.txtarea{float:left; height:240px; width:880px; border-radius:10px; border:1px solid #ddd; padding:10px;font-size:16px;color:#999;}
.btn-save{ width:140px; height:60px; background-color:#e1e9e1; text-align:center; line-height:60px; font-size:16px; color:#fff; border-radius:10px; margin:30px auto 40px auto;}
.btn{ text-align: center;;}
/*tiaojian*/
.tiaojian{ float:left;}
.tiaojian label{ font-size:16px; color:#444;}
.tiaojian input.input-txt{ font-size:16px; color:#444; margin-right:20px; width:160px; padding:0 20px; margin-left:6px; border-radius:4px; box-shadow:none; border:none; border:1px solid #ddd; height:28px; line-height:28px;}
.tiaojian .input-cb input{ margin-bottom:10px; margin-right:6px; margin-top:2px; }
.tiaojian .input-cb label{ vertical-align:top;}
/*11*/
.detail .detail-t{ padding:20px 20px 20px 40px; line-height:55px;border-top: 2px solid #e1e9e1;}
.detail .detail-t h1{ font-size:24px; color:#484a63; font-weight:bold; height:26px; line-height:26px;}
.detail .detail-t p{float:left; height:26px; line-height:26px; margin-top:18px; font-size:12px; color:#999;}
.detail .detail-t p .reward{ font-size:px; color:#3377aa; margin-right:34px;}
.detail .detail-t p .time{ margin-right:34px;}
.detail .detail-t p a{ font-size:12px; color:#999; margin:0 4px;}
.detail .detail-t p a:hover{color:#3377aa;}
.detail .detail-t p span img{ margin-right:10px;}
.detail .detail-c{ font-size:14px; color:#444; padding:20px;line-height: 28px;text-indent: 2em;}
.detail .detail-c p{ line-height:28px; text-indent:2em;}
.detail .atten { padding:20px;}
.detail .atten li{ line-height:28px; font-size:12px; color:#999;}
.detail .atten li a{ color:#999;}
.detail .atten li a:hover{ color:#3377aa;}
.detail .ad3{ display:block; margin:0 auto;}
/*content start*/
.indent {word-break: break-all}
.subjectwrap { position: relative; float: left; width: 100%; margin-bottom: 15px;}
.subject {float: left;width: 615px;margin-left: 40px;}
.mainpic {float: left;text-align: center; margin: 0 15px 0 0; max-width: 120px;overflow: hidden}
.mainpic a img {margin-bottom: 10px;width: 100%;}
.cont-info {float: left;max-width: 480px;word-wrap: break-word;font-size: 14px;line-height: 20px;}
.cont-info span{margin-bottom: 5px;display: inline-block;}
.cont-info a{color: #3377aa;}
.inter-score {float: left;width: 215px;margin: 2px 0 0 0;padding: 0 0 0 15px;border-left: 1px solid #eaeaea;color: #9b9b9b}
.inter-score .rating_wrap {padding-bottom: 15px;font-size: 12px;line-height: 14px}
.inter-score .rating_wrap .rating_logo {line-height: 1}
.inter-score .rating_self {padding: 0;line-height: 2}
.inter-score .rating_self .rating_sum {clear: both}
.inter-score .rating_num {color: #494949;padding: 0;min-width: 30%;font-size: 28px}
.inter-score .rating_right {float: left;padding: 10px 0 10px 6px}
.inter-score .rating_right.not_showed {padding: 10px 0}
.inter-score .power {height: 10px;float: left;margin: 1px 4px;background: #ffd596 none repeat scroll 0 0}
.inter-score .power.color_gray {background: #ccc}
.inter-score .rating_per {font-size: 11px;}
.inter-score .rating_betterthan {position: relative;padding: 15px 0;border-top: 1px solid #eaeaea;color: #9b9b9b;margin: 0}
.star-vote{width:120px;height:20px;position:relative;overflow:hidden;}
.star-vote>span{position:absolute;width:120px;height:20px;background-size:cover;background-repeat:no-repeat;left:0px;top:0px;}
.star-vote>.add-star{background-image:url("../images/tubiao/yellow-star120.png");}
.star-vote>.del-star{background-image:url("../images/tubiao/trans-star120.png");background-color:white;}
.starstop {float: left}
.starstop,.stars {margin-right: 5px;}
.content_info{margin-top: 10px;display: inline-block;}
.content_info h2 {font-weight: bold;color: #484a63;font-size: 18px;margin:20px;letter-spacing: 6px;}
.content_info .intro p{text-indent:2em;word-break:normal;font-size: 16px;line-height: 28px;}
.content_info .intro p a{color: #3377aa;cursor: pointer;}
.content_info .content{overflow: hidden;margin: 0 20px 20px 20px;}
.content_info .content p{white-space: pre-wrap;margin: 15px 0px; padding-top: 0px;padding-bottom: 0px;line-height: 40px;font-size: 17px;color: #000;font-family: "\5FAE\8F6F\96C5\9ED1";margin-bottom: 20px;}
.cont-type{margin:0px !important;}
.hidden {display: none}
a.show_full1 ,a.show_full2{color: #3377aa;float: right;font-size: 14px;cursor: pointer;}
a.menu_more{color: #3377aa;font-size: 14px;cursor: pointer;}
.tagwrap a{width: auto;word-break: keep-all;white-space: nowrap;background-color: #f5f5f5;font-size: 14px;padding: 2px 15px 0;display: inline-block;margin: 0 10px 5px 0;line-height: 28px;}
.tagwrap a:hover{background-color:#e9e9e9;color: #444;}
.guess dl{float: left;_display: inline;margin: 0 27px;overflow: hidden;text-align: center;width: 100px;}
.guess dl dt {overflow: hidden;height: 120px;}
.guess dl dt a {width: 85px;text-align: center;}
.guess dl dt a img {max-width: 100%;height: 100%;}
.guess dl dd {margin: 0;padding-top: 10px;overflow: hidden;height: 22px;}
/*content end*/
/*book operate start*/
.book-interest{clear: both;padding: 20px 0 3px 30px;}
.my-collect span{margin:0 10px;}
.my-collect a{color: #3377aa;cursor: pointer;}
.interest-btn{letter-spacing: 3px;overflow: hidden;color: #333;display: block; height: auto;text-decoration: none;margin: 0 10px !important;padding: 2px 15px !important;}
.interest-btn span {display: block; padding: 1px 1px 3px 11px;line-height: 22px;}
.interest-btn:hover{color: #333;}
.miniform {display: inline;}
.minisubmit {margin-top:0 !important;padding: 0;margin: 0;color: #3377aa;background: none;cursor: pointer;border: none}
.a_stars{margin:0;}
.star-oper{display:-webkit-inline-box;display: -moz-grid-line;}
.star-oper .hint{ margin-top: 3px;}
/*content operate end*/
/*comment start*/
.like-hd,.comment-hd{border-top: 2px solid #e1e9e1;}
.like-hd h2,.comment-hd h2{font-weight: bold;color: #484a63;font-size: 18px;margin: 20px;letter-spacing: 6px;}
.green-btn{border-radius: 2px;overflow: hidden;background-color: #30a080;height: 24px;padding-right: 7px;font: normal 12px sans-serif;margin: 0 5px 0 0;text-decoration: none;display: inline-block;zoom: 1;cursor: pointer;}
.green-btn:hover,.celadon-btn:hover,.save-btn:hover{opacity: .8;}
.celadon-btn{border-radius: 2px;overflow: hidden;background-color: #6fac89;height: 24px;padding-right: 7px;font: normal 12px sans-serif;margin: 0 5px 0 0;text-decoration: none;display: inline-block;zoom: 1;cursor: pointer;}
a.green-btn span,a.celadon-btn span{display: block;padding: 4px 1px 4px 8px;line-height: 18px;color: #fff;}
.comment-tt h2{margin: 24px 22px 10px;font-size: 18px;}
.comment-tt h2 .pl-all{color: #3377aa;font-size: 14px;}
.table_card { margin:0 auto;margin-top: 20px}
.table_card .tab,.table_card .tab2 { height:37px; font-size:14px; border-bottom:1px #f1f1f1 solid}
.table_card .tab li,.table_card .tab2 li { float:left; height:36px; line-height:36px; padding:0 25px; margin-right:5px; background:#f5f5f5; border-top:1px #f1f1f1 solid; border-left:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid;}
.table_card .tab li:hover,.table_card .tab2 li:hover { height:37px; background:#fff; color:#333; cursor:pointer}
.table_card .activ { height:37px !important; background:#fff !important; color:#333}
.table_card .tabCon,.table_card .tabCon2 { background:#fff; padding:15px;}
.table_card .tabCon div,.table_card .tabCon2 div { display:none}
.table_card .tabCon .on,.table_card .tabCon2 .on { display:block}
.con-comment { font-size:14px; }
.con-comment li {line-height: 50px;margin: 0;padding: 10px 20px 20px; position: relative;border-bottom: 1px dashed #ddd;}
.con-comment li .commentwrap{margin: 14px 0;}
.con-comment li .commentwrap h3{font-size: 13px;background-color: #fff;margin: 0px;padding-top: 10px;}
.con-comment li .commentwrap h3 a{margin-right: 5px;color: #3377aa;}
.pl-zan{margin-bottom: -2px !important;width: 20px !important;height: 20px !important;}
.con-comment li .commentwrap h3 a img{ margin-bottom: -12px;width: 36px;height: 36px;}
.con-comment li .commentwrap a.comment-tt{background-color: #f5f5f5;margin: 0;padding: 5px 10px;line-height: 28px;height: 28px;}
.con-comment li .commentwrap .comment-tt {color:#444;}
.con-comment li .commentwrap .comment-tt:hover{background-color: #e9e9e9;}
.comment-user-pic{margin-right: 8px !important;}
.comment-user-pic img {width: 24px;height: 24px;}
.comment-content{line-height: 30px;}
.comment-content a{padding: 5px 10px;line-height: 28px;height: 28px;color: #3377aa;}
.s-link{width: 100px;display: inline;}
.s-link a{color: #3377aa;}
.s-list{margin: 20px 0;display: none;}
.s-list-item{position: relative;padding: 10px;background: #f5f5f5;color: #666;word-wrap: break-word;}
.s-list-item .s-list-note{margin-top: 10px; padding: 20px;background: #fff;overflow: hidden; box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
.s-list-item .s-list-note .s-list-img{float: left;margin-right: 20px;box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.s-list-item .s-list-note .s-list-img img{width: 120px;}
.s-list-item .s-list-note .s-title{margin-bottom: 10px;font-size: 14px;line-height: 1.3;color: #8f8f8f;}
.s-list-item .s-list-note .s-rating{margin: 6px 0 4px 120px;}
.s-list-item .s-list-note .s-cc{line-height: 20px;margin-top: 10px;}
.s-list-more{text-align: center;margin-top: 10px;}
.a-color{color: #3377aa;}
.no-pl{font-size: 14px;margin: 0px;text-align: center;padding: 20px;border-bottom: 1px solid #f5f5f5;color:rgb(191, 191, 191);}
.more-pl{color: #3377aa;font-size: 14px;margin: 0px;letter-spacing: 6px;text-align: center;}
.part-line{border-right: 1px solid #f5f5f5;margin-left: 5px;}
.more-review h2,.review-reply h2{font-weight: bold;color: #484a63;font-size: 18px;border-bottom: 1px solid #ddd;margin: 10px 20px;padding: 10px;}
.review-reply .reply-list{word-wrap: break-word;overflow: hidden;margin:20px;}
.review-reply .reply-list .reply-item{margin-bottom: 20px;word-break: break-word;font-size: 14px;}
.review-reply .reply-list .reply-item a{color: #3377aa;cursor: pointer;}
.review-reply .reply-list .reply-item .avatar{margin-right: 20px;}
.review-reply .reply-list .reply-item .avatar img{width: 48px;height: 48px;}
.reply-form{overflow: hidden;display: none; }
.reply-form .reply-user-textarea {width: 95%;padding: 10px 8px;border: 1px solid #e5e5e5;}
.reply-form .reply-user-textarea{-webkit-appearance: none;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 8px rgba(182, 195, 214, .6) inset, 0 1px 1px #fff;
    -moz-box-shadow: 0 0 8px rgba(182, 195, 214, .6) inset, 0 1px 1px #fff;
    box-shadow: 0 0 8px rgba(182, 195, 214, .6) inset, 0 1px 1px #fff;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-easing: ease-in-out;
    -moz-transition-easing: ease-in-out;
    -o-transition-easing: ease-in-out;
    -ms-transition-easing: ease-in-out;
    transition-easing: ease-in-out;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    -webkit-transition-property: border-color, box-shadow;
    -moz-transition-property: border-color, -moz-box-shadow;
    -moz-transition-property: border-color, box-shadow;
    -o-transition-property: border-color, box-shadow;
    -ms-transition-property: border-color, box-shadow;
    transition-property: border-color, box-shadow;}
.add_reply {cursor: pointer;display: block;margin-top: 8px;padding: 3px 12px;float: left;margin-right:10px; }
.add_reply:hover{background-color: #f9f9f9;}
.replying h2{font-weight: bold;color: #484a63;font-size: 18px;margin: 10px 20px;padding: 10px;}
.replying-form{display: block;margin: 0 20px;}
.replying-form .reply-textarea{padding: 10px 8px;border: 1px solid #e5e5e5;width: 98%;}
.confirm{cursor: pointer;}
.reply-item .reply-content{overflow: hidden;}
.reply-item .reply-content .hd {padding: 3px 10px 3px; color: #999;background-color: #f5f5f5;}
.reply-item .reply-content .hd span{margin-left: 8px;}
.reply-item .reply-quote { width: 80%; padding-left: 10px;margin: 12px 0 0 0; margin: 15px; border-left: 1px solid #ddd;}
.reply-item .reply-text {margin-left: 10px;margin-top: 20px;}
.reply-item .reply-link{padding: 0 10px 10px;text-align: right;}
.nochoose{background-color:#f9f9f9 !important;cursor: default !important;}
.review-user-pic{margin-right: 10px !important;float: left;}
.review-user-pic img {width: 36px;height: 36px;margin-top: -10px;}
.review-main-hd{padding-top: 4px;margin-bottom: 20px;margin-left: 20px;line-height: 1.4;font-size: 13px;color: #999;}
.review-main-hd a{color: #3377aa;}
.review-useful{position: relative;text-align: center;}
.btn,.review-useful .useful-btn{outline: 0;display: inline-block;line-height: 1.5;vertical-align: middle;text-align: center;overflow: hidden;padding: 2px 5px;background: white;border: 1px solid #ccc;border-radius: 2px; margin-top: 10px;}
.btn:hover{background-color: #f9f9f9;}
.save-btn{border-radius: 2px;overflow: hidden;background-color: #30a080;height: 24px; padding: 0 25px;text-decoration: none;display: inline-block;zoom: 1;cursor: pointer;border: 1px solid #fff;margin-bottom: 10px;color: #fff;line-height: 22px;}
.save-btn:hover{color: #fff;}
.review-useful .useful-btn{color: #666;background: transparent;padding: 0.4em 1em;cursor: pointer;line-height: 1.2; margin-right: 20px;}
.review-useful .useful-btn:hover{background-color:#f9f9f9;}
.review-useful .useful-btn.disabled {background: #e5e5e5;cursor: auto;}
/*comment end*/
/*series start*/
.series-wrap,.author-wrap{margin: 10px; line-height: 28px;font-size: 18px;float: left;width: 99%;}
.series-wrap span{float: left; margin: 10px 10px 0 10px;line-height: 25px;font-size: 14px;}
.series-wrap h2{margin: 0 0 12px 0;line-height: 150%;}
.tuijian-sec{text-align: right;color: #999;font-size: 14px;}
.tuijian-sec span{float: left;margin: 0 20px;}
/*series end*/
/*author start*/
.author-wrap .pic{float: left;text-align: center;}
.author-wrap .pic img {width: 150px;}
.author-wrap .author-info{float: left;text-align: left;}
.author-wrap .author-info ul{ margin-left: 10px;}
.author-wrap .author-info ul li{margin:0 5px;display: inherit;width: 438px;word-wrap: break-word;overflow: hidden;float: none;text-align: left;}
.author-wrap .author-info span{color: #666;display: inline;}
.author-intro{margin-bottom: 10px;display: inline-block;}
.author-intro h2{margin: 10px 10px 0 10px;font-size: 16px;padding-bottom: 1em;}
.author-intro .all-des{font-size: 14px;line-height: 25px;}
.author-intro .about-ser{line-height: 25px;}
.author-intro .auto-ser{font-size: 14px;color: #3377aa;}
/*reading*/
.more-read{padding: 5px 10px;line-height: 28px;height: 28px;color: #3377aa;}
.book-det {border-top: 2px solid #e1e9e1;}
.book-det .info{margin-top: 20px;}
.book-det .info .book-info{height: auto;z-index: 666;position: absolute;}
.info-pic-wrap{text-align: center;}
.info-pic-wrap .pic-info {display: inline;padding-right: 15px;width: 120px;}
.info-des-wrap{float: left;max-width: 480px;word-wrap: break-word;font-size: 14px;}
.info-des-wrap span{margin-bottom: 5px;display: inline-block;}
.info-des-wrap a{color: #3377aa;}
.read-menu{margin: 0 20px 20px 20px;}
.read-menu h2{font-weight: bold;color: #484a63;font-size: 18px;margin: 20px;letter-spacing: 6px;}
.read-menu span{padding: 5px 10px; line-height: 28px;height: 28px;font-size: 16px;float: left;}
.read-menu a{padding: 5px 10px; line-height: 28px;height: 28px;font-size: 16px;color: #3377aa;float: left;}
/*reading*/
.vote-star{float: left;width: 155px;margin: 2px 0 0 0; padding: 0 0 0 15px;border-left: 1px solid #eaeaea;color: #9b9b9b;}
.vote-star .rating-wrap{padding-bottom: 15px;font-size: 12px;line-height: 14px;}
.vote-star .rating-wrap .rating-tt{line-height: 1;}
.vote-star .rating-wrap .rating-self {padding: 0;line-height: 2;}
.vote-star .rating-wrap .rating-num {color: #494949;padding: 0;min-width: 30%;font-size: 28px;}
.vote-star .rating-wrap .rating-right {float: left;padding: 10px 0 10px 6px;}
.vote-star .rating-wrap .rating-sum {clear: both;}
.per-star{margin-right: 5px;float: left;}
.vote-star .rating-wrap .power {height: 10px;float: left;margin: 1px 4px;background: #ffd596 none repeat scroll 0 0;}
.vote-star .rating-wrap .rating-per {font-size: 11px;}
.pn li{width:49%; display:inline-block; text-align:center; height:72px; line-height:72px; font-size:14px; color:#484a63; background-color:#fff;border-radius:10px;behavior: url(ie-css3.htc);}
.pn li a{ font-size:14px; color:#484a63;}
.pn li a:hover{ color:#3377aa;}
.guanggao{ margin-bottom: 20px;}
/*comment*/
#SOHUCS{ background-color:#fff;    margin-bottom: 20px;    border: 1px solid #ddd;  height: auto;  margin: 5px auto;  padding: 10px 2%;  width: 96%;}
#SOHUCS #article_info_sohu{ margin-left: 20px;}
.block-title-gw{ padding:0 20px; font-size:18px; color:#484a63; height:56px; line-height:56px; font-weight:bold; border-bottom:1px solid #ddd;}
.section-list-w .block-cont-bg{ padding: 20px 20px;border-bottom: 1px dashed #ddd; }
.section-list-w .block-cont-bg .cont-head-gw{ width:60px;margin-right: 20px;float: left;}
.cont-msg-gw{width:810px;}
#SOHUCS #SOHU_MAIN .section-list-w .block-cont-gw .wrap-user-gw {  height: 24px;  line-height: 16px;  padding: 1px 0 0;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-user-gw .user-time-gw {  float: right;  padding: 5px 0 0;  font-family: Arial;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-user-gw .user-name-gw, #SOHUCS #SOHU_MAIN .section-list-w .wrap-user-gw .user-address-gw {  display: inline-block;  padding: 5px 7px 0 0;  color: #999;  }
#SOHUCS #SOHU_MAIN .global-clear-spacing * {  letter-spacing: normal;  }
#SOHUCS #SOHU_MAIN a {  color: #44708e;  text-decoration: none;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-user-gw .user-address-gw {  color: #999;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-issue-gw {  padding: 12px 0 0;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-issue-gw .issue-wrap-gw {  line-height: 22px;  font-size: 14px;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-action-gw {  line-height: 16px;  margin: 11px 0 0;  }
#SOHUCS #SOHU_MAIN .section-list-w .wrap-action-gw .action-click-gw {  float: right;  }
.comment ul li .comment-img{ margin-right:20px;}
.comment ul li p{ line-height:28px; font-size:14px; color:#444;}
.comment ul li p a{ font-size:16px; color:#30a080; margin-right:20px;}
.comment ul li p span{ font-size:14px; color:#999;}
/*pl*/
#SOHUCS #SOHU_MAIN .section-title-w { padding: 15px 0 13px; height: 24px;}
#SOHUCS #SOHU_MAIN .section-title-w .title-join-w {float: left;}
#SOHUCS #SOHU_MAIN .section-title-w .title-join-w .join-wrap-w { line-height: 24px; height: 24px; overflow: hidden; font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";}
#SOHUCS #SOHU_MAIN .section-title-w .join-wrap-w .wrap-name-w {font-size: 17px;color: #333;}
#SOHUCS #SOHU_MAIN .section-title-w .join-wrap-w .wrap-join-w {font-size: 16px;}
#SOHUCS #SOHU_MAIN .section-title-w .join-wrap-w .join-strong-gw { font-family: Georgia; font-size: 18px; color: #ee542a;}
#comment_sohu{ background-color:#fff; padding:20px;}
#comment_sohu .block-head-w{ margin-right:20px; width: 60px;  float: left;}
.comment .input{ height:120px; width:760px; padding:10px 20px; border:1px solid #eeeded; background-color:#f4f4f4; border-radius:10px; color:#999}
.comment p{ padding-top:20px;}
.comment p .comment_code{ float: right; margin-right:10px;}
.comment p #code{ float: right; height:32px; line-height:32px; padding:0 10px; width:80px ; border-radius:4px;border:1px solid #ddd; margin-right:10px;}
.comment p .sub_btn{ float: right;height:32px; line-height:32px; width:100px ; border-radius:4px; background-color:#3377aa; text-align:center; border:none; box-shadow:none; color:#fff; font-size:14px;}
.comment .sub_btn{ float: right;height:32px; line-height:32px; width:100px ; border-radius:4px; background-color:#3377aa; text-align:center; border:none; box-shadow:none; color:#fff; font-size:14px;}
.emotion {  width: 42px;  height: 20px;  background: url(//my.chazidian.com/Static/pinglun/icon.gif) no-repeat 2px 2px;  padding-left: 20px;  cursor: pointer;  }
.about-a{ background-color:#fff; width:573px; margin-right:20px;border-top: 2px solid #e1e9e1;}
.about-a .aa-t{ font-size:18px; color:#484a63; font-weight:bold; height:58px; line-height:58px; padding-left:20px; border-bottom:1px solid #ddd;}
.about-a ul{ padding:0 20px;}
.about-a li{ height:54px; line-height:54px; border-bottom:1px dashed #ddd;}
.about-a li:last-child{ border:none;}
.about-a li a{ font-size:14px; color:#444; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.about-a li a:hover{ color:#3377aa;}
/*cooperate*/
.cooperate{ background-color:#fff; border-radius:10px;behavior: url(ie-css3.htc);}
.cooperate .c-t{ font-size:18px; color:#484a63; font-weight:bold; height:56px; line-height:56px; border-bottom:1px solid #f1f1f1; padding:0 20px;}
.cooperate .c-t a{ font-size:14px; color:#1a1a1a; margin-right:20px; height:36px; line-height:36px;display:inline-block; font-family:"SimSun";}
.cooperate .org{ padding:20px; border-bottom:1px dashed #eee;}
.cooperate .org a{ float:left; margin-right:10px; font-size:14px; color:#444; line-height:28px;text-wrap:normal;}
.cooperate .org a:hover{ color:#3377aa;}
.cooperate p{ text-align:center; font-size:14px; color:#999; height:52px; line-height:52px;}
/*userinfo*/
.user-nav{width: 100%;height: 58px;margin-bottom: 2em;position: relative;left: 0;top: 0;zoom: 1;}
.user-nav .user-pic{float: left;margin-right: 12px;}
.user-nav .user-pic img {vertical-align: bottom; border-radius: 25px;}
.user-nav .user-info{padding-top: 0;float: left;}
.user-nav .user-info h1 {padding: 0 0 4px 0;}
.user-nav .user-info .nav-list {font-size: 0; margin-top: 1px;}
.user-nav .user-info .nav-list li {line-height: 16px;font-size: 12px;margin-right:10px;margin-top: 10px; display: inline-block;}
.nav-list-activated {padding: 0 2px;color: white;background-color: #30a080;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.nav-list-activated a{color: #fff;}
.collect-wrap h2,.user-comment h2{margin: 0 10px;font-size: 18px;}
.collect-wrap h2 .pl-all,.user-comment h2 .pl-all{color: #3377aa;font-size: 14px;}
.collect-wrap .collect-mian{margin-bottom: 20px;clear: both;}
.collect-wrap .collect-mian:hover{ box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);}
.collect-wrap .collect-mian .col-list{clear: both; padding-left: 18px;margin-top: 10px; margin-bottom: 8px;}
.collect-wrap .collect-mian .col-list li{text-align: center;display: inline-block;zoom: 1;width: 12%;height: 180px;margin: 10px 18px;vertical-align: bottom;}
.collect-wrap .collect-mian .col-list li img{width: 100%;height: 90%;}
.user-comment ul{font-size: 14px;margin-top: 10px;padding-bottom: 10px;}
.user-comment ul:hover{box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);border-bottom:none;}
.user-comment ul li {line-height: 50px;margin: 0;padding: 10px 20px 20px;position: relative;border-bottom: 1px dashed #ddd;}
.user-comment ul li h3{font-size: 13px;background-color: #fff;margin: 0px;padding-top: 10px;}
.user-comment ul li h3 a { margin-right: 5px;color: #3377aa;}
.user-shoucang {margin-bottom: 40px;clear: both;}
.user-shoucang .sc{margin-top: 10px;padding: 5px;}
.user-shoucang .sc:hover{box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);}
.user-shoucang h2{font-size: 18px;}
.user-shoucang h3{font-size: 12px ;margin: 10px 0;}
.user-shoucang .sc-list {padding: 0;}
.user-shoucang .sc-list li{border-bottom: 1px dashed #ccc; display: block;padding: 10px 0;zoom: 1;margin: 5px 2px;}
.user-shoucang .sc-list p {margin: 0;overflow: hidden;font-size: 14px;}
.user-shoucang .sc-list .rec {float: right; font-size: 12px;color: #aaa;}
.user-short{margin-top: 10px;}
.user-short h2{font-size: 18px;}
.user-short .comment-short{margin-top: 10px;padding: 5px;}
.user-short .comment-short:hover{box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);}
.user-short .comment-short ul{padding: 0;margin: 0;clear: both;word-wrap: break-word;}
.user-short .comment-short ul li{border-bottom: 1px dashed #ddd;padding: 4px 0;}
.user-short .comment-short ul li a{color: #3377aa;}
.user-short .comment-short .quote{overflow: hidden;padding: 0 24px 5px 15px; margin: 8px 0 0 26px;background: url(../images/tubiao/quotel.png) no-repeat left 4px;width: auto;word-wrap: break-word;}
.user-short .comment-short .quote span.inq{background: url(../images/tubiao/quoter.png) no-repeat right bottom;color: #333;padding-right: 15px;display: inline-block;word-break: break-all;}
.list-u-nav {width: 250px; height: 58px;margin-bottom: 2em;position: relative;top: 0;zoom: 1;}
.list-u-nav .list-u-pic{float: left;margin-right: 12px;margin-bottom: 12px;display: -webkit-inline-box;}
.list-u-nav .list-u-pic img {vertical-align: bottom;border-radius: 25px;}
.list-u-nav .list-u-pic h1 {padding: 0 0 4px 0;margin-top: 15px;margin-left: 10px;}
.list-u-nav .user-info{padding-top: 0;float: left;}
.list-u-nav .user-info .nav-list {font-size: 0; margin-top: 1px;}
.list-u-nav .user-info .nav-list li {line-height: 16px;font-size: 12px;margin-right:10px;margin-top: 10px; display: inline-block;}
.lr-newstime {background-color: #fff;text-align: left;border-top: 2px solid #e1e9e1;}
.lr-news {padding: 0 0 23px;}
.lr-news p {font-size: 18px;overflow: hidden;color: #484a63;font-size: 18px;}
.lr-news p.lr-tt{padding-left: 20px; line-height: 56px;height: 56px;font-weight: bold;border-bottom: 1px solid #f1f1f1;letter-spacing: 6px;}
.lr-news p span {float: left;}
.list02 li{overflow:hidden;zoom:1;height:85px;}
.list02 .p_a{float:left;width:60px;margin-top:5px;margin-right:10px;_display:inline;_margin-right:7px;_margin-top:3px;}
.list02 img{width:60px;height:60px;}
.list02 h3{overflow:hidden;zoom:1;font-size: 16px;}
.list02 h3 a:link{color:#000;}
.list02 h3 a:visited{color:#666;}
.list02 h3 a:hover{color:#000;text-decoration:underline;}
.list02 p{overflow:hidden;zoom:1;font-size:14px;color:#9a9a9a;}
/*copyright*/
.copyright{height:auto;overflow:hidden;border-top:#eee solid 4px; color:#f6f6f6; z-index:1; background-color:#3f434e;}
.copyright p{height:48px; margin-right:-38px;padding:20px 6px; border-bottom:1px dotted #565a65;}
.copyright p img{width:98px;height:46px;margin-right:38px; float:left;}
.copyright-ul{height: auto;padding:20px 0;position: relative; font-family:"\5B8B\4F53"; }
.copyright-ul li{ width:100%;text-align: center;line-height:30px; font-size:14px; color:#fff;}
.copyright-ul li img{ vertical-align:middle; margin-right:6px;}
.copyright-ul li a{ color:#fff; font-size:14px;}
.copyright-ul li span{ margin:0 10px;}
.copyright-ul li.fb>a{ color:#fff; font-size:14px;padding:0 34px;border-right:1px solid #565a65;}
.copyright-ul li.fb>a:hover,.copyright-ul li a:hover{ color:#3377aa;}
.wx:hover img{ opacity:1;filter:Alpha(opacity=100);}
.wx{ position:relative;}
.wx img{ position:absolute; top:-100px; left:-16px; opacity:0;filter:Alpha(opacity=0);transition:.5s;}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-later:before { content: "\e60b"; }
.icon-before:before { content: "\e60c"; }
.icon-3:before { content: "\e604"; }
.icon-tengxun:before { content: "\e600"; }
.icon-kongjian:before { content: "\e601"; }
.icon-weixin:before { content: "\e602"; }
.icon-xia:before { content: "\e60d"; }
.icon-imxinlang:before { content: "\e603"; }
.icon-dian:before { content: "\e60e"; }
.icon-fabu:before { content: "\e605"; }
.icon-huan:before { content: "\e606"; }
.icon-liwu:before { content: "\e607"; }
.icon-liebiao:before { content: "\e608"; }
.icon-sousuo:before { content: "\e609"; }
.icon-xiangxia:before { content: "\e60a"; }
.detail-c img{
    display:block;
    margin:auto;
    position:relative;
    max-width: 100% !important; height: auto!important; width:expression(this.width > 600 ? "600px" : this.width)!important;
}