/*base*/
*{ margin:0; padding:0; word-break:break-all;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}
body{ color:#333; font-family: "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei"; background:#fff; overflow-x:hidden;}
table{ border-collapse:collapse; border-spacing:0;}
h1, h2, h3, h4, h5, h6, b{ font-size:100%; font-weight:normal;}
ul, ol, dl, dt, dd, li{ list-style:none;}
em, i{font-style:normal;}
select { outline:none;}
mark{ background:none;}
input,textarea,select{ outline:none;}
input{-webkit-appearance: none; border-radius: 0;}
textarea {resize:none;}
a img{ border:0;}
a{ color:#333; text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.05); }
a:active{ color:#333;}
.clearfix{ clear:both;}
.clearfix:after{ display:block; content:''; clear:both; visibility:hidden;}
header, nav, section, footer, article{ display:block;}
.left{ float:left;}
.right{ float:right;}
.f700{ font-weight:700;}
.f100{ font-weight:100;}
#tlbstoolbar,#_ta_qaz_wrap,#_dfghjkiutytyute{ display: none!important;}
.hide{display: none;}
.db{ display: block; text-indent: -999em;}
img{ display: block; }
/* header */
#header{width: 100%;background: #fff;}
.logo{height: 50px;padding-left: 12.5px;background: #fff; /*border-bottom: 1px solid #dcdcdc;*/}
.logo_box{width: 95px;}
.logo_box img{width: 95px;margin-top: 10px;}
.crumbs{color: #733821;height: 50px;line-height: 50px;overflow: hidden;}
.crumbs a,.crumbs span{font-size: 16px;color: #733821;margin: 0;}
.crumbs i {font-size: 12px; opacity: .5;font-family: "Sim Sun"; margin: 0 5px; display: inline-block; font-style: normal;}
.crumbs:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; overflow: hidden; background-color: #63300e; vertical-align: middle; margin: 0 14px; }
.headlink{height: 28px;margin-top: 11px;}
.headlink a{display: block;height: 28px;line-height: 28px;text-align: center;font-size: 15px;font-family: '微软雅黑';}
.headlink a img{width: 28px; height: 28px; border-radius: 50%;}

.nav{background: #1b1b1b;width: 100%;}
.nav_list{height: 40px;overflow: hidden;display: block;}
.nav_list:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0;}
.nav_list li{float: left;font-size: 16px;height: 40px;line-height: 40px;width: 20%;}
.nav_list li a{display: block;height: 40px;line-height: 40px;color: #fff;text-align: center;}

/*.appdowntop { background:url(../../images/wap3.0/icoappdown.png) 26px 9px no-repeat; background-size:40px 40px; height:58px; background-color:#f3f3f3; padding-left:76px; position:relative; display:none;}
.linkappdown { position:absolute; right:5px; top:15px; height:23px; line-height:23px;border:1px solid #ad7554; border-radius:3px; padding:0 5px; color:#ad7554; font-size:14px; z-index:2;}
.appdowntop .box_h {-webkit-tap-highlight-color:rgba(255,0,0,0);}
.appdowntop em { display:block; line-height:1.6; padding-top:10px;font-size:9px;color:#101010;}
.appdowntop p { font-size:8px; color:#101010;line-height:1.6}
.appdowntop p.gray { color: #999; }
.appdownclose { display:block; position:absolute; left:0; top:13px; width:26px; height:26px; background:url(../../images/wap3.0/icoclosedown.png) center center no-repeat; background-size:7px 7px; z-index:3;-webkit-tap-highlight-color:rgba(255,0,0,0);} 
.menu-icon{ display: none; width: 28px; height: 50px; margin-left: 10px; background: url(../../images/wap3.0/menu-icon.png) no-repeat center center;}
.stickyed { position: fixed;top: 0; left: 0; z-index: 99; }*/

.appdowntop {position: fixed; left: 0; bottom: 0; z-index: 1001; width: 100%; height:55px; background: rgba(0,0,0,.8);display:none;}
.appdown-container{position: relative;width: 100%;height: 100%;}
.watch-appdown, .jew-appdown{width: calc(100% - 76px);height: 100%;padding-left: 76px;}
.watch-appdown{background:url(../../images/wap3.0/watch-appdown.png) 26px 8px no-repeat; background-size:40px 40px;}
.jew-appdown{background:url(../../images/wap3.0/jew-appdown.png) 26px 8px no-repeat; background-size:40px 40px;}
/*.linkappdown { position:absolute; top: 16px; right: 10px; height:23px; line-height:23px; border-radius: 3px; padding:0 5px; color:#010101; font-size:11px; z-index:2;background: #fff;}*/
.linkappdown { position:absolute; top: 0; left: 25px;right: 0;height: 100%;line-height: 100em;overflow: hidden;}
.linkappdown:after{
	content: '立即体验';
	position: absolute;
	top: 16px;
	right: 10px;
	height: 23px;
	line-height: 23px;
	border-radius: 3px;
	padding: 0 5px;
	color: #010101;
	font-size: 11px;
	z-index: 2;
	background: #fff;
}

.appdowntop .box_h {-webkit-tap-highlight-color:rgba(255,0,0,0);}
.appdowntop em { display:block; line-height: 1.6; padding-top: 18px; font-size: 12px;color:#fff;}
.appdownclose { display:block; position:absolute; left:0; top:13px; width:26px; height:26px; background:url(../../images/wap3.0/icoclosedown.png) center center no-repeat; background-size:7px 7px; z-index:3;-webkit-tap-highlight-color:rgba(255,0,0,0);} 

.appdown-pagination{position: absolute;left: 0;bottom: 6px;width: 100%;height: 5px;text-align: center;font-size: 0;}
.appdown-pagination span{display: inline-block;width: 5px;height: 5px;background: #b5b5b5;margin: 0 3px;border-radius: 50%;}
.appdown-pagination span.act{background: #fff;}

.menu-icon{ display: none; width: 28px; height: 50px; margin-left: 10px; background: url(../../images/wap3.0/menu-icon.png) no-repeat center center;}
.stickyed { position: fixed;top: 0; left: 0; z-index: 99; }
 /*breadcrumb*/
.breadcrumb{background-color: #fff; padding:0 15px; font-size: 11px; color: #999; line-height: 35px; border-bottom: 1px solid #f4f4f4; height: 35px; overflow: hidden;font-family: 'Arial';}
.breadcrumb span{color: #666; }
.breadcrumb p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.breadcrumb a{color: #333;}
.breadcrumb-black .breadcrumb{background-color: #323232; color: #fff; border-bottom: 1px solid #101010;}
.breadcrumb-black .breadcrumb a{color: #fff;}
.breadcrumb-gray .breadcrumb{background-color: #f6f6f6; color: #333;}
.breadcrumb-gray .breadcrumb a{color: #333;}
.breadcrumb-topblack .breadcrumb{background-color: #000; color: #fff; border-bottom: 1px solid #fff;}
.breadcrumb-topblack .breadcrumb a{color: #fff;}
/* footer */ 
#footer{ background:#dbdada; overflow:hidden;}
.justify {text-align:justify;text-align-last:justify;}
.justify:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0;}
.indexnav { height:20px; overflow:hidden;}
.indexnav li{ display:inline; font-size:14px; height:20px; line-height:20px; text-align:center;}
.indexnav li a{ height:20px; line-height:20px; display:inline-block;-webkit-tap-highlight-color:rgba(255,0,0,0);color: #333;}
.indexnav li a.act { font-size:14px;color:#773b09; font-weight:700; margin-top:-1px;}
.indexnavwrap { padding:8px 10px; background:#fff; display:none;}
/*baiduad*/
.topBaiduAdarea { display:none; text-align: center;}
.topBaiduAdarea img { width:100%; vertical-align:top; max-width:600px;}
.adlabel_right,.adlabel_left { position: relative; }
.adlabel_right:after { content: ""; position: absolute; right: 0; top: 0; width: 27px; height: 15px; background: url(https://www.xbiao.com/images/pc/pub/adlabel.png) ; background-size: cover; }
.adlabel_left:after { content: ""; position: absolute; left: 0; top: 0; width: 27px; height: 15px; background: url(https://www.xbiao.com/images/pc/pub/adlabel.png) ; background-size: cover; }
/*footer*/
.foot_breadcrumb{background: url(../../images/wap3.0/article/foot_bg.jpg) 0 0 repeat;color: #fff;}
.foot_breadcrumb .breadcrumb{background: url(../../images/wap3.0/article/foot_bg.jpg) 0 0 repeat;color: #fff; border-color: #666;}
.foot_breadcrumb a{color: #fff;}
.foot_breadcrumb span { color: #999; }
#footer{ background:url(../../images/wap3.0/article/foot_bg.jpg) 0 0 repeat-x; overflow:hidden;}
.foot{ max-width:340px; margin: 22px auto 0; padding-bottom:35px;}
.foot_link { display:block; font-size:14px; color:#b5b5b5; text-align:center;}
.foot_link a { display:inline-block; margin:0 10px;color:#b5b5b5; font-size:14px; vertical-align:middle;}
.foot_link a.act { color:#fff;}
.copyright {height: 15px; line-height: 15px; color:#b5b5b5; font-size:9px; text-align:center; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px;margin-top: 10px;}

.layer_alert { width:210px; height:100px; position:fixed; top:50%; left:50%; margin-left:-105px; margin-top:-50px; z-index:1002;}
.layer_alert p{ width:210px; height:100px; background:#000; color:#fff; font-size:20px; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center; line-height:25px; opacity:.8;}


/*2018header*/
/* header */
#header{width: 100%;background: #fff;}
.logo{position: relative;z-index: 100;;height: 44px;padding-left: 12.5px;background: #492c1f;overflow: hidden;}
.logo_box{width: 80px;margin-right: 10px;}
.logo_box img{width: 100%;margin-top: 10px;}
.header-breadcrumb{position: absolute;left: 102.5px;top: 0;right: 160px;height: 44px;line-height: 44px;font-size: 10px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.header-breadcrumb em{display: inline-block;}
.header-breadcrumb span,.header-breadcrumb a{display: inline-block;padding: 0 2px;color: #fff;}
.logo-btn{height: 44px;font-size: 0;}
.logo-btn .search-btn{float: left;width: 115px;height: 22px;margin: 11px 5px 0 0;line-height: 22px;background: #fff;border-radius: 5px;text-align: center;}
.logo-btn .search-btn span{
	display: inline-block;
	padding-left: 20px;
	font-size: 11px;
	color: #999;
	background: url(../../images/wap3.0/brand/index-icon.png) 0 -80px no-repeat;
	background-size: 50px 100px;
}
.logo-btn .menu-btn{float: right;width: 40px;height: 44px;background: url(../../images/wap3.0/brand/index-icon.png) 12px 15px no-repeat;background-size: 50px 100px;}
/* 搜索条自适应 */
.logo-adapt .header-breadcrumb{right: 120px;}
.logo-adapt .logo-btn .search-btn{min-width: 70px;width: auto;}

.brand-title{height: 49px;padding: 0 12.5px;line-height: 49px;border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.brand-title em{display: inline-block;height: 49px;margin-right: 10px;}
.brand-title em a{display: block;position: relative;height: 49px;}
.brand-title em a img{position: relative;top: 50%;height: 90%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.brand-title span{max-width: 175px;height: 49px;font-size: 14px;color: #000;overflow: hidden;}
.brand-title a.brand-show{display: block;height: 20px;padding: 0 5px;margin-top: 14.5px;line-height: 20px;border: 1px solid #ccc;font-size: 11px;border-radius: 5px;}

.nav{
	position: relative;
	width: 100%;
	height: 40px;	
	background-color: #fff;
}
.nav-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.nav-list{position: absolute;top: 0;left: 0;width: 100%;height: 40px;overflow-x: scroll;overflow-y: hidden;}
.nav-list::-webkit-scrollbar {display:none}
.nav ul{position: relative;white-space: nowrap;height: 40px;z-index: 0;}
.nav ul li{display: inline-block;height: 40px;min-width: 60px;line-height: 40px;text-align: center;}
.nav ul li a{display: inline-block;position: relative;font-size: 15px;color: #000;}
.nav ul li.act a{color: #733821;}
.nav ul li.act a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #733821;
}
/*白色的遮罩*/
.nav-shade-left{position: absolute; left: 0; top: 0; width: 30px; height: 40px;
background:-webkit-linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%);
/*background:linear-gradient(to right, #2e2e2e 0%, rgba(0,0,0,0) 100%);*/
background:linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%);
}
.nav-shade-right{position: absolute; right: 0; top: 0; width: 30px; height: 40px;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
/*background:linear-gradient(to right, #2e2e2e 0%, rgba(0,0,0,0) 100%);*/
background:linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
}

/*深色的导航 || 底部导航*/
.nav-deep .nav-bg{background-color: #2e2e2e; border-bottom: 1px solid #dcdcdc;}
.nav-deep .nav-list ul li a{color: #ffffff;}
/*深色的遮罩*/
.nav-deep .nav-shade-left{position: absolute; left: 0; top: 0; width: 30px; height: 40px;
background:-webkit-linear-gradient(left, #2e2e2e 0%, rgba(0,0,0,0) 100%);
background:-o-linear-gradient(left, #2e2e2e 0%, rgba(0,0,0,0) 100%);
/*background:linear-gradient(to right, #2e2e2e 0%, rgba(0,0,0,0) 100%);*/
}
.nav-deep .nav-shade-right{position: absolute; right: 0; top: 0; width: 30px; height: 40px;
background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #2e2e2e 100%);
background:-o-linear-gradient(left, rgba(0,0,0,0) 0%, #2e2e2e 100%);
/*background:linear-gradient(to right, #2e2e2e 0%, rgba(0,0,0,0) 100%);*/
}

/* 侧面弹出框 */
.aside-box{}
.aside-box-bg{position: fixed;top: 0;left: 0;z-index: 99;;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: none;}
.aside-container{
	position: fixed;top: 44px;right: 0;z-index: 999;
	width: 75%;height: 100%;
	background: #fff;
	padding: 0 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.aside-header{padding: 22.5px 0 25px 0;border-bottom: 1px solid #e5e5e5;}

.aside-header .unlogin{}
.aside-header .unlogin em{display: block;width: 58px;height: 58px;margin: 0 auto;background: url(../../images/wap3.0/brand/unlogin-logo.png) 0 0 no-repeat;background-size: 58px 58px;}
.aside-header .unlogin a{display: block;width: 160px;height: 37.5px;margin: 22.5px auto 0;line-height: 37.5px;text-align: center;font-size: 15px;color: #fff;background: #74381e;border-radius: 5px;}

.aside-header .login{display: none;}
.aside-header .login dt{width: 58px;height: 58px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.aside-header .login dt img{width: 100%;}
.aside-header .login .user-name{height: 20px;line-height: 20px;margin-top: 10px;line-height: 15px;color: #010101;text-align: center;}
.aside-header .login .user-level{margin-top: 5px;height: 12px;line-height: 12px;text-align: center;}
.aside-header .login .user-level span{display: inline-block;padding-left: 15px;background: url(../../images/wap3.0/brand/i_v.png) 0 0 no-repeat;background-size: 12px 10px;}
.aside-header .login .user-level span a{display: block;height: 10px;line-height: 10px;border: 1px solid #e5e5e5;border-radius: 3px;font-size: 9px;color: #959595;}
.user-box{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

justify-content: space-around;
margin-top: 10px;
}

.aside-header .login .user-msg{height: 12px;line-height: 12px;text-align: center;}
.aside-header .login .user-msg a{font-size: 9px;color: #010101;background: #f3f3f3;border-radius: 3px;padding: 2px 5px;}
.aside-header .login .user-msg a em{color: #f00;}

.aside-header .login .user-exit{height: 12px;line-height: 12px;text-align: center;}
.aside-header .login .user-exit a{font-size: 9px;color: #010101;background: #f3f3f3;border-radius: 3px;padding: 2px 5px;}

.aside-content{padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
.aside-content ul{margin-top: -20px;}
.aside-content ul li{float: left;width: 33%;height: 25px;margin-top: 20px;line-height: 25px;text-align: center;font-size: 15px;}
.aside-content ul li a{display: block;color: #010101;}

.aside-footer{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	padding-top: 20px;
}
.applink{
	position: relative;
	width: 40%;
	padding: 5%;
	overflow: hidden;
}
.applink img{display: block;width: 70%;margin: 0 auto;}
.applink span{display: block;margin-top: 10px;line-height: 18px;font-size: 9px;color: #959595;text-align: center;}
.jew-link{display: none;}

.aside-box.act .aside-container{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
/* 小屏处理 */
@media screen and (max-width: 320px){
	.header-breadcrumb,.logo-adapt .header-breadcrumb{right: 115px;}
	.logo-btn .search-btn,.logo-adapt .search-btn{width: 70px;}
	.aside-header{padding: 12px 0;}
	.aside-content{padding: 10px 0;}
	.aside-content ul{margin-top: -10px;}
	.aside-content ul li{margin-top: 10px;}
	.aside-footer{padding-top: 10px;}
}

/*rightcopy*/
.rightcopy{height: 73px; padding-top: 15px; background: url(../../images/wap3.0/brand/copyright-bg.png) repeat-x 0 0; background-size: 1px 104px;}
.skippc-wrap{width: 100%; height: 30px; line-height: 30px; text-align: center;}
.skippc{text-indent: 20px; display: inline-block; vertical-align: middle; color: #fff; font-size: 13px; background: url(../../images/wap3.0/brand/pc-icon.png) no-repeat 0 7px; background-size: 15px 13px;}
.rightcopy span{display: block; height: 25px; line-height: 25px; text-align: center; font-size: 11px; color: #fff;}





/* -*- 分享 -*- */
.share{}
.layer_comm_bg_share{display: none;}
.share-inner{width: 100%; position: fixed; left: 0; bottom: -500px; z-index: 1002;}
.share-inner em{display: block; height: 42px; line-height: 42px; text-align: center; background-color: #eee; color: #313131; font-size: 18px; border-bottom: 1px solid #e5e5e5}
.share-inner ul{display: block; padding: 37px 20px; background-color: #eeeeee; border-top: 1px solid #fff;}
.share-inner ul li{float: left; width: 24.99%;}
.share-inner ul li span{position: relative; display: block; padding-left: 11px; padding-right: 11px;}
.share-inner ul li span a{display: block; position: absolute; left: 0; top: 0; z-index: 500; width: 100%; height: 100%;}
.share-inner ul li span img{vertical-align: top; width: 100%;}
.share-inner ul li span i{display: block; text-align: center; margin-top: 15px; font-size: 9px; color: #7d7d7d;}
.share-exit{clear: both; display: block; height: 47px; line-height: 47px; text-align: center; background-color: #dcdcdc; color: #ae7654; font-size: 18px;}
.share-tip{display: none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9);}
.tip-inner{position: absolute; left: 50%; top: 70px; margin-left: -173px; }

.share-wx{display: none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; 
background:rgba(0,0,0,0.9) url(https://www.xbiao.com/images/wap3.0/tip-wx.png) no-repeat right top; background-size:290px 80px;
}



/* 禁言提示 */
.warm-wrap{position: fixed; left: 50%; top: 50%; margin-left: -136px; margin-top: -136px; border: 1px solid #c9c9c9; border-radius: 5px;}
.warm-close{position: absolute; right: -15px; top: -15px; width: 31px; height: 31px; background: url(../../images/wap3.0/feedback/close.png) no-repeat center center; background-size: cover}
.warm-info{width: 273px; height: 240px; background: #fff url(../../images/wap3.0/feedback/warm-bg.jpg) no-repeat center center; background-size: 193px 66px;}
.warm-complain{display: block; width: 273px; height: 36px; line-height: 36px; color: #fff; text-align: center; background-color: #a66b43; font-size: 12px;border-radius: 0px 0px 5px 5px;}
.warm-complain:active,
.warm-complain:visited {
    color: #fff;
}

/* 文章页不可评论样式 */
.allow_comment_alert{position: fixed;top: 50%;left: 50%;margin-top: -15px;margin-left: -110px;width: 220px;height: 30px;background: rgba(149,149,149, 0.9);color: #fff;font-size:12px;text-align: center;line-height:30px;border-radius: 5px;display: none;z-index: 999}