﻿@charset "utf-8";
html{font-size:62.5%;}
ul li{ list-style-type:none;}
body {	/*反锯齿*/-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;margin: 0 auto;
}
/*header*/
header{ max-width:1200px;line-height:1.6rem; padding:0 0.5em;}
.logo{ float:left; padding:0.5em ; font-size:1.8rem;}
.logo img{ max-width:100%; max-height:100%; vertical-align: middle;}
.logo h1{ vertical-align:middle; color:#074b92;margin:0; display: inline-block;  font-weight:500;font-size:100%;}
.logo h1 p { display:inline-block; color:#ff0000; margin:0;}
.nav { text-align:center; display:inline-block; float:right; margin:0; ;padding:0.8em 0;}
.nav li { float:left;margin-left:0.625em; vertical-align:middle; margin-bottom:0.3em; font-size:1.4rem; }
.nav li a{ padding-right:0.625em;} 
/*header End*/

.banner{ margin:0 auto; max-width:100%; }
.banner-img{ max-width:100%; height:100%;width:100%;display: inline-block; height: auto; line-height: 1.6;}

.liveinfo{ max-width:1200px; margin:1rem auto;}

.live-anchor { background:#fff; border: 1px #eee solid; border-radius: 10px}
.anchor-photo{ max-width:100%; max-height: 60px;}
.info-cont{ padding:0.5em;}
.info-cont-tit{ display: inline-block; background:red; padding:0.2em 0.5em; border-radius: 5px; color:#fff;margin:0 0 0.5em 0; }
.info-cont-tit span{ font-size:1em; }
.info-cont-tit img{ margin:-0.3em 0.5em 0 0 ; } 
.anchor{ font-size:1em; color:red; }
.anchor p{ display: inline-block;  margin:0;}
.info-p{ margin:0.5rem 1rem 2rem; font-size:1.4rem;text-indent: 2em;}


.live{ max-width: 1200px; margin:1em auto 0; clear:both; }
.pd-0{ padding:0; }
.pd-1{ padding-right:0.5em;padding-left:0.5em;}
.mg-t-1{ margin-top:1em; }
.live-left{  border:1px #eee solid; border-radius: 5px; margin-bottom:20px;}
.live-tit{ width:100%; background:#e5f6fd;padding:0.5em 0 0.5em 1.5em; margin-bottom:0.5em;border-top-left-radius: 8px;border-top-right-radius:8px }
.live-tit span{font-size:1em; color:#014993;}
.live-tit img{ margin-right:0.5em; margin-top:-0.2em; }

.share-like{width:98%; margin:0 auto; padding:0.5em ; border:1px solid #f0f0f0; background:#f5f5f5; border-radius:5px; clear: both}
.share-l{display: inline-block;margin-left:0.5rem;}
.like-r { display: inline-block; float:right; margin-top:-0.3em; margin-right:0.5em;} 
.like-r p{  margin:0; font-size:1.6rem;}
.like{ display: inline-block; }
.dislike{display: inline-block;}
.like p:hover{color:red;}
.dislike p:hover{ color:red; }
/*.like p{ background: url(../images/like.png) no-repeat left 0 top 50%;padding-left: 1.5em; font-size:1.4rem;}*/
.dislike p{  background: url(../images/dislike.png) no-repeat left 0 top 50%;padding-left: 1.5em; font-size:1.4rem;}
.info{ padding:0 0.5em; }

/*时光轴*/
/* General Blueprint Style */
@font-face {
	font-family: 'ecoico';
	src:url('../fonts/timelineicons/ecoico.eot');
	src:url('../fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
		url('../fonts/timelineicons/ecoico.woff') format('woff'),
		url('../fonts/timelineicons/ecoico.ttf') format('truetype'),
		url('../fonts/timelineicons/ecoico.svg#ecoico') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

.cbp_tmtimeline {
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #eee;
	left: 20%;
	margin-left: -12px;
}

.cbp_tmtimeline > li {
	position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 1.4rem;
	color: #333333;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2rem;
	color: red;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: red;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #f9f9f9;
	color: #65625d;
	padding: 0.5em;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
	border:1px solid #eee;
	overflow:hidden;
	padding-bottom:1rem;
	padding-left:1rem;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #fff;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #eee;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #eee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 3.5rem;
	height: 3.5rem;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4rem;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #eee;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #eee;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -28px;
}

.userphoto{ width:3.5rem; height:3.5rem; }
.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 0.5em 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 1em 0;
		padding: 0.5em;
		font-weight: 400;
		font-size: 95%;
		padding-bottom:0;
	}


	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
	.dislike p,.like p{ 
    font-size: 4rem;
    background-size: 40%;
    line-height: 2rem;
    }
    .like p{ margin-right: 1.8rem;}
}
.live-end img{ margin:-0.2em 0.5em 0 0 ;}
.live-time{ margin-left:3rem; }
.live-time em{ font-style: normal; }
.liveinfo-r-p{ display: inline-block; margin:0 0.5em 0 3em; }
.cbp_tmlabel img{ max-width:100%; /*margin-top: 0.5rem;*/ }
.userphoto{ border-radius: 50%; }
.cbp_tmlabel p { margin-top:-0.1em; margin-bottom:0.8em; font-size:1.4rem;}
/*时光轴End*/




.live-right{ float:right; border: 1px solid #eee; border-radius: 10px;width:100%}
.live-tit p{ margin:0; display: inline-block; color:red; }
.video-box{ width: 100%; margin-bottom:1em;}
.video-tit{ width:100%; background:#e9e9e9; padding:0.3em;}
.video-tit span{ padding-left:1.5em; margin-left:1em; color:#000; background:url(../images/like.png) no-repeat left 0 top 50%;}  

.vote-box{ width:100%; padding: 0 1em;}

.vote-tit{ border-bottom:1px #6f6f6f dashed; padding: 0  0.5em; font-size:1.2rem; margin-bottom:1em;}
.vote-tit span{ padding-left:1.5em; background: url(../images/like.png) no-repeat left 0 top 50%; width:100%;}
.vote-tit b { font-weight:500; font-size:1.8rem;}

.vote{ padding:0 0.5em;color:#000; }

.vote i{ font-style: normal;padding:0; text-align:center;}
.vote-rows{ margin: 0.4em 0; width: 100%; display: table; } 
.vote-rows em{  height:10px; display: inline-block;}
.vote-rows div{ line-height:2.5rem; display:table; overflow: hidden;}
.vote-1{ background: #ea608f center center; width:2%; }
.vote-2{ background: #db7dd4 center center; width:25%;}
.vote-3{ background: #95ca65 center center; width:20%;}
.vote-4{ background: #f7a850 center center; width:70%;}
.vote-select{ padding:0.5em; background:#efefef; }
.vote-select a{ display: inline-block;  text-align:center; background: url(../images/toupian.png) no-repeat left 0.5em top 50%;}



.vote-btn{  display: inline-block; border-radius: 5px; text-align:center; width:100%; margin-top:0.5em;}
.vote-btn a{  display: inline-block;width:140px;  text-align:center; line-height:30px; color:#fff;background:#ea1313;border-radius: 5px;}
.vote-btn span{ background: url(../images/select.png)no-repeat left 15px top 50%;  display: inline-block; height:30px;width:140px; padding-left:20px; }
.vote-btn p{ margin:0.5em 0; font-size:1.2rem;}
.vote-btn a:hover {  }
.comment{ width:100%;}

.com-box{ background: #f5f4f4; border-radius: 5px; padding:0 0.3em;}
.com-box .vote-tit{ padding:0.5em 0 0.5em 1em;}
.release{ padding:0.5em;  padding-top:0;}
.release-t{ width: 100%;  font-size:1.4rem; margin:0.5em 0;}

.comment-txt{  width:40%; }
.release-t span{ width:60%; }
.com-box textarea{ resize: none; width:100%; font-size:1.4rem;}

.release-bottom{ width:100%; padding: 0 0.5em; text-align:right; margin:0.5em 0; display: inline-block;}
.release-bottom p{ display: inline-block;  font-size:1.2rem; margin:0; color:#868a8b;} 
.release-bottom a{ display: inline-block; padding:0em 1em; background:red; border-radius: 5px; color:#fff;}

.new-release{ width:100%;height:400px;border:1px solid rgba(0,0,0,0.1); background-color:#f9f9f9;margin-bottom: 1.5em;overflow-y: auto;overflow-x: hidden;padding-left: 0;}
.new-release:hover{
	border:1px solid rgba(14,144,210,0.3)
 }
/*滚动条样式*/
.new-release::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.new-release::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(14,144,210,0.8);
}
.new-release::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}

.release-list{ width:100%; background: transparent; padding: 0 0.2em; border-radius: 5px; display: inline-block;}
.release-list:first-child{ margin-top:0; }
.release-photo{ width:10%; display: inline-block; float:left;}
.release-l{ max-width:89%;margin-left: 1%; display: inline-block; float:left; font-size:1.2rem;padding:0 0.5rem;margin-top: 0.3rem;position: relative}
.release-l p{ margin:0; }
.username {font-size:1.4rem;}
.release-l .like{ margin-left:1.6em; }
.release-l .like span{ text-align:right; display: inline-block; }
.dialog_caret {position: absolute;color: #e5e5e5;top:10px;left:1px;}
.dialog_bos { background-color: #ffffff;padding:0 0.5rem;-moz-box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); box-shadow:0 1px 3px 1px rgba(0,0,0,0.1);border-radius: 5px}
.dialog_bos:hover {background:rgba(14,144,210,0.1)}
.selease-info{font-size:1.3rem;}
.selease-date{ color:#c1c1c1; text-align:right;}

footer{background:#000;text-align:center;}
footer p { color:#fff; font-size:1.4rem;  display: inline-block; margin:0rem 0 ; }


/*lbz 2016-10-25 */
.vote-select{ text-align: center;}
.vote-select label{ display: inline-block;  text-align:center;margin:0 ;  font-weight:500;  cursor:pointer;width:20%; }
.vote-select input{ margin-right:0.5rem; display: inline-block;}
.video{ width:100%; margin:0.2em auto; height:195px; text-align:center; }

.video-more{ float:right; margin-right:0.5em; font-size:1.4rem; margin-top:0.2rem;}
.video-tit{ clear:both;}
/*图片页面*/
.info-live{ display: inline-block; }
.info-photo{margin: 1em 0 0 0;padding: 0;list-style: none;position: relative;} 
.info-photo img{max-width:100%; max-height:100%; border:1px solid #eee; padding:0.3rem;}
.info-photo img:hover{ border:1px solid #000; }
.info-photo p{ margin:0 0.2rem 1rem 0.2rem;font-size:1.2rem; }
.info-photo li{ padding:0 0.5rem; }
.info-photo li:last-child{ float:left !important; }
a{ color:#666;  }
a:hover{ color:#000; }

/*lbz 2016-10-25 */
.vote-select{ text-align: center;}
.vote-select label{ display: inline-block;  text-align:center;margin:0 ;  font-weight:500;  cursor:pointer;width:20%; }
.vote-select input{ margin-right:0.5rem; display: inline-block;}
.video{ width:100%; margin:0.2em auto; height:195px; text-align:center; }

.video-more{ float:right; margin-right:0.5em; font-size:1.4rem; margin-top:0.2rem;}
.video-tit{ clear:both;}
/*图片页面*/
.info-live{ display: inline-block; }
.info-photo{margin: 1em 0 0 0;padding: 0;list-style: none;position: relative;} 
.info-photo img{max-width:100%; max-height:100%; border:1px solid #eee; padding:0.3rem;}
.info-photo img:hover{ border:1px solid #000; }
.info-photo p{ margin:0 0.2rem 1rem 0.2rem;font-size:1.2rem; }
.info-photo li{ padding:0 0.5rem; }
.info-photo li:last-child{ float:left !important; }
a{ color:#666;  }
a:hover{ color:#000; }


/*lbz 2016-10-25 End*/

/**lbz 2017-7-20**/
.cbp_tmtimeline > li:after{display: block; content:"clear"; height: 0;clear: both;overflow:hidden;visibility: hidden;}
.cbp_tmlabel:after{display: block; content:"clear"; height: 0;clear: both;overflow:hidden;visibility: hidden;}
.img_viewer:after{display: block; content:"clear"; height: 0;clear: both;overflow:hidden;visibility: hidden;}{}

.img_viewer span{ overflow: hidden; float: left; margin-top: 5px;margin-right: 5px; display:block;}

figure{-webkit-margin-before: 0; -webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;}

[class*=am-u-]+[class*=am-u-]:last-child{ float:left !important; }

.img_viewer{ padding-left:0; margin:0.8rem 0; }

/*发布直播按钮*/
.release_live{ background:#f5f4f4; border-radius:5px; padding-bottom:1rem; }
.release_live_btn{ display: block; border-radius:5px; }

.float-menu { width: 50px; height: 50px; position: fixed; z-index: 999; right: 10px; bottom: 180px; }
.float-menu div { -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
.float-menu .plus { width: 100%; height: 100%; background: url(../images/menu-icon.png) no-repeat center center; background-size: 100%; z-index: 2; position: absolute; left: 0; top: 0; }
.float-menu .plus .cross { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; content: ""; background: url(../images/menu-add.png) no-repeat center center; background-size: 37%; }
.float-menu .menu-list { opacity: 0; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0; border-radius: 100%; }
.float-menu .menu-list a { width: 33%; height: 16%; display: block; position: absolute; text-align: center; padding-top: 17%; opacity: 0; font-size: 0; color: #fff; font-size: 12px; text-decoration: none; }
.float-menu .menu-list a.link-home { left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url(../images/icon_top.png) no-repeat center 5px; background-size: 50%; }
.float-menu .menu-list a.link-cart{ left: 2%; top: 45%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); background: url(../images/icon_issue.png) no-repeat center top; background-size: 50%; }
.float-menu .menu-list a.link-my { left: 50%; bottom: 25px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url(../images/icon_issue.png) no-repeat center top; background-size: 50%; }
.float-menu.open .menu-list a { opacity: 1; font-size: 12px; }
.float-menu.open .cross { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); border-radius: 100%; }
.float-menu.open .menu-list { opacity: 1; width: 300%; height: 300%; left: -100%; top: -100%; background-color: /*rgba(7,75,146,.7)*/ rgba(0,0,0,.5);/*rgba(255, 232, 78, .7);*/ }
.float-menu #float-cart { background-color: #f97157; border-radius: 100%; display: block; position: absolute; right: 5px; top: 0; color: #fff; min-width: 18px; min-height: 18px; line-height: 18px; text-align: center; }
/**lbz 2017-7-20 End**/



footer div.footer_item a i{ font-size:2.3rem !important; }
footer div.footer_more a i{font-size:3rem !important; padding-top: 8px;}
footer div.footer_item span{font-size:1.4rem !important;}
.cd-bouncy-nav{ padding-left:0; }
.cd-bouncy-nav a{ font-size:1.6rem !important; }


body{ padding-bottom: 10px; }

.fb-box{width: 100%; background: #f9f9f9;z-index:9999; box-shadow: 0px -1px 8px #c1c1c1;position: fixed}

.fb-box .comment-txt{ width: 100%; font-size:1.2rem; height: 28px; border:1px solid #dcdcdc; }
.fb-box #certcontent2{ width: 100%; height: 50px; font-size:1.2rem; border:1px solid #dcdcdc;resize :none; } 