@charset "utf-8";
/* CSS Document 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{ margin:0; padding:0; }
body{ background:#fff; font-family:"Microsoft YaHei"; font-size:14px; color:#333; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
input,button,select,textarea{ outline:none; border:none; font-size:14px;font-family:inherit; -webkit-appearance:none; }
em,i{ font-style:normal; font-weight:normal; }
ol,ul,li{ list-style:none; }
a{ text-decoration:none; cursor:pointer; color:#333; }
a:hover{ text-decoration:none; color:#00a2ff; }
.clearfix{ *zoom:1; }
.clearfix:after{ content:""; display:block; height:0; clear:both; }
.clear{ height:0; overflow:hidden; clear:both; }
.fl{ float:left; }
.fr{ float:right; }
.nowtime,.nowtime a,.red{ color:#ff3d3d !important; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.cover1{ display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:999998; background:#000; opacity:.7; filter:alpha(opacity=70); }

/*topbox*/
.topbox{ width:100%; border-bottom:1px solid #f2f2f2; background-color:#f8f8f8; }
.topbox .top{ width:1200px; height:36px; line-height:36px; margin:0 auto; }
.topbox .topl li{ float:left; color:#a9a9a9; }
.topbox .topl li a{ color:#565656; margin:0 8px; display:inline-block; line-height:18px; }
.topbox .topl li.home a{ padding-left:23px; margin-left:0; position:relative; }
.topbox .topl li.home a i{ position:absolute; left:0; top:0; display:inline-block; width:18px; height:16px; background:url(../images/easyicos.png) no-repeat 0 -60px; overflow:hidden; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.topbox .topl li.home a:hover i{ background-position:0 -82px; }
.topbox .topr{ color:#ccc; font-size:14px; }
.topbox .topr li{ float:left; color:#a9a9a9; }
.topbox .topr li a{ color:#565656; margin:0 8px; }
.topbox .topr li .login_a,.topbox .topr li .reg_a{ color:#00a2ff; }
.topbox .topr li .login_a:hover,.topbox .topr li .reg_a:hover{ color:#fa8405; }
.topbox .top a:hover{ color:#00a2ff; }
/*header*/
.header{ width:100%; min-width:1200px; }
.header .in{ width:1200px; margin:0 auto; }
.header-top{ background:#fff; width:100%; height:120px; }
.header-top .logo{ padding:18px 0 0 0; margin-right:253px; overflow:hidden;}
.search{ padding:25px 0 0; width:500px; }
.search form{ position:relative; }
.search_box{ background:url(../images/easyicos.png) no-repeat 9px -107px; height:36px; border:2px solid #fa8405; width:464px; padding-left:32px; position:relative; }
.sech_keyword{ float:left; width:376px; height:20px; line-height:20px; padding:8px 10px 8px 0; background:#fff; color:#444; overflow:hidden; outline:0; }
.sech_btn{ position:absolute; right:-2px; top:-2px; background:#fa8405; width:80px; height:40px; line-height:40px; letter-spacing:3px; cursor:pointer; color:#FFF; font-size:16px; }
.search .search-key{ height:20px; line-height:20px; margin-top:10px; color:#565656; overflow:hidden; }
.search .search-key a{ color:#565656; margin:0 10px 0 2px; }
.search .search-key a:hover{ color:#00a2ff; text-decoration:underline; }
.head-more{ padding-right:3px; }
.head-more .head-app,.head-more .head-feed{ display:inline-block; width:80px; text-align:center; color:#565656; margin:18px 0 0 7px; position:relative; z-index:3; }
.head-more .head-app i,.head-more .head-feed i{ background:url(../images/icosprit.png) no-repeat; display:block; width:50px; height:50px; margin:0 auto 7px; overflow:hidden; }
.head-more .head-app i{ background-position:0 0; }
.head-more .head-feed i{ background-position:-86px 0; }
.head-more .head-app:hover,.head-more .head-feed:hover{ color:#00a2ff; }
.head-more .head-app:hover i,.head-more .head-feed:hover i{-moz-transition:transform .8s;-webkit-transition:transform .8s;-o-transition:transform .8s;transition:transform .8s;-moz-transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}
.head-more .app_code{ position:absolute; top:88px; left:50%; margin-left:-68px; width:135px; padding-top:10px; background:#fff; border:1px solid #fb9424; border-radius:4px; display:none; z-index:99; }
.head-more .app_code em.angle{ background:url(../images/icosprit.png) no-repeat -54px -198px; position:absolute; left:57px; top:-9px; display:block; width:21px; height:9px; overflow:hidden; }
.head-more .app_code img{ display:block; width:107px; height:107px; margin:0 auto; }
.head-more .app_code p{ text-align:center; color:#999; line-height:18px; padding:5px 0 7px; }
.head-more .app_code p span{ display:block; font-size:12px; color:#fb9424; }
/*feedback*/
#feedback{ position:fixed; left:50%; top:50%; margin-left:-323px; margin-top:-183px; width:646px; background:#fff; overflow:hidden; z-index:999999; }
#feedback .feed-tit{ background-color:#e7e7e7; height:38px; line-height:38px; padding:0 15px; border-bottom:1px solid #ccc; position:relative; }
#feedback .feed-tit h3{ font-size:16px; font-weight:bold; }
#feedback .feed-close{ position:absolute; right:15px; top:13px; display:block; width:13px; height:12px; background:url(../images/icosprit.png) no-repeat -173px -199px; cursor:pointer; font-size:18px; }
#feedback .feed-cont{ padding:2px 0 22px; }
#feedback .feed-cont p{ float:left; width:586px; vertical-align:top; margin:18px 30px 0; }
#feedback .feed-cont p.tips{ color:#ff0000; padding-left:82px; line-height:10px; *line-height:normal; }
#feedback .feed-cont label{ float:left; font-size:15px; width:82px; height:42px; position:relative; top:11px; }
#feedback .feed-cont input{ float:left; width:470px; height:22px; border:1px solid #ccc; padding:10px 14px; font:14px/22px "Microsoft YaHei"; }
#feedback .feed-cont #pContent{ float:left; width:470px; height:115px; border:1px solid #ccc; padding:10px 14px; resize:none; font:14px/22px "Microsoft YaHei"; }
#feedback #submitBtn{ width:120px; height:42px; border-radius:3px; border:none; background-color:#00a2ff; font-size:16px; font-family:"Microsoft YaHei"; color:#fff; cursor:pointer; }
#feedback #submitBtn:hover{ background-color:#0274b5; }

/*nav*/
.nav{ width:100%; height:46px; background:#00a2ff; }
.nav .in{ width:1200px; margin:0 auto; position:relative; }
.nav li{ float:left; }
.nav li a{ width:112px; line-height:46px; display:block; text-align:center; font-size:18px; color:#fff; }
.nav li a.nav-cur{ background-color:#0274b5; font-weight:bold; }
.nav li a:hover{ font-weight:bold; color:#ff0; }
.nav li a.nav-cur:hover{ color:#fff; }
.wysc{ height:46px; position:absolute; right:8px; top:0; overflow:hidden; }
.wysc a{ background:url(../images/icosprit.png) no-repeat 0 -67px; display:block; width:121px; height:33px; padding:13px 0 0 18px; font-size:16px; color:#fff; line-height:22px; }
.wysc i{ display:block; float:left; width:24px; height:22px; background:url(../images/easyicos.png) no-repeat 0 0; margin-right:10px; overflow:hidden; }
.wysc a:hover{ background-position:0 -285px; }
.nav2{ width:100%; height:43px; background:#fff; border-top:2px solid #00a2ff; border-bottom:1px solid #eee; }
.nav2 .in{ width:1200px; margin:0 auto; height:44px; position:relative; *z-index:1; }
.nav2 li{ float:left; text-align:center; }
.nav2 li a{ width:145px; height:44px; line-height:43px; display:block; text-align:center; font-size:18px; }
.nav2 li a.nav-cur{ background-color:#00a2ff; font-weight:bold; color:#fff; }
.nav2 li a:hover{ color:#00a2ff; }
.nav2 li a.nav-cur:hover{ color:#fff; }
.nav2 .wysc{ background:none; height:43px; position:absolute; right:30px; top:0; overflow:hidden; }
.nav2 .wysc a{ background:none; display:block; width:auto; height:22px; padding:10px 0 0 18px; font-size:16px; color:#fa8405; line-height:22px; }
.nav2 .wysc a:hover{ color:#8bb375; }
.nav2 .wysc i{ background-position:0 -30px; }
.nav2 .wysc a:hover i{ background-position:0 -410px; }
.nav2 li.mntp{ width:145px; height:44px; }
.nav2 li.mntp a{ display:inline; padding-right:21px; position:relative; }
.nav2 li.mntp i{  position:absolute; right:0; top:8px; display:block; width:14px; height:8px; background:url(../images/easyicos.png) no-repeat 0 -280px; overflow:hidden; }
.nav2 li .ext-list{ width:143px; background:#fff; border-left:1px solid #fff; border-right:1px solid #fff; position:absolute; left:0; top:0; z-index:9999; }
.nav2 li .ext-choose{ display:none; padding:0 0 8px; }
.nav2 li.hover a.ext-title{ color:#00a2ff; }
.nav2 li.hover .ext-list{ border:1px solid #00a2ff; border-top:0; }
.nav2 li.hover .ext-choose{ display:block; }
.nav2 li.hover i{ -moz-transition:transform .2s;-webkit-transition:transform .2s;-o-transition:transform .2s;transition:transform .2s;-moz-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);transform:rotateZ(180deg) }
.nav2 li .ext-choose p{ padding:5px 0; text-align:center; }
.nav2 li .ext-choose a{ display:inline; background:url(../images/easyicos.png) no-repeat 64px -240px; padding-right:20px; line-height:20px; height:20px; font-size:14px; }
.nav2 li .ext-choose a:hover{ background-position:64px -255px; }

/*bottom*/
.flinks{ width:1200px; overflow:hidden; margin-top:20px; }
.flinks .flink-hd{ height:15px; border-bottom:1px solid #e2e2e2; }
.flinks .flink-hd h3{ background:#fff; width:104px; }
.flinks .flink-hd h3 span{ display:block; background:url(../images/icosprit.png) no-repeat 0 -130px; width:88px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; padding-right:6px; }
.flinks .flink-hd .fr{ color:#999; padding-left:10px; background:#fff; line-height:30px; }
.flinks .flink-hd .fr em{ color:#00a2ff; }
.flinks .flink-bd{ padding-top:30px; }
.flinks .flink-bd a{ margin-right:25px; line-height:28px; }
.flinks .flink-bd a:hover{ text-decoration:underline; }
#footer{ width:100%; background:#40464a; margin-top:20px; }
#footer .foot-in{ width:1200px; margin:0 auto; }
#footer .foot-link{ overflow:hidden; padding:20px 0; border-bottom:1px solid #4c5156;     text-align: center;}
#footer .footlogo{ background:url(../images/foot_logo.png) no-repeat 0 0; height:70px; width:268px; margin-top:10px; }
#footer .foot-info{ overflow:hidden; width:1200px; color:#7d8489; line-height:20px; margin-top:11px; }
#footer .foot-info .footnav{ font-size:16px; color:#fff; padding-bottom:14px; }
#footer .foot-info em{ padding:0 6px; }
#footer .foot-info a{ color:#fff; }
#footer .foot-info a:hover{ text-decoration:underline; }
#footer .foot-code{ width:92px; height:60px; padding:18px 10px 17px 110px; background:#444a4e; position:relative; }
#footer .foot-code img{ display:block; width:95px; height:95px; position:absolute; left:0; top:0; }
#footer .foot-code p{ color:#9ca4a9; line-height:20px; }
#footer .foot-code em{ color:#fff; font-style:normal; }
#footer .foot-cert{ padding:13px 0; }
#footer .safety{ height:32px; line-height:32px; text-align:center; display:inline-block; width:100%; font-size:12px; }
#footer .safety a{ color:#9ca4a9; display:inline-block; padding: 0 33px; }
#footer .safety a:hover,#footer.tips_text a:hover{color:#fff; text-decoration:none; }
#footer .safety i{ background:url(../images/icon-pl_bak.png) no-repeat 0 0; width:23px; height:20px; vertical-align:middle; margin-right:6px; margin-bottom:2px; display:inline-block; }
#footer .safety .icon_safe2{ background-position:-30px 0; }
#footer .safety .icon_safe3{ background-position:-60px 0; }
#footer .safety .icon_safe4{ background-position:-85px 0; }
#footer .safety img{ float:left; position:relative; left:0; top:6px; margin-right:8px; }
#footer .tips_text{ text-align:center; height:30px; line-height:30px; display:inline-block; width:100%; color:#7d8489; font-size:12px; }
#footer .tips_text a{ color:#7d8489; }

/*right-side*/
#sidebar{ bottom:254px; left:50%; margin-left:620px; position:fixed; width:58px; z-index:9996; }
#share span.share-icon,#backTop{ background:url(../images/right_icos.png) no-repeat; display:block; width:58px; height:58px; margin-top:1px; overflow:hidden; position:relative; cursor:pointer; }
#share span.share-icon{ background-position:0 0; }
#share:hover span.share-icon{ background-position:-59px 0; }
#backTop{ background-position:0 -59px; display:none; /*transition:background .2s;*/ }
#backTop:hover{ background-position:-59px -59px; }
#backTop span{ display:none; }
.shareList{ display:none; background:#fff; border:1px solid #00a2ff; border-right:0; padding:5px 4px 6px 0; position:absolute; right:57px; top:1px; width:206px; height:45px; }
.share-show{ display:block; }
#sidebar #share .bdsharebuttonbox a{ background:url(../images/share-icons.png) no-repeat; display:block; float:right; color:#666; font-size:12px; text-align:center; padding:0; margin:0; width:50px; height:20px; padding-top:25px; }
#sidebar #share .bdsharebuttonbox .bds_more{ background-position:9px 0; }
#sidebar #share .bdsharebuttonbox .bds_qzone{ background-position:9px -52px; }
#sidebar #share .bdsharebuttonbox .bds_tsina{ background-position:9px -104px; }
#sidebar #share .bdsharebuttonbox .bds_weixin{ background-position:9px -156px; }
#sidebar #share .bdsharebuttonbox .bds_more:hover{ background-position:9px -208px; }
#sidebar #share .bdsharebuttonbox .bds_qzone:hover{ background-position:9px -260px; }
#sidebar #share .bdsharebuttonbox .bds_tsina:hover{ background-position:9px -312px; }
#sidebar #share .bdsharebuttonbox .bds_weixin:hover{ background-position:9px -364px; }

/*用户评论*/
.total-num{ color:#999; line-height:22px; font-size:14px; font-weight:400; padding-left:5px; }
.head-w{ margin-bottom:10px; }
.head-user label{ color:#666; font-size:14px; float:left; line-height:28px; }
.head-user #userText{ float:left; height:26px; line-height:26px; text-align:center; width:117px; padding:0 10px; border:1px solid #ccc; font-size:12px; color:#666; font-family:"Microsoft YaHei"; text-align:left; }
.post-wrap-w{ background-color:#fff; border:1px solid #ccc; border-radius:5px; border-bottom-left-radius:0; display:block; }
.post-wrap-w .area-textarea-w{ background-color:#fff; overflow:hidden; padding:8px 0 6px 7px; position:relative; z-index:9; }
.post-wrap-w .textarea-fw{ background:none; color:#999; font-size:14px; height:70px; line-height:22px; overflow-x:hidden; overflow-y:auto; resize:none; width:100%; font-family:"Microsoft YaHei"; }
.post-wrap-w .wrap-action-w { background-color:#f7f7f7; border-top:1px solid #ccc; height:39px; line-height:39px; font-size:12px; color:#666; }
.post-wrap-w .wrap-action-w .action-function-w { float: left; width:160px; position: relative; z-index: 12; }
.post-wrap-w .wrap-action-w .emotion{ padding:10px 0 10px 12px; color:#666; display:block; font-size:14px; float:left; line-height:19px; position:relative; }
.post-wrap-w .wrap-action-w .emotion i{ background:url(../images/smile.png) no-repeat 0 0; display:block; float:left; width:19px; height:15px; margin:2px 9px 0 0; overflow:hidden; }
.post-wrap-w .wrap-action-w .action-issue-w{ padding-left:9px; }
.post-wrap-w .wrap-action-w .action-issue-w .btn-fw { background:#00a2ff; border:0 none; cursor:pointer; float:right; height:41px; line-height:41px; margin:-1px -1px 0 0; font-size:16px; color:#fff; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:139px; }
.post-wrap-w .wrap-action-w .action-issue-w a:hover .btn-fw{ background-color:#fa8405; }
.cbox-prompt-w{ background-color:#fff; color: #ff3d3d; display: none; line-height: 16px; margin: 10px 0 0; padding: 9px 0 8px; text-align: center; }
.post-wrap-w .wrap-action-w .action-bz-w{ *display:none; text-align:right; }
.empty-prompt-w{ padding:10px 0 0; }
.empty-prompt-w .prompt-null-w{ background-color:#eff2f7; color:#00a2ff; display:block; line-height:16px; padding:9px 0 8px; text-align:center; }
.cmt-list-title{ height:22px; line-height:22px; border-left:5px solid #00a2ff; padding-left:12px; font-size:18px; font-weight:bold; margin-top:22px; margin-bottom:10px; }
.block-cont{ padding:15px 0 10px; border-bottom:1px dashed #e2e2e2; }
.cont-head{ width:50px; height:50px; padding-left:3px; overflow:hidden; float:left; position:relative; }
.cont-head em{ position:absolute; left:3px; top:0; background:url(../images/icosprit.png) no-repeat -180 -350px; display:block; width:50px; height:50px; overflow:hidden; z-index:2; }
.cont-msg{ float:right; width:1135px; overflow:hidden; }
.wrap-user{ height:18px; line-height:18px; overflow:hidden; }
.wrap-user .user-name{ font-size:12px; color:#00a2ff; margin-right:20px; }
.wrap-user .user-time{ font-size:12px; color:#888; }
.wrap-action a:hover{ color:#09f !important; }
.border_red{border:1px dashed #ff0000;}
.block-cont .content{border:1px solid #e2e2e2;padding:8px 8px;font-size:14px;background-color: #ffffed;margin-bottom:5px;}
.block-cont .content .f12{font-size: 12px;color: #09f;}
.block-cont .content pre{ white-space:normal; font-family:Arial, "Microsoft YaHei"; line-height:20px; margin-top:3px; }
.block-cont img{display:inline-block;}
.cont-msg font{height:25px;line-height:25px;}
.wrap-build{ background-color:#ffffed; border:1px solid #ccc; margin-top:12px; padding:8px 19px 8px }
.wrap-issue{ padding:10px 0 0; }
.wrap-issue p{ font-size:14px; line-height:24px; }
.wrap-action{ text-align:right; color:#ccc; line-height:20px; margin-top:15px; }
.wrap-action .click-reply{ padding-right:5px; }
.wrap-action .click-support{ padding-left:5px; }
.wrap-action .click-reply a{ color:#ff0000; }
.wrap-action .click-support a{ color:#666; }
.post-rpbox{ border:1px solid #ccc; padding:14px 17px 14px 12px; margin:12px 0 5px; position:relative; }
.post-rpbox .angle{ background:url(../images/icosprit.png) no-repeat -162px -274px; position:absolute; right:68px; top:-11px; display:none; width:21px; height:11px; overflow:hidden; }
.post-rpbox-in{ border:1px solid #ccc; border-right:none; background-color:#f7f7f7; height:33px; line-height:33px; }
.post-rpbox .rpbox-lf{ float:left; font-size:12px; padding:0 8px; width:655px; overflow:hidden; }
.post-rpbox .user-name{ font-size:12px; color:#00a2ff; margin-right:5px; float:left; display:block; max-width:110px; height:33px; overflow:hidden; }
.post-rpbox .user-rp{ float:left; }
.post-rpbox .user-input{ float:left; background:transparent; padding:7px 0 7px 10px; height:19px; line-height:19px; width:530px; color:#333; font-family:"Microsoft YaHei"; font-size:12px; }
.post-rpbox .rpbox-gh{ float:right; }
.post-rpbox .rpbox-gh a{ display:block; float:right; height:35px; }
.post-rpbox .rpbox-gh .btn-hf{ background:#909090; border:0 none; cursor:pointer; float:right; height:35px; line-height:34px; font-size:16px; color:#fff; margin:-1px 0 0 -1px; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:78px; }
.cmt-list-more a{ display:block; height:33px; line-height:33px; width:198px; text-align:center; background-color:#ececec; border:1px solid #ccc; color:#565656; margin:15px auto 0; }
.cmt-list-more a:hover{ background-color:#00a2ff; border-color:#00a2ff; color:#fff; }

.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table{ z-index:1001;}
.qqFace table td{padding:0px; height:28px; }
.qqFace table td img{cursor:pointer;border:1px #fff solid; display:block; }
.qqFace table td img:hover{border:1px #00a2ff solid;}
















.mainBody {
    width: 1160px;
    margin: 0 auto
}

.mainBody .left {
    width: 1160px;
    float: left;
    margin-top: 16px;
    margin-bottom: 16px
}

.mainBody .left .down_app_prompt {
    width: 100%;
    text-align: center;
    font-size: 14px
}

.mainBody .left .down_app_prompt a {
    color: #F6A623
}

.mainBody .left .cartoon {
    border: 1px solid #dadada;
    border-radius: 4px;
    background: #fff
}

.mainBody .left .cartoon ul {
    margin-right: 24px
}

.mainBody .left .cartoon ul li.pic {
    width: 240px;
    height: 320px;
    margin: 24px;
    float: left
}

.mainBody .left .cartoon ul li.pic img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.mainBody .left .cartoon ul li.title {
    font-size: 24px;
    padding-top: 36px;
    color: #333
}

.mainBody .left .cartoon ul li.title .share {
    float: right;
    font-size: 12px;
    color: #8c8c8c;
    margin-top: 9px
}

.mainBody .left .cartoon ul li.title .share b {
    font-weight: 400;
    float: left
}

.mainBody .left .cartoon ul li.title .share i {
    float: left;
    margin-top: -3px
}

.mainBody .left .cartoon ul li.describe_title {
    font-size: 14px;
    margin-top: 12px
}

.mainBody .left .cartoon ul li.describe_title span {
    display: block;
    color: #8c8c8c;
    margin-top: 8px
}

.mainBody .left .cartoon ul li.describe_title span.people i.icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url(/images/all_ic_like.png);
    background-size: 18px 18px;
    margin-right: 4px;
}

.mainBody .left .cartoon ul li.describe {
    margin-top: 34px;
    line-height: 24px;
    color: #8c8c8c;
    -webkit-line-clamp: 3;
    position: relative;
    font-size: 14px
}

.mainBody .left .cartoon ul li.nLine {
    -webkit-line-clamp: 999
}

.mainBody .left .cartoon ul li.describe .more {
    position: absolute;
    right: 0;
    background: #fff;
    bottom: -2px;
    color: #61c2ff;
    font-size: 14px;
    padding-left: 6px;
    cursor: pointer
}

.mainBody .left .cartoon ul li.describe .more i {
    width: 0;
    height: 0;
    display: block;
    border: 5px solid transparent;
    border-top: 7px solid #61c2ff;
    float: right;
    margin-top: 9px;
    margin-left: 2px;
    transform-origin: 50% 31%
}

.mainBody .left .cartoon ul li.btnGroup {
    margin-top: 52px;
    float: left;
    margin-bottom: 20px
}

.mainBody .left .cartoon ul li.btnGroup a {
    border-radius: 45px;
    background: #ffc04b;
    padding: 11px 40px;
    color: #fff;
    font-size: 14px
}

.mainBody .left .cartoon ul li.btnGroup .subscribe {
    background: #ff5a49;
    margin-left: 16px
}

.mainBody .left .catalog {
    border: 1px solid #dadada;
    border-radius: 4px;
    margin-top: 16px;
    background: #fff
}

.mainBody .left .catalog h2 {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    padding-left: 16px
}

.mainBody .left .catalog h2 span {
    float: right;
    margin-right: 8px;
    font-size: 14px
}

.mainBody .left .catalog h2 span i {
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    background: url(/images/bookinfo_ic_sort.png);
    background-size: 22px 22px;
    float: left;
    margin-top: 10px;
    margin-right: 5px
}

.mainBody .left .catalog h2 span span {
    cursor: pointer;
}

.mainBody .left .catalog ul li {
    border-top: 1px solid #dadada
}

.mainBody .left .catalog ul li.noResult {
    color: #8c8c8c;
    text-align: center;
    font-size: 16px;
    padding: 36px 0
}

.mainBody .left .catalog ul li .left_img {
    float: left;
    width: 160px;
    height: 93px;
    border-radius: 4px;
    margin: 16px
}

.mainBody .left .catalog ul li h3 {
    margin-top: 16px;
    margin-bottom: 5px;
    font-size: 16px
}

.mainBody .left .catalog ul li h4.date {
    color: #8c8c8c;
    font-size: 14px;
    margin-bottom: 30px
}

.mainBody .left .catalog ul li h4 img {
    float: right;
    margin-right: 200px;
    height: 30px;
    width: 30px;
}

.mainBody .left .catalog ul li p.people {
    color: #8c8c8c;
    font-size: 14px
}

.mainBody .left .catalog ul li p.people i {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url(/images/all_ic_like.png);
    background-size: 18px 18px;
    margin-right: 4px
}

.mainBody .left .catalog ul li p.works_introduce {
    -webkit-line-clamp: 3;
    margin-top: 19px;
    color: #8c8c8c;
    line-height: 1.3;
    font-size: 14px;
    margin-right: 16px
}

.comment_more_works {
    display: block;
    text-align: center;
    width: 100%;
    height: 44px;
    border: none;
    font-size: 14px;
    line-height: 44px;
    background: #fff;
    border-top: 1px solid #dadada;
    border-radius: 0 0 4px 4px
}

.more_works_color {
    display: block;
    text-align: center;
    color: #f6a623;
}

.mainBody .left .comment {
    border: 1px solid #dadada;
    margin-top: 16px;
    background: #fff;
    border-radius: 4px
}

.mainBody .left .comment h2 {
    line-height: 44px;
    height: 44px;
    padding-left: 16px;
    font-size: 16px
}

.mainBody .left .comment ul li {
    border-top: 1px solid #dadada
}

.mainBody .left .comment ul li.noResult {
    color: #8c8c8c;
    text-align: center;
    font-size: 14px;
    padding: 36px 0
}

.mainBody .left .comment ul li .author {
    margin-left: 16px;
    margin-top: 12px
}

.mainBody .left .comment ul li .author img {
    width: 40px;
    height: 40px;
    border-radius: 99px;
    margin-right: 8px;
    float: left
}

.mainBody .left .comment ul li .author h3 {
    font-size: 16px;
    float: left
}

.mainBody .left .comment ul li .author h3 strong {
    float: left
}

.mainBody .left .comment ul li .author h3 i {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(/images/comments_ic_vip.png);
    background-size: 14px 14px;
    margin: 3px 4px 0;
    font-size: 11px;
    color: #f6a623;
    border-radius: 4px;
    font-style: normal
}

.mainBody .left .comment ul li .author h3 i.tag {
    width: 28px;
    height: 16px;
    background: 0 0;
    border: 1px solid #F6A623;
    margin-top: 2px
}

.mainBody .left .comment ul li .author h3 i.admin {
    width: 39px;
    height: 16px;
    background: #ff7b73;
    margin-top: 2px;
    border: 1px solid #ff7b73;
    color: #fff
}

.mainBody .left .comment ul li .author p.date {
    color: #8c8c8c;
    font-size: 12px;
    margin-top: 4px;
    float: left
}

.mainBody .left .comment ul li .details {
    font-size: 14px;
    float: left;
    margin-left: 64px;
    margin-top: -6px;
    line-height: 1.5;
    margin-right: 24px
}

.mainBody .left .comment ul li .details .reply {
    color: #8c8c8c
}

.mainBody .left .comment ul li .comment_tag {
    float: right;
    margin-top: 8px;
    margin-bottom: 12px
}

.mainBody .left .comment ul li .comment_tag a {
    float: left;
    font-size: 14px;
    color: #8c8c8c;
    margin-right: 24px
}

.mainBody .left .comment ul li .comment_tag a i {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url(/images/all_ic_like.png);
    background-size: 18px 18px;
    margin-right: 4px;
    margin-top: 1px
}

.mainBody .left .comment ul li .comment_tag a i.icon_message {
    background: url(/images/all_ic_comment.png);
    background-size: 18px 18px;
}

.mainBody .left .comment ul a.comment_more {
    display: block;
    width: 100%;
    height: 44px;
    border-top: 1px solid #dadada;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color: #f6a623
}

.mainBody .right {
    width: 300px;
    float: right
}

.mainBody .right .qr_code {
    border: 1px solid #dadada;
    border-radius: 4px;
    margin-top: 16px;
    background: #fff;
    text-align: center
}

.mainBody .right .qr_code h2 {
    font-size: 18px;
    margin-top: 24px
}

.mainBody .right .qr_code img {
    width: 200px;
    height: 200px
}

.mainBody .right .qr_code p.describe_title {
    font-size: 14px;
    color: #8c8c8c;
    margin-top: 4px;
    margin-bottom: 8px
}

.mainBody .right .qr_code .describe {
    margin-top: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: #8c8c8c
}

.mainBody .right .nearby_works {
    border: 1px solid #dadada;
    border-radius: 4px;
    margin-top: 16px;
    background: #fff;
    margin-bottom: 16px
}

.mainBody .right .nearby_works h2 {
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding-left: 16px
}

.mainBody .right .nearby_works>ul.works>li {
    border-top: 1px solid #dadada
}

.mainBody .nearby_works:not(.nohover)>ul.works>li a:hover p.start_read,.mainBody .right .nearby_works:not(.nohover)>ul.works>li a:hover .left_img .hide_font,.mainBody .right .nearby_works>ul.works>li>a {
    display: block
}

.mainBody .right .nearby_works:not(.nohover)>ul.works>li a:hover p.people {
    display: none
}

.mainBody .right .nohover>ul.works>li .people {
    margin-top: 7px
}

.mainBody .right .nearby_works>ul.works>li .left_img {
    width: 132px;
    height: 77px;
    float: left;
    margin: 12px;
    position: relative
}

.mainBody .right .nearby_works>ul.works>li .left_img img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.mainBody .right .nearby_works>ul.works>li .left_img .hide_font {
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    color: #fff;
    -webkit-line-clamp: 3;
    display: none
}

.mainBody .right .nearby_works>ul.works>li .left_img .hide_font .ellipsis {
    -webkit-line-clamp: 3;
    font-size: 12px;
    margin: 13px 12px;
    line-height: 17px
}

.mainBody .nearby_works>ul.works>li .title {
    padding-top: 12px;
    font-size: 14px;
    -webkit-line-clamp: 1;
    margin-right: 12px
}

.mainBody .nearby_works.nohover>ul.works>li .title {
    -webkit-line-clamp: 2
}

.mainBody .nearby_works>ul.works>li .people,.mainBody .right .nearby_works>ul.works>li .describe {
    color: #8c8c8c;
    font-size: 14px
}

.mainBody .nearby_works>ul.works>li .people i.icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url(/images/all_ic_like.png);
    background-size: 18px 18px;
    margin-right: 3px
}

.mainBody .right .nearby_works>ul.works>li .describe {
    margin-top: 4px;
    margin-bottom: 8px
}

.mainBody .right .nearby_works>ul.works>li p img {
    height: 30px;
    width: 30px;
}

.comic_more {
    border: none;
    height: 44px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #dadada;
    background: #fff;
    width: 100%
}

.mainBody .mainBody_footer {
    width: 100%;
    clear: both
}

.mainBody .mainBody_footer .recommend {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dadada;
    margin-bottom: 16px
}

.mainBody .mainBody_footer .recommend h2 {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    padding-left: 16px;
    border-bottom: 1px solid #dadada
}

.mainBody .mainBody_footer .recommend ul {
    margin-top: 16px
}

.mainBody .mainBody_footer .recommend ul li {
    width: 214px;
    float: left;
    margin-left: 14px
}

.mainBody .mainBody_footer .recommend ul li.noResult {
    width: 100%;
    color: #8c8c8c;
    text-align: center;
    padding: 36px 0;
    font-size: 14px
}

.mainBody .mainBody_footer .recommend ul li:first-child {
    margin-left: 16px
}

.mainBody .mainBody_footer .recommend ul li a {
    display: block
}

.mainBody .mainBody_footer .recommend ul li img {
    border-radius: 4px;
    width: 100%
}

.mainBody .mainBody_footer .recommend ul li h3 {
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 12px
}

.mainBody .mainBody_footer .advertisement {
    width: 100%;
    max-height: 200px;
    border-radius: 4px
}


.mainBody .left .manman .btn_group {
    width: 264px;
    margin: 36px auto 0
}

.mainBody .left .manman .btn_group a {
    display: block;
    width: 50%;
    height: 40px;
    border-radius: 45px 0 0 45px;
    background: #ff5a49;
    float: left;
    text-align: right;
    line-height: 40px;
    color: #fff;
    padding-right: 26px;
    font-size: 14px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    position: relative
}

.mainBody .left .manman .btn_group a:last-child {
    border-radius: 0 45px 45px 0;
    background: #dfdfdf;
    border-right: none;
    border-left: 1px solid #fff;
    text-align: left;
    padding-left: 26px
}

.mainBody .left .manman .btn_group a.grey {
    background: #dfdfdf
}

.mainBody .left .manman .btn_group a.orange {
    background: #ff5a49
}

.mainBody .left .manman .btn_group a i {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/comic_ic_lastch.png);
    background-size: 24px 24px;
    position: absolute;
    left: 25px;
    top: 8px
}

.mainBody .left .manman .btn_group a:last-child i {
    right: 25px;
    left: inherit;
    background: url(/images/comic_ic_nextch.png);
    background-size: 24px 24px;
}

.mainBody .left .manman h2 {
    font-size: 24px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 16px;
    color: #333
}

.mainBody .left .manman img.man_img {
    width: 100%;
    display: block;
}