body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; }
body{ font-family: "Microsoft YaHei", "微软雅黑"; font-size:16px; color:#404040; background:#2e231b; }
a { text-decoration: none; font-weight:normal; }
a:active, a:hover { text-decoration: none; }
ol, ul { list-style: none; }
.clear{ clear:both;}

/*导航*/
#appgame-leftside-share{width:100%; height:80px; position:fixed; top:0; z-index:9999; display:none; background:rgba(210,210,210,0.8);}
.rwt_share {overflow:hidden;position:relative; width:1200px; margin:0 auto;}
.ts-logo{ float:left; margin:13px 0 0 0;}
.ts-search{ width:420px; height:40px;border-radius:5px; border:1px solid #b5b5b5; float:left; margin:20px 0 0 90px; background:#d5d3d1;}
.ts-search .ts-inqut{ border:0; background: none; height:40px; width:370px; margin:0 0 0 5px; color:#404040; float:left; }
.ts-search .ts-inqut-btn{ height:40px; width:40px;float:left; border:0; cursor:pointer; background:url(ts-img-1.png) no-repeat;}
.ts-logo-1{ float:left; margin-left:80px;}
.ts-menu{ float:left; margin:0 0 0 20px;}
.ts-menu a{ font-size:13px; color:#000; line-height:75px;}

/*图说北京顶部图片*/
.ts-banner-1{ background:url(ts-img-2.jpg) no-repeat center top; width:100%; height:240px;}

/*焦点图*/
.hdwrap { width:100%;margin:0 auto;}
.img-responsive {display: inline-block; height:auto;width: 100%;}
.flashlist {height:auto;}
.flashlist .f_out {height:auto;overflow:hidden;position:relative;z-index:100;}
.flashlist .f_out .picintro {height:120px; margin:0 auto;width:1200px;z-index:999;}
.picintro p {color:#777;line-height:30px; font-size:16px; padding-top:25px; text-indent:2em;word-wrap:break-word ;}
.picintro p a{color:#777;}
.flash_tab {height:26px; top:-150px; z-index:9999; position: relative; width:200px; /*! margin:0 auto; */left: 47.5%;}
.flash_tab .tabs {height:10px;overflow:hidden;margin:auto;}
.flash_tab .tabs ul li {width:20px;height:10px;float:left;display:block;}
.flash_tab .tabs ul li.opdiv,.noopdiv {padding:0;opacity:1}
.flash_tab .tabs ul li.opdiv a {width:10px;height:10px;background:#fff;display:block;}
.flash_tab .tabs ul li.noopdiv a {width:10px;height:10px;background:#dabb85;display:block;}

/*京味板块*/
.ts-bd-1{ width:1200px; margin:30px auto; height:380px;}
.ts-bd-1 .ts-bd-jw{ width:380px; height:380px; float:left; background:url(ts-img-3.jpg) no-repeat;}
.ts-bd-1 .ts-bd-rn{ width:380px; height:380px; float:left; background:url(ts-img-4.jpg) no-repeat; margin-left:30px;}
.ts-bd-1 .ts-bd-rw{ width:380px; height:380px; float:right; background:url(ts-img-5.jpg) no-repeat;}
.ts-bd-1 .ts-bd-jw ul:hover{ background:rgba(0,0,0,0.8) url(ts-img-6.png) no-repeat 65px 115px;}
.ts-bd-1 .ts-bd-rn ul:hover{ background:rgba(0,0,0,0.8) url(ts-img-7.png) no-repeat 65px 115px;}
.ts-bd-1 .ts-bd-rw ul:hover{ background:rgba(0,0,0,0.8) url(ts-img-8.png) no-repeat 65px 115px;}
.ts-bd-1 .ts-bd-jw ul,.ts-bd-1 .ts-bd-rn ul,.ts-bd-1 .ts-bd-rw ul{ width:380px; height:380px; display:block;}
.ts-bd-1 .ts-bd-jw ul li,.ts-bd-1 .ts-bd-rn ul li,.ts-bd-1 .ts-bd-rw ul li{ display:none;}
.ts-bd-1 .ts-bd-jw ul:hover li,.ts-bd-1 .ts-bd-rn ul:hover li,.ts-bd-1 .ts-bd-rw ul:hover li{ display:block; text-align:center; padding:210px 0 0 0;}
.ts-bd-1 .ts-bd-jw ul:hover li a,.ts-bd-1 .ts-bd-rn ul:hover li a,.ts-bd-1 .ts-bd-rw ul:hover li a{ margin:0 0 0 20px;color:#dabb85; font-size:18px; }
.ts-bd-1 .ts-bd-jw ul:hover li a:hover,.ts-bd-1 .ts-bd-rn ul:hover li a:hover,.ts-bd-1 .ts-bd-rw ul:hover li a:hover{ background:#dabb85; color:#000; padding:3px 10px;border-radius:20px; }

/*活动征集*/
.ts-bd-2{ width:1200px; margin:80px auto; height:290px;}
.ts-bd-2 .ts-bd-2-l{ width:760px; float:left; height:290px; border-right:1px solid #56473c; padding-right:20px;}
.ts-bd-2 .ts-bd-2-r{ width:330px; float:left; height:290px; margin-left:50px;}
.ts-bd-2 h2{ background:url(ts-img-9.png) left 12px no-repeat; font-size:28px; color:#d5b782; padding-left:30px; font-weight:normal; margin-bottom:30px; margin-top:10px;}
.ts-bd-2 h2 a{color:#d5b782; }
.ts-bd-2 .ts-bd-2-l ul{ margin-bottom:30px;}
.ts-bd-2 .ts-bd-2-l .tit{ font-size:18px;color:#fff; margin-bottom:5px; width:730px;}
.ts-bd-2 .ts-bd-2-l .tit a{ color:#fff;}
.ts-bd-2 .ts-bd-2-l .tit span{ color:#919191; margin-left:15px;}
.ts-bd-2 .ts-bd-2-l .text{ line-height:24px;color:#919191;width:730px; font-size:16px; margin-top:5px;}
.ts-bd-2 .ts-bd-2-r .ts-login-bd .ts-yhm{ width:255px; height:50px; border:1px solid #56473c;border-radius:20px; background: url(ts-img-10.png) no-repeat 16px 10px; padding-left:65px; font-size:16px; color:#56473c; margin-bottom:20px; }
.ts-bd-2 .ts-bd-2-r .ts-login-bd .ts-mm{ width:255px; height:50px; border:1px solid #56473c;border-radius:20px; background: url(ts-img-11.png) no-repeat 16px 10px; padding-left:65px; font-size:16px; color:#56473c; }
.ts-login-btn-bd{ height:50px; margin-top:20px;}
.ts-login-btn-bd .ts-login-btn-1{ width:160px; height:50px; background:#d5b782; color:#211a1a; font-size:19px; text-align:center; line-height:50px; border:0;border-radius:20px 0 0 20px; margin-right:1px; cursor:pointer;}
.ts-login-btn-bd .ts-login-btn-2{ width:160px; height:50px; background:#d5b782; color:#211a1a; font-size:19px; text-align:center; line-height:50px; border:0;border-radius:0 20px 20px 0;cursor:pointer;}

/*赏心悦目*/
.ts-bd-3{ width:1200px; margin:90px auto;}
.ts-bd-3 h2{  margin-bottom:40px; }
.ts-bd-3 h2 img{margin: 0 auto; width:295px; display:block;}
.ts-bd-3 ul{ width:105%;}
.ts-bd-3 li{ float:left; margin-right:30px; margin-bottom:20px; width:380px;}
.ts-bd-3 li .img{ width:380px; height:380px;}
.ts-bd-3 li .img img{ width:380px; height:380px;}
.ts-bd-3 li .text{ font-size:16px; margin:15px 0; text-align:center;}
.ts-bd-3 li .text a{ color:#777; line-height:30px;}
.ts-bd-3 .ts-more a{ width:100%;border-radius:20px; height:50px;font-size:16px; color:#d5b782; display:inline-block; font-weight:normal; line-height:50px; text-align:center; border:1px solid #d5b782; }
.ts-bd-3 .ts-more{ margin:20px 0;}
.ts-bd-3 .ts-more a:hover{background:#d5b782; color:#2e231b; }

/*摄影师*/
.ts-bd-4{ width:1200px; margin:90px auto 60px auto;}
.ts-bd-4 h2{  margin-bottom:40px; }
.ts-bd-4 h2 img{margin: 0 auto; width:295px; display:block;}
.ts-bd-4 ul{ width:105%;}
.ts-bd-4 li{ float:left; margin-right:20px; margin-bottom:20px; width:285px;}
.ts-bd-4 li .img{ width:285px; height:190px;}
.ts-bd-4 li .img img{ width:285px; height:190px;}
.ts-bd-4 li .tit{ font-weight:bold; font-size:18px; text-align:center; margin:20px 0 15px 0;}
.ts-bd-4 li .tit a{color:#fff; }
.ts-bd-4 li .text{ font-size:14px; margin:15px auto; width:90%;}
.ts-bd-4 li .text a{ color:#777; line-height:20px;}
.ts-bd-4 .ts-more a{ width:100%;border-radius:20px; height:50px;font-size:16px; color:#d5b782; display:inline-block; font-weight:normal; line-height:50px; text-align:center; border:1px solid #d5b782; }
.ts-bd-4 .ts-more{ margin:40px 0 20px 0;}
.ts-bd-4 .ts-more a:hover{background:#d5b782; color:#2e231b; }

/*移动端样式*/
.ts-yd-banner-1{ display:none;}
.slider-yd{ display:none;}
.ts-bd-yd{display:none;}
.ts-bd-2 .ts-bd-2-l .ts-more{display:none;}
.ts-bd-3 h3{ display:none;}
.ts-bd-4 h3{ display:none;}
.yd-dh-1{ display:none}



/*图集*/

/*download by www.sucaijiayuan.com*/
#play {width:1000px;text-align:left;position:relative;margin:40px auto;}
#play .change_a {width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;}
#play .prev_a {left:0; background:url(ts-img-yd-l.png) no-repeat; width:50px; height:120px; margin-left:-100px; top:25%;}
#play .next_a {right:0;background:url(ts-img-yd-r.png) no-repeat; width:50px; height:120px; margin-right:-100px; top:25%;}
#play .change_a span {width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .img_ul {position:relative;z-index:1;}
.img_hd  {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul {position:absolute;z-index:1}
.img_hd ul li {float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img {height:60px;}
.img_hd ul li.on{ border-color:rgb(45, 150, 233);}
.img_hd .bottom_a {background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a { background-position:0 -24px;left:5px;}
.img_hd .next_a { background-position:-30px -24px;right:5px;}
#play .img_ul li h4{ margin:30px 0 15px 0; font-size:26px; border-bottom:1px solid #919191; font-weight:normal; padding:0 35px ; width:1000px; margin-left:-35px; color:#fff; padding-bottom:20px; height:35px;}
#play .img_ul li h4 em{ font-style:normal; float:left;}
#play .img_ul li h4 span{ color:#919191; float:right; font-size:16px; line-height:50px;}
#play .img_ul li h5{color:#919191; line-height:26px; font-size:18px;font-weight:normal; }
#play .img_ul li .ts-zh{position:absolute; z-index:9999; display:block; width:100%; height:100%; background:url(ts-img-yd-7.png) center center no-repeat;background-color:rgba(0,0,0,0.8); top:0;}


@media only screen and (max-width: 750px) {
	.yd-dh-1{ display: block;}
	.yd-dh{ display:none;}
	.ts-banner-1{ display:none;}
	.ts-yd-banner-1{ display:block;}
	.ts-yd-banner-1 img{ width:100%; height:100%;}
	.hdwrap { display:none;}
	.slider-yd{ display: block; height:350px;}
	.focus span{width:10px;height:10px;margin-right:10px;background:#dabb85;font-size:0}
	.focus span.current{background:#fff}
	.slider ul li p{ padding:5% 5% 2% 5%; text-indent:2em}
	.slider ul li p a{ color:#777; font-size:16px;}
	.ts-bd-1{ display:none;}
	.ts-bd-yd{ display:block;margin:0 auto; margin-top:300px; width:90%;}
	.ts-bd-yd a{ margin-right:4%; width:30%; display:inline-block;}
	.ts-bd-yd .ts-bd-yd-img-l{ margin-right:0;}
	.ts-bd-yd a img{ width:100%;}
	.ts-bd-2{ width:90%; margin:50px auto;}
	.ts-bd-2 h2{ display:none;}
	.ts-bd-2 .ts-bd-2-l .text{ width:100%; }
	.ts-bd-2 .ts-bd-2-l{ width:100%; border:0;}
	.ts-bd-2 .ts-bd-2-r{ display:none;}
	.ts-bd-2 .ts-bd-2-l .ts-more{ display:block; }
	.ts-bd-2 .ts-bd-2-l .ts-more a{ width:100%;border-radius:30px; height:40px;font-size:18px; color:#2e231b; display:inline-block; font-weight:normal; line-height:40px; text-align:center; background:#d5b782;}
	.ts-bd-3 h3{ display:block;}
	.ts-bd-3 h2{ display:none;}
	.ts-bd-3{ width:90%; margin:0 auto;}
	.ts-bd-3 h3 img{width:100%; height:100%;}
	.ts-bd-3 li{ width:45%; margin-right:5%; margin-bottom:0;}
	.ts-bd-3 li .img{width:100%; height:100%;}
	.ts-bd-3 li .img img{width:100%; height:100%;}
	.ts-bd-3 li .text{ margin:5px 0 10px 0;}
	.ts-bd-3 .ts-more a{ width:100%;border-radius:30px; height:40px;font-size:18px; color:#2e231b; display:inline-block; font-weight:normal; line-height:40px; text-align:center; background:#d5b782;}
	.ts-bd-4 h3{ display:block;}
	.ts-bd-4 h2{ display:none;}
	.ts-bd-4{ width:90%; margin:50px auto;}
	.ts-bd-4 h3 img{width:100%; height:100%;}
	.ts-bd-4 li{ width:45%; margin-right:5%; margin-bottom:0;}
	.ts-bd-4 li .img{width:100%; height:100%;}
	.ts-bd-4 li .img img{width:100%; height:100%;}
	.ts-bd-4 li .text{ display:none;}
	.ts-bd-4 li .tit a{ color:#777; font-size:16px;}
	.ts-bd-4 li .tit{ margin:10px 0;}
	.ts-bd-4 .ts-more a{ width:100%;border-radius:30px; height:40px;font-size:18px; color:#2e231b; display:inline-block; font-weight:normal; line-height:40px; text-align:center; background:#d5b782;}
	.ts-bd-2 .ts-bd-2-l .tit{ width:100%;}
	
		}
@media only screen and (max-width: 414px) {
	.slider ul li p a{ color:#777; font-size:16px;}
	.ts-bd-yd a{ margin-right:3.7%;}
	.ts-bd-yd{ margin-top:100px;}
	#play{ width:100%;}
	#play .img_ul li h4{ width:90%; margin:0 auto; padding:10px 0;}
	#play .img_ul li h4 em{ font-size:20px; line-height:45px;}
	#play .img_ul li h4 span{ line-height:45px;}
	#play .img_ul li h5{ font-size:16px; width:90%; margin:0 auto; font-size:14px; line-height:20px; margin-top:15px;}
	#play .prev_a {margin-left:0}
	#play .next_a {margin-right:0}
	.ts-yd-img{ display:none;}
	.g-wrap{width: 100%; margin: 0 auto; display:block;}
	.g-wrap .m-imgBlock{margin: 0;}
	.g-wrap .m-imgBlocks{margin: 0;}
	#play .next_a{ background:url(ts-img-yd-r-1.png) no-repeat center right;top:15%;}
	#play .prev_a { background:url(ts-img-yd-l-1.png) no-repeat;top:15%;}
	#play .img_ul li .img_a img{ height:200px;}

	}