﻿
.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/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/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;
	display:none;
}
.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/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/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(../images/tip-wx.png) no-repeat right top; background-size:290px 80px;
}



.casefen_li{background:#ccc;}















/* 禁言提示 */
.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/close.png) no-repeat center center; background-size: cover}
.warm-info{width: 273px; height: 240px; background: #fff url(../images/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;
}