body{height: 100%;font-family:Microsoft Yahei,Arial,sans-serif;font-size: 12px;line-height: 1.7;color: #6C6C6C;background:#f5f5f5;height: 100%;position: relative; z-index:3 }
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#F72076;}
::-moz-selection {color:#fff;background:#F72076;}
::selection {color:#fff;background:#F72076;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#667289;text-decoration:none}
a:focus,a:hover {color:#F72076;transition:none}
p {margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.container-layout{max-width:90%;}
.blank-middle {height:50px;line-height:50px;clear:both;font-size:0;}
.blank-big {height:80px;line-height:80px;clear:both;font-size:0;}
.text-gray{color:#ccc}

/*左栏 begin*/
.main{margin:0 0 50px 195px;position:relative;}
.main h2{position:relative;margin:20px 0;color:#3d3d3d;font-weight:700;font-size:20px}
.main h2:before {left:10;bottom:-5px;width:20px;height:2px;background:#ff4800;content:'';display:block;position:absolute;}

.loginbar {padding:0;margin:0;}
.loginbar span{display:block;float:left;}
.loginbar span a.login{color:#666;margin:0 15px 0 10px}
.loginbar .user_face{width:42px;height:42px;border-radius:50%;margin:10px 0;}
.loginbar .button{padding:5px 15px}

.side{width:195px;background:#fff;box-shadow: 0 0 8px 0 rgba(0,0,0,0.05);z-index:1;position:fixed;top:0px;left:0px;overflow:auto;height:calc(100% - 0px);height:-webkit-calc(100% - 0px);height:-moz-calc(100% - 0px);}
.side .logo{margin:20px 0 0 0;}
.side .logo h1 a{outline:none;height:36px;background:url(https://tbadcimg.tbadc.com/uploads/allimg/20230125/1-2301251321292U.png) no-repeat center 50%;text-indent:-2000px;font-size:0;display:block;}
.side .main-nav li a{display:block;color:#CCC;margin:10px 0;font-size:16px;padding-left:50px}
.side .main-nav li ul li a{text-indent:18px;line-height:28px;font-size:14px;margin:0}
.side .main-nav li a {color:#3d3d3d;}
.side .main-nav li a:hover{color:#FF1F3A;}
.side .main-nav li a.active{color:#FF1F3A;}

/*左栏 end*/

.pc-nav ul{display:none}
.pc-nav li:first-child ul{display:block;}

.wall-idea{display: block; position: relative;min-height:1px; margin-left:-18px; margin-right:-18px}
.wall-idea .wall-column{display: block; position: relative; width:33.333333333333333%; float: left; box-sizing: border-box;}
.wall-box{display: block;margin:18px;padding:0px;transition: all 0.5s;}
.wall-box .media-img{position:relative;max-height:850px;overflow:hidden;border-radius:5px;}
.wall-box .media-img img{width:100%;}
.wall-box:hover{transition: all 0.5s;}
.wall-box .imagelink{border-radius:5px; width:100%;height:100%;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position:absolute; bottom: 0; top: 0;left:0;right:0;background:#181818;z-index:1;opacity:0;filter(alpha=1)}
/* border-radius:4px; */
.wall-box:hover .imagelink{opacity:0.6;filter(alpha=60); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.wall-box h3{opacity:0;padding:5px 10px;position: absolute;bottom:0px;left:0;right:0;z-index:9;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.wall-box h3 a{font-size:14px;color:#FFF;line-height:30px}
.wall-box:hover h3{opacity:1;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.wall-box:hover h3 a{color:#FFF;}
/* 图片瀑布流 end */

/* 下拉分类 */
.filter{background:#fff;height:60px;line-height:60px}
.filter .button-group .button{padding:10px 20px;font-size:16px;border:solid 0px #EEE;line-height:30px;background:#ff0000}
.filter .button-group .button span{color:#666}
.filter .button-group .button:hover{color:#ff0000}
.filter .button-group .drop-menu{left:0px;text-align:left;border:0;-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.075);box-shadow:0px 8px 10px rgba(0,0,0,.05);border-radius:8px;min-width:150px;z-index:99;}
.filter .button-group .drop-menu a{color:#666;padding:5px 20px;line-height:28px;font-size:16px;cursor:pointer;}
.filter .button-group .drop-menu a:hover{color:#ff0000;background:#FFF}
.filter .button-group .drop-menu a:focus,.button-group .drop-menu a.active{color:#ff0000}
.filter .button-group .drop-menu b{font-weight:normal}
/* 下拉分类 */

/*分页样式 begin*/
.pagination li {margin:0 10px 0 0;font-size:16px;border:none;}
.pagination li a {border-radius:3px;color:#666;padding:10px 14px;border:1px solid #DCDCDC;background:#fff}
.pagination li i {font-size:16px;padding:0 2px}
.pagination li.active a,.pagination li a:hover {background:#666;color:#fff;border:1px solid #666;}
/*分页样式 end*/

/*手机版顶部导航 begin */
/* #mobile-wrap{overflow-x: hidden;} */
#mobile-header, .mobile-nav-toggle, #mobile-mask{position: relative;}
#mobile-mask{z-index: 3;overflow-x: hidden;background:#f5f5f5;}
.offcanvas-visible #mobile-mask{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}
#mobile-header{display: none;height: 100%;right: 0;top:0;overflow-y: auto;position: fixed;z-index: 1;width: 275px;background:#3d3d3d ;padding:0; border:0;}
#mobile-header ul{padding:0 0 0 30px;margin: 0;}
#mobile-header ul li{position:static; width:100%; margin:0;padding:0;}
#mobile-header ul li:hover,#mobile-header ul li.current{background: #3d3d3d }
#mobile-header ul li a{font-size: 16px;color: #CCC;text-decoration: none !important; display:block;position:relative; line-height:48px; margin:0;}
/* #mobile-header ul li a span{font-size: 12px;opacity:0} */
#mobile-header ul li a:hover,#mobile-header ul li.current a{color: #CCC;}
#mobile-header ul li a::after{background:#3d3d3d; position:absolute;content:''; left:0px;bottom:0;right:0;height:1px;}
#mobile-header ul li ul{ display:none;padding:0 0 0 22px;z-index:999; position:relative ;width:100%;}
#mobile-header ul li ul li{display:block;line-height:32px;}
#mobile-header ul li ul li a,#mobile-header ul li.current ul li a{background:#3d3d3d;color:#CCC;display:block;padding:10px 0;margin:0;font-size:16px; line-height:20px;}
#mobile-header ul li ul li a:hover{background:#3d3d3d;color:#CCC;}
#mobile-header ul li ul li a::before,#mobile-header ul li ul li a::after{ background:none; height:0; padding:0}
/* #mobile-header ul li ul li ul{top:0} */
.mobile-nav-toggle{position:absolute;top:12px; right: 20px;z-index:9999999;display: none;cursor: pointer;}
.mobile-nav-toggle.active i::before, .mobile-nav-toggle.active i::after{background: #CCC;}
.mobile-nav-toggle:hover, .mobile-nav-toggle:focus, .mobile-nav-toggle:active{outline: none;border-bottom: none !important;}

.mobile-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width:28px;height: 3px;background:#333;color: #fff;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;transition: all .2s ease-out;}
.mobile-nav-toggle i::before, .mobile-nav-toggle i::after{content: '';width:28px;height: 3px;background: #333;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.mobile-nav-toggle i::before,.mobile-nav-toggle:hover i::before{top: -9px;}
.mobile-nav-toggle i::after,.mobile-nav-toggle:hover i::after{bottom: -9px;}

.mobile-nav-toggle.active i{background: transparent;}
.mobile-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.mobile-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
/*手机版顶部导航 end */

footer{line-height:60px;}
#scrollUp {
	bottom: 40px;
	right: 20px;
	background: #555;
	color: #fff;
	font-size: 12px;
	font-family: sans-serif;
	text-decoration: none;
	opacity: .9;
	text-align:center;
	width:36px;
	height:36px;
	line-height:36px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
}
#scrollUp:hover {
	background: #000;
}

@media screen and (max-width:760px) {
	
.container-layout{max-width:100%;}	
.mobile-nav-toggle{display: block;}
.blank-middle {height:20px;line-height:20px;clear:both;font-size:0;}
.blank-big {height:30px;line-height:30px;clear:both;font-size:0;}

.side{width:100%;position:relative;height:50px;overflow:hidden;}
.side .logo{margin:0}
.side .logo h1 a{height:50px;background-position: 10px 50%;background-size:auto 20px;}

.main{margin:0 0 30px 0;}
.main .media {padding:15px;margin-bottom:10px;}

.wall-idea{margin-left:-6px;margin-right:-6px}
.wall-idea .wall-column{ width:50%;}
.wall-box{margin:0 6px 12px 6px;}
footer{line-height:24px;margin:30px 0;min-height:50px}
}