@charset "utf-8";
#footer{display:none}
.info-pic{position:relative;width:100%;height:5.6rem;overflow:hidden}
.info-pic:after{box-shadow:0 .3rem .6rem rgba(0,0,0,.4) inset,0 -.3rem .6rem rgba(0,0,0,.4) inset;content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.info-pic img{object-fit:cover;width:100%;min-height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;display:block}
.info-pic .nt-tit{width:100%;height:57px;color:#fff;font-size:22px;position:absolute;left:0;right:0;bottom:0.42rem;line-height:25px;padding:0 0.8rem 0 0.5rem; box-sizing: border-box; overflow: hidden; text-shadow:1px 1px 3px rgba(0,0,0,.6);}

.note-directory{padding:0 15px;background:#fff}
.dir-person{height:44px;padding:15px 0 20px}
.dp-author{width:45px;height:45px;border-radius:50%;float:left}
.dp-author>img{border-radius:50%;width:45px;height:45px;}
.dp-info{float:left;padding:0 0 0 10px}
.dp-info p{line-height:26px}
.dp-info .name{font-size:14px;color:#696969;margin-right:5px}
.dp-info .time{font-size:12px;color:#aaaaaa;display:block}
.dp-info a,.dp-view a{color:#00a2e9}
.dp-view{float:right; color:#999;font-size:14px;line-height:1.8;text-align:center}
.dp-view .i-view{width:18px;height:18px;background:url("../images/ico_yj.png") no-repeat 0 0;background-size:16px auto;display:inline-block;vertical-align:middle;}

.dir-list{border:1px solid #e5e5e5;border-left:0;border-right:0;padding:0.2rem 0;}
.dir-list li{ width:50%;float:left;font-size:12px;color:#999;line-height:22px;}
.dir-list li i{width:15px;height:15px;background:url("../images/note_sprites.png") no-repeat 0 0;/*background-size:15px auto;*/display:inline-block;margin-right:0.16rem;vertical-align:middle;}
.dir-list li i.i-time{background-position:0 0}
.dir-list li i.i-cost{background-position:0 -24px}
.dir-list li i.i-people{ background-position:0 -52px}
.dir-list li i.i-day{ background-position:0 -82px}
.dir-list li i.i-way{ background-position:0 -112px}
.dir-list li span{color:#696969;font-weight:bold;margin-left:5px;}

.note_detail{padding:.3rem;background:#fff;line-height:1.7}
.note_detail img{max-width:100%;height:auto !important;margin:.1rem 0}
.note_detail iframe{max-width:100%;min-height:5.6rem;height:auto}
.note_detail table{margin-bottom:.27778rem;border-collapse:collapse;display:table;border-spacing:0;width:99%;max-width:99%}
.note_detail td,.note_detail th{background-color:#fff;padding:.133334rem;border:1px solid #e9e9e9}
.note_detail caption{border:1px dashed #e9e9e9;border-bottom:0;padding:3px;text-align:center}
.note_detail th{border-top:2px solid #ddd;background-color:#f7f7f7}
.note_detail *{text-indent:0 !important;word-wrap:break-word;word-break:break-all;max-width:100%;box-sizing:border-box;font-family:"Hiragino Sans GB","microsoft yahei","WenQuanYi Micro Hei",sans-serif !important}
.note_detail p,.note_detail div{margin-left:0 !important;margin-right:0 !important}

.aside-bar{width:auto;background-color:rgba(255,255,255,.95);position:fixed;left:0;bottom:20px;border:1px solid rgba(0,0,0,.1); border-left:0;border-radius:0 30px 30px 0;color:#333;font-size:12px;box-shadow:4px 5px 10px rgba(0,0,0,.15);height:17px;padding:0.3rem 1rem 0.3rem 0;z-index:10}
.aside-bar .ab-item{width:40%;float:left;height:17px;line-height:17px;border-right:1px solid #e5e5e5; box-sizing:border-box;}
.aside-bar .ab-item:last-child{border-right: 0;}
.aside-bar .ab-item i{background: url("../images/note_sprites1.png") no-repeat 0 0;background-size:160px auto;display:inline-block;}
.aside-bar .ab-ding{width:50%;float:left;color:#fc9c27;position:relative;padding-left:50px}
.aside-bar .ab-ding i{width:32px;height:30px;background-position:-124px 4px;position:absolute;left:15px;top:-6.2px}
.aside-bar .ab-ding span{font-weight:bold;}
.aside-bar .ab-comment i{width:15px;height:15px;background-position:-71px -110px;vertical-align:middle;margin:0 2px 0 15px}
.aside-bar .ab-comment span{font-weight:bold;}

/*评论*/
/* 评论页 */
.content {padding-bottom:50px;background:#fff}
.comment_detail h1 {padding:25px 20px;background-color:#f6f6f6;font-size:16px;color:#000;line-height:23px;border-bottom:1px solid #e7e7e7;}
.comment_lsit li {position:relative;margin-left:60px;padding:16px 15px 13px 0;border-bottom: 1px solid #d7d7d7;line-height:18px;}
.comment_lsit li:last-child {border-bottom:none;}
.comment_lsit .cl_ava img {position:absolute;left:-45px;top:16px;width:34px;border-radius:34px;}
.comment_lsit .cl_name {color:#ff7200;margin-right:2px;}
.comment_lsit .cl_rating {font-weight:bold;color:#ea3c1a;font-size:10px;}
.comment_lsit .cl_reply {position:absolute;right:15px;top:15px;font-size:14px;color:#ff8a00;cursor:pointer}
.comment_lsit .cl_time {color:#999;font-size:10px;}
.cl_con {margin-top:10px;font-size:14px;line-height:20px;}
.cl_quote {display:block;color:#999;margin-bottom:8px;padding-right:5px;font-size:12px;}
.cl_quote_img img {display:block;margin:8px 0 12px;width:100%;}

.show_more a {display:block;padding:12px;margin:0 15px;border-top: 1px solid #d7d7d7;text-align:center;color:#ff8a00;font-size:14px;line-height:20px;}
.show_more a i {display:inline-block;background-position:-233px -3px;width:15px;height:11px;margin-left:2px;}
.public_sprite {background-image: url(../images/public_sprite_v2.png);background-size:251px 81px;}
/* 底部回复 */
.footer_comment {left:0;right:0;position:fixed;bottom:0;padding-bottom:0;background-color:#fff;background-color:rgba(255,255,255,.97);height:50px;border-top:1px solid #ccc;z-index:30;box-shadow:0 -2px 3px rgba(0,0,0,.14);}
.footer_comment {height:55px;}
.comment_replay {padding:10px 15px;}
.comment_replay input {padding:0 13px;display:block;width:100%;box-sizing:border-box;background-color:#eee;border:none;border-radius:3px;line-height:35px;font-size:14px;color:#999;outline:none;}

/* 回复框展开 */
.reply_box {width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;min-height:480px;border-top:none;overflow:hidden;z-index:98;display:none;}
.bgef {background:#efefef;}
.reply_box .re-hd{height:43px;background-color:#fff;text-align:center;font-size:18px;color:#333;line-height:43px;border-bottom:1px solid #f29406;position:absolute;top:0;left:0;width:100%;display:block;}
.reply_box a.close{position:absolute;width:44px;height:48px;display:block;top:0px;left:0px;cursor:pointer}
.reply_box a.close i{width:23px;height:16px;display:block;background:url(../images/footbar.png) 0px 0px no-repeat;margin:16px 0 0 14px; background-size:25px 300px;}
.reply_box a.submit{position:absolute;width:44px;height:48px;display:block;top:0px;right:0px;cursor:pointer}
.reply_box a.submit i{width:23px;height:16px;display:block;background:url(../images/footbar.png) 0 -20px no-repeat;margin:13px 0 0 10px; background-size:25px 300px;}
.reply_box .reply_title {width:100%;margin:0 auto;border:none;padding:48px 0 0;}
.reply_box .textarea{width:auto;min-height:500px;border-radius:4px;background:#fff;text-indent:0;padding:4px;max-height:82px;overflow-x:hidden;overflow-y:auto;font-size:18px;line-height:1.2em;margin:4px 9px 0;color:#666;text-align:left;outline:0;}

.reply-wrap {padding:2px 10px 0;resize:none;}
.reply_box .reply_title {position:fixed;top:0;}
.reply-wrap textarea {width:100%;min-height:120px;border-radius:4px;background:#fff;text-indent:0;overflow-x:hidden;overflow-y:auto;font-size:18px;line-height:1.2em;color:#666;text-align:left;outline:0;border:1px solid #fff;margin-top:48px;}
.comment_lsit .cl_con img{max-width:100%;}

.TipPop{position:absolute;top:50%;left:50%;z-index:998;width:154px;height:60px;padding:2px;margin:-30px 0 0 -77px;background-color:rgba(0,0,0,0.8);box-shadow:1px 1px 3px #333}
.TipPop p{line-height:59px;text-align:center;color:#fff;font-size:16px}

/**-相关推荐--**/
.xgtuijian{width: 100%;padding:.2rem 0;background-color:#fff;}
.xgtuijian>span{font-size: 18px;color: #00a2e9;display: block;padding: .2rem;margin-top: .2rem}
.xgtuijian .xgtuijianlink{display: block;width: 100%;padding:0.3rem;box-sizing:border-box}
.xgtuijian .xgtuijianlink a{display: inline-block;width: 100%;position:relative}
.xgtuijian .xgtuijianlink a .pic{position: relative;overflow: hidden;height: 30vmin;width: 30vmin;float: left;margin-right: .2rem;}
.xgtuijian .xgtuijianline{display: block;width: 100%;position: relative;}
.xgtuijianline img{width:30vmin;height: 30vmin !important;object-fit: cover;}
.xgtuijian .xgtuijianright{float: right;display: contents;}
.xgtuijian .xgtuijianright .tit{margin-top:.1334rem;margin-bottom:.1334rem;font-size:.4rem;display: inline-block;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xgtuijian .xgtuijianright .time{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999;margin: 0.2rem 0;font-size:.3rem;}
.xgtuijian .xgtuijianright span{display: inline-block;color: #ff5346;font-size: 18px;}
.xgtuijian .xgtuijianright span i{font-size:12px }
.xgtuijian .xgtuijianright span em{font-size:12px;color: #333;padding: 0 .1rem;display: inline-block;}
.xgtuijian .xgtuijianmore{text-align: center;font-size: 18px;margin: .5rem}
.xgtuijian .rightbiao{position: absolute;bottom: 0;right: 0;line-height: .44445rem;background-color: #ff5346;color: #fff;font-size: .28125rem;padding: 0 .2rem}
.xgtuijian .rightbiao:before {content: "";position: absolute;top: 0;left: -.22223rem;border-style: solid;border-width: .22223rem .13334rem;border-color: transparent #ff5346 #ff5346 transparent;z-index: 5}

.tab-box{height:1.2rem;padding:0.3rem}
.tab-box > nav{height:1.2rem;position:relative;z-index:100;background-color:#fff;line-height:1.2rem;border-bottom:1px solid #dcdcdc;box-sizing:border-box;overflow:hidden}
.tab-box ul{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;background-color: #fff;-webkit-user-select: none;user-select: none;box-sizing: content-box;height: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.tab-box ul li{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;box-sizing: border-box;color: #646566;font-size: 3.7333333333vmin;line-height: 5.3333333333vmin;cursor: pointer;-webkit-box-flex: 1;-webkit-flex: 1 0 auto;flex: 1 0 auto;margin-right:0.3rem;}
.tab-box ul li.c-um:after{content:"";position:absolute;width:100%;left:0;bottom:1px;height:.06rem;display:block}
.tab-box ul li a{display:inline-block}