.ovhide{
	overflow: hidden;
}
.ovhide ul{
    padding:0 !important;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
a{
	cursor: pointer;
}
.bg{
	background: #F6F6F6;
}
.ic{
	background: url(../../images/new/icon.png) no-repeat;
}
.marl6{
	margin-left: 6px;
}
.marl20{
	margin-left: 20px;
}
.marl30{
	margin-left: 30px;
}
.mart4{
	margin-top: 4px;
}
.mart6{
	margin-top: 6px;
}
.marr6{
	margin-right: 6px;
}
.marr20{
	margin-right: 20px;
}
input[type="checkbox"] {
    width: 15px;
    height: 15px;
}
.top-title{
	width: 100%;
	overflow: hidden;
}
.top-title .news{
	background: url(../../images/new/top-news.png) no-repeat;
	width: 174px;
	height: 48px;
}
.top-title .activity{
	background: url(../../images/new/top-activity.png) no-repeat;
	width: 193px;
	height: 48px;
}
.top-title .review{
	background: url(../../images/new/top-review.png) no-repeat;
	width: 193px;
	height: 48px;
}
.top-title .venue{
	background: url(../../images/new/top-venues.png) no-repeat;
	width: 193px;
	height: 48px;
}
.top-title .map{
	background: url(../../images/new/top-map.png) no-repeat;
	width: 279px;
	height: 48px;
}
.top-title .more{
	display: block;
	cursor: pointer;
	background: url(../../images/new/more.png) no-repeat;
	width: 90px;
	height: 50px;
}
.top-title .more:hover{
	background: url(../../images/new/more-hover.png) no-repeat;
}
.top-title .tg-classify{
	margin-left: 40px;
	max-width: 810px;
	height: 44px;
	overflow: hidden;
}
.top-title .tg-classify li{
	float: left;
	margin-right: 20px;
	background: url(../../images/new/tab_bg.png) no-repeat;
	width: 142px;
	height: 40px;
	margin-top: 4px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #222222;
	cursor: pointer;
}
.top-title .tg-classify li.active{
	background: url(../../images/new/tab_hover_bg.png) no-repeat;
	color: #c8161d;
}
.top-title .tg-classify li:hover{
	background: url(../../images/new/tab_hover_bg.png) no-repeat;
	color: #c8161d;
}
.state_active{
	width: 90px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
	text-align: center;
	line-height: 34px;
	z-index: 1;
}
.over-gray{
	background: #aeaeae;
}
.ing-org{
	background: #f8b551;
}
.will-blue{
	background: #3bb3d4;
}
.signUp-green{
	background: #32b16c;
}
.collection{
	background: url(../../images/new/icon.png) no-repeat;
	background-position: 0 -124px;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}
.collection:hover{
	background-position: 0 -166px;
}
.collection.active{
	background-position: -48px -124px;
}
.usernameinput{
	width: 294px;
	padding: 0 6px;
	height: 30px;
	border: 1px solid #C9C9C9;
	border-radius: 4px;
	margin-left: 36px;
}
.birth{
	margin-left: 36px;
}
.birth select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #E5E5E5;
  border-radius: 4px;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("https://btvideo.btggwh.com/image/2023-8-9/17/0/arrow.png") no-repeat scroll right center #FFFFFF;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 5px;
 /*  width: 80px; */
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.birth select::-ms-expand { display: none; }
.form-group{
    margin-bottom: 24px;
    position: relative;
}
.form-group .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    width: 126px;
}
.ovhide .control-label {
    width: 15%;
}
.form-group .col-sm{
	width: 300px;
	margin-left: 40px;
	height: 30px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	position: relative;
}
.ovhide .col-sm{
    width: 50%;
}
.form-group .col-sm:before{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -138px 0;
	width: 5px;
	height: 32px;
	top: -1px;
	left: -5px;
}
.form-group .col-sm:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -149px 0;
	width: 5px;
	height: 32px;
	top: -1px;
	right: -5px;
}
.form-group .wz_info{
	margin-left: 40px;
	line-height: 32px;
}
.form-group .col-sm input,
.form-group .col-sm textarea{
	width: 100%;
	height: 100%;
	border: 0;
	resize: none;
}
.form-group .col-sm .change-one{
	display: block;
	cursor: pointer;
	font-size: 14px;
	color: #6a0808;
	line-height: 20px;
	position: absolute;
	right: 5px;
	top: 5px;
}
.form-group .col-sm .change-one:hover{
	color: #c8161d;
	text-decoration: underline;
}
.form-group .pic-yz{
	width: 300px;
	margin-left: 40px;
	height: 70px;
	margin-top: 10px;
}
.drop-down-txt{
	height: 30px;
	line-height: 30px;
	display: block;
	width: 90%;
}
.form-group .col-sm .xl-btn{
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -82px -46px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.rl-btn{
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -109px -211px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.form-group .dropDownBox{
	position: relative;
}
.form-group .drop-down-cont{
	width: 300px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	position: absolute;
	left: 40px;
	top: 36px;
	z-index: 2;
}
.form-group .drop-down-cont li{
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333333;
	cursor: pointer;
}
.form-group .drop-down-cont li:hover{
	background: #F6F6F6;
}

.col-top, .col-bottom {
    width: 100%;
    height: 4px;
    background: #FFFFFF;
    position: relative;
    float: left;
}
.col-top {
    border-top: 1px solid #e5e5e5;
}
.col-bottom {
    border-bottom: 1px solid #e5e5e5;
}
.col-top:before, 
.col-top:after, 
.col-bottom:before, 
.col-bottom:after {
    content: "";
    background: url(../../images/new/icon.png) no-repeat;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
}
.col-top:before {
    background-position: -48px -251px;
    left: -4px;
}
.col-top:after {
    background-position: -52px -251px;
    right: -4px;
}
.col-bottom:before {
    background-position: -48px -255px;
    left: -4px;
}
.col-bottom:after {
    background-position: -52px -255px;
    right: -4px;
}
.col-main {
    width: 100%;
    max-height: 800px;
    background: #FFFFFF;
    position: relative;
    float: left;
}
.col-main:before, 
.col-main:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
}
.col-main:before {
    background: url(../../images/new/col-mainl.png) repeat-y;
    left: -4px;
    background-color: #fff;
}
.col-main:after {
    background: url(../../images/new/col-mainr.png) repeat-y;
    right: -4px;
    background-color: #fff;
}






.operate-area .dxyzm{
	display: block;
	width: 110px;
	text-align: center;
	margin-left: 20px;
	height: 32px;
	background: #f8b551;
	line-height: 32px;
	color: #FFFFFF;
	position: relative;
}
.operate-area .dxyzm:hover{
	background: #f7bc63;
}
.operate-area .yzm-forbid{
	display: block;
	width: 110px;
	text-align: center;
	margin-left: 20px;
	height: 32px;
	line-height: 32px;
	position: relative;
	background: #e5e5e5;
	color: #8d8d8d;
}
.operate-area .dxyzm:before,
.operate-area .dxyzm:after,
.operate-area .dxyzm:hover:before,
.operate-area .dxyzm:hover:after,
.operate-area .yzm-forbid:before,
.operate-area .yzm-forbid:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 32px;
}
.operate-area .dxyzm:before{
	background-position: -251px 0;
	top: 0;
	left: -6px;
}
.operate-area .dxyzm:after{
	background-position: -263px 0;
	top: 0;
	right: -6px;
}
.operate-area .dxyzm:hover:before{
	background-position: -278px 0;
	top: 0;
	left: -6px;
}
.operate-area .dxyzm:hover:after{
	background-position: -290px 0;
	top: 0;
	right: -6px;
}
.operate-area .yzm-forbid:before{
	background-position: -305px 0;
	top: 0;
	left: -6px;
}
.operate-area .yzm-forbid:after{
	background-position: -317px 0;
	top: 0;
	right: -6px;
}
.table {
    width: 100%;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
    margin-top: 10px;
    color: #333333;
}
.table tr {
    border-left: 1px solid #dedede;
    background: #fff;
}
.table th {
    text-align: center;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-bottom: none;
    border-left: 0;
    height: 50px;
    line-height: 50px;
}
.table td {
    text-align: center;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-bottom: none;
    border-left: 0;
    height: 50px;
    line-height: 50px;
}
.table .check_box{
	margin-top: 3px;
	margin-right: 6px;
    vertical-align: text-top;
}
.table .edit,
.table .delet{
	font-size: 14px;
	color: #333333;
}
.table .edit:hover,
.table .delet:hover{
	color: #d8252c;
}
/*翻页*/
.pages-l {
    padding: 10px 0 40px 0;
    position: relative;
    text-align: center;
    /*clear: both;*/
    font-size: 14px;
    color: #333333;
    width: 100%;
}
.pages-l span {
    cursor: pointer;
}
.pages-l span{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 8px;
}
.pages-l span:hover{
	color: #c8161d;
}
.pages-l em {
    background: none repeat scroll 0 0 #c8161d;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    margin: 0 3px;
    padding: 4px 8px;
    border-radius: 2px;
    color: #FFFFFF;
}
/*btn*/
.pub-btn-gradient{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	background: url(../../images/new/jbbtn-bg.png) repeat-x;
    color: #616161;
    position: relative;
}
.pub-btn-gradient:hover {
    background: url(../../images/new/jbbtn-bgh.png) repeat-x;
}
.png-bg {
    border: none;
    background: url(../../images/new/png-bg.png) repeat-x;
    /* width: 86px; */
    height: 32px;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
}
.pub-btn-gradient:before,
.pub-btn-gradient:after{
	content: "";
    width: 4px;
    height: 32px;
    position: absolute;
    top: 0;
    background: url(../../images/new/icon-two.png) no-repeat;
}
.pub-btn-gradient:before{
    background-position: -66px -585px;
    left: -4px;
}
.pub-btn-gradient:after{
    background-position: -71px -585px;
    right: -4px;
}
.pub-btn-gradient:hover:before {
    background-position: -80px -585px;
}
.pub-btn-gradient:hover:after {
    background-position: -85px -585px;
}
.blue30{
	display: block;
	padding: 0 20px;
	height: 32px;
	line-height: 32px;
	color: #FFFFFF;
	background-color: #3f9fd9;
	position: relative;
}
.blue30:before,
.blue30:after,
.blue30:hover:before,
.blue30:hover:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 32px;
}
.blue30:before{
	background-position: -323px -77px;
	top: 0;
	left: -6px;
}
.blue30:after{
	background-position: -334px -77px;
	top: 0;
	right: -6px;
}
.blue30:hover{
	background: #58b4eb;
	color: #FFFFFF;
}
.blue30:hover:before{
	background-position: -346px -77px;
	top: 0;
	left: -6px;
}
.blue30:hover:after{
	background-position: -357px -77px;
	top: 0;
	right: -6px;
}
.white-30{
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	position: relative;
}
.white-30:before{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -138px 0;
	width: 5px;
	height: 32px;
	top: -1px;
	left: -5px;
}
.white-30:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -149px 0;
	width: 5px;
	height: 32px;
	top: -1px;
	right: -5px;
}
.org-btn{
	display: inline-block;
	cursor: pointer;
	border-bottom: 1px solid #f39700;
	border-top: 1px solid #f39700;
	background: #f8b551;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	position: relative;
}
.org-btn:before,
.org-btn:after,
.org-btn:hover:before,
.org-btn:hover:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 32px;
}
.org-btn:before{
	background-position: -25px 0;
	top: -1px;
	left: -6px;
}
.org-btn:after{
	background-position: -37px 0;
	top: -1px;
	right: -6px;
}
.org-btn:hover{
	border-bottom: 1px solid #f8a418;
	border-top: 1px solid #f8a418;
	background: #f7bc63;
	color: #FFFFFF;
}
.org-btn:hover:before{
	background-position: -52px 0;
	top: -1px;
	left: -6px;
}
.org-btn:hover:after{
	background-position: -64px 0;
	top: -1px;
	right: -6px;
}

.red-btn{
	display: inline-block;
	cursor: pointer;
	border-bottom: 1px solid #a12323;
	border-top: 1px solid #a12323;
	background: #c8161d;
	min-width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	position: relative;
}
.bc{
	background: #c8161d;
	color: #FFFFFF;
}
.red-btn:hover .bc{
	background: #d8252c;
	color: #FFFFFF;
}
.red-btn:before,
.red-btn:after,
.red-btn:hover:before,
.red-btn:hover:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 32px;
}
.red-btn:before{
	background-position: -82px 0;
	top: -1px;
	left: -6px;
}
.red-btn:after{
	background-position: -95px 0;
	top: -1px;
	right: -6px;
}
.red-btn:hover{
	border-bottom: 1px solid #b42c2c;
	border-top: 1px solid #b42c2c;
	background: #d8252c;
	color: #FFFFFF;
}
.red-btn:hover:before{
	background-position: -110px 0;
	top: -1px;
	left: -6px;
}
.red-btn:hover:after{
	background-position: -123px 0;
	top: -1px;
	right: -6px;
}
.currency-btn-big{
	display: block;
	cursor: pointer;
	width: 288px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #c8161d;
	color: #FFFFFF;
	font-size: 16px;
	margin: 10px auto;
	position: relative;
}
.currency-btn-big:hover{
	background: #d8252c;
	color: #FFFFFF;
}
.currency-btn-big:before,
.currency-btn-big:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 9px;
	height: 50px;
}
.currency-btn-big:before{
	background-position: -169px 0;
	top: 0;
	left: -9px;
}
.currency-btn-big:after{
	background-position: -186px 0;
	top: 0;
	right: -9px;
}
.currency-btn-big:hover:before{
	background-position: -208px 0;
	top: 0;
	left: -9px;
}
.currency-btn-big:hover:after{
	background-position: -225px 0;
	top: 0;
	right: -9px;
}
.red-40{
	display: block;
	cursor: pointer;
	padding: 0 20px;
	min-width: 50px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #c8161d;
	color: #FFFFFF;
	font-size: 14px;
	position: relative;
}
.red-40:hover{
	background: #d8252c;
	color: #FFFFFF;
}
.red-40:before,
.red-40:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 40px;
}
.red-40:before{
	background-position: -396px 0;
	top: 0;
	left: -6px;
}
.red-40:after{
	background-position: -408px 0;
	top: 0;
	right: -6px;
}
.red-40:hover:before{
	background-position: -420px 0;
	top: 0;
	left: -6px;
}
.red-40:hover:after{
	background-position: -432px 0;
	top: 0;
	right: -6px;
}
.gary-40{
	display: block;
	cursor: pointer;
	padding: 0 20px;
	min-width: 50px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #929292;
	color: #FFFFFF;
	font-size: 14px;
	position: relative;
}
.gary-40:hover{
	color: #ffffff;
}
.gary-40:before,
.gary-40:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 40px;
}
.gary-40:before{
	background-position: -447px 0;
	top: 0;
	left: -6px;
}
.gary-40:after{
	background-position: -459px 0;
	top: 0;
	right: -6px;
}

.gary-40-back{
	display: block;
	cursor: pointer;
	padding: 0 20px;
	min-width: 50px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #929292;
	color: #FFFFFF;
	font-size: 14px;
	position: relative;
}
.gary-40-back:hover{
	background: #a8a8a8;
	color: #ffffff;
}
.gary-40-back:before,
.gary-40-back:after,
.gary-40-back:hover:before,
.gary-40-back:hover:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 6px;
	height: 40px;
}
.gary-40-back:before{
	background-position: -447px 0;
	top: 0;
	left: -6px;
}
.gary-40-back:after{
	background-position: -459px 0;
	top: 0;
	right: -6px;
}
.gary-40-back:hover:before{
	background-position: -472px 0;
	top: 0;
	left: -6px;
}
.gary-40-back:hover:after{
	background-position: -484px 0;
	top: 0;
	right: -6px;
}

.none-more{
	width: 100%;
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 80px;
}
.container{
	width: 1250px;
	margin: 0 auto;
	min-height: 100%;
}
body > .container {
	position: relative;
	margin-top: 118px;
}
#banner {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.sections,.section {
		height:100%;
}
#banner,.sections {
	position: relative;
}
.section {
	background-color: #000;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	color: white;
	
}
.section a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.bg-black{
	position: absolute;
	top: 0;
	left: 0;
	width: 172px;
	height: 232px;
	background: rgba(0,0,0, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	padding: 14px;
}
.bg-black .title-h{
	font-size: 14px;
	text-align: left;
	margin: 30px 0;
	color: #FFFFFF;
}
.bg-black .biref-h{
	font-size: 12px;
	color: #e5e5e5;
	text-align: left;
}
.pages li{
	list-style-type:none;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:white;
}
.pages li:hover{
	box-shadow:0 0 5px 2px white;
}
.pages li.active{
	background-color:#9a4b4b;
	box-shadow:0 0 5px 2px #9a4b4b;
}
.pages{
	position:absolute;
	z-index:999;
}
.pages.horizontal{
	left:50%;
	transform:translateX(-50%);
	bottom:5px;
}
.pages.horizontal li{
	display:inline-block;
	margin-right:10px;
}
.pages.horizontal li:last-child{
	margin-right:0;
}
.pages.vertical{
	right:5px;top:50%;
	transform:translateY(-50%);
}
.pages.vertical li{
	margin-bottom:10px;
}
.pages.vertical li:last-child{
	margin-bottom:0;
}
.noneactivity{
	padding: 20px;
	background: #f0efef;
	margin-top: 20px;
	overflow: hidden;
}
.noneactivity .nonepic{
	background: url(../../images/new/serchnone.png) no-repeat;
	width: 139px;
	height: 120px;
	margin-left: 20px;
}
.noneactivity .serchtips{
	margin-left: 190px;
}
.noneactivity .serchtips p{
	font-size: 14px;
	color: #9c9c9c;
}
.noneactivity .serchtips .b_title{
	font-size: 18px;
	color: #333333;
	margin: 26px 0 20px;
}
.modular{
	margin: 40px 0 0;
	padding-bottom: 20px;
}
#news .news-content{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
#news .news-content .news-pic{
	width: 650px;
	height: 260px;
	background: #000000;
	overflow: hidden;
	position: relative;
}
#news .news-content .news-list{
	width: 570px;
}
#news .news-content .news-list li{
	padding: 16px 0;
	position: relative;
	padding-left: 20px;
}
#news .news-content .news-list li:before{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #dcdcdc;
	top: 23px;
	left: 0;
	border-radius: 50%;
}
#news .news-content .news-list li a{
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
}
#news .news-content .news-list li a .news-title{
	max-width: 82%;
	color: #2b2b2b;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}
#news .news-content .news-list li a .top-ic{
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background-color: #f14754;
	line-height: 16px;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin: 2px 0 0 8px;
}
#news .news-content .news-list li a .news-time{
	color: #8d8d8d;
	font-size: 14px;
	line-height: 20px;
}
#news .news-content .news-list li a:hover .news-title{
	color: #c8161d;
}
.row{
	width: 1340px;
}
#activity .activity-item{
	width: 100%;
	max-height: 410px;
	overflow: hidden;
	padding: 30px 0;
}
#activity .activity-item>li{
	width: 280px;
	background: #FFFFFF;
	float: left;
	margin-right: 41px;
	margin-bottom: 40px;
	border: 1px solid #f6f6f6;
}
#activity .activity-item>li:hover{
	box-shadow: 0px 0px 20px 5px rgba(225,225,225,0.6);
}
#activity .review-item>li:hover .whzg_active_item .mask{
	display: block;
}
#activity .activity-item>li .whzg_active_item{
	display: block;
	width: 100%;
	height: 200px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
#activity .activity-item>li .whzg_active_item .mask{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#activity .review-item>li .whzg_active_item .mask .play-pic{
	position: absolute;
	background: url(../../images/new/playpic.png) no-repeat;
	width: 53px;
	height: 53px;
	left: 50%;
	top: 50%;
	margin-left: -26px;
	margin-top: -26px;
}
#activity .activity-item>li .whzg_active_item .active_img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
#activity .activity-item>li:hover .active_img{
	transform: scale(1.3);
}
#activity .activity-item>li .active_content{
	padding: 14px;
	height: 188px;
	overflow: hidden;
}
#activity .activity-item>li .active_content .active_title{
	display: block;
	cursor: pointer;
	font-size: 14px;
	color: #1f1f1f;
	height: 40px;
	overflow: hidden;
	margin-bottom: 6px;
}
#activity .activity-item>li .active_content .active_title:hover{
	color: #c8161d;
}
#activity .activity-item>li .active_content p{
	font-size: 12px;
	color: #8a8a8a;
	padding: 4px 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#activity .activity-item>li .active_content .pos-btn{
	margin: 10px 76px 0 76px;
}

#review .review-item{
	width: 100%;
	max-height: 410px;
	overflow: hidden;
	padding: 30px 0;
}
#review .review-item>li{
	width: 280px;
	background: #FFFFFF;
	float: left;
	margin-right: 43px;
	margin-bottom: 30px;
}
#review .review-item>li:hover{
	box-shadow: 0px 0px 20px 5px rgba(225,225,225,0.6);
}
#review .review-item>li .whzg_active_item{
	display: block;
	width: 100%;
	height: 200px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
#review .review-item>li .whzg_active_item .active_img{
	width: 100%;
	height: 100%;
}
#review .review-item>li .whzg_active_item .review-title{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 14px;
	width: 252px;
	height: 34px;
	background: rgba(0,0,0, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	transition: all 0.4s;
}
#review .review-item>li .whzg_active_item .review-title p{
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 34px;
}
#review .review-item>li .whzg_active_item .review-title .t-d{
	display: none;
	display: block;
	font-size: 12px;
	color: #cecece;
	padding: 10px 0 0;
	width: 100%;
	overflow: inherit;
	text-overflow: inherit;
	white-space: inherit;
}
#review .review-item>li .whzg_active_item:hover .review-title{
	height: 200px;
}
#review .review-item>li .whzg_active_item:hover .review-title p{
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	overflow: inherit;
	text-overflow: inherit;
	white-space: inherit;
	line-height: 20px;
	height: 40px;
	margin-top: 40px;
	margin-bottom: 10px;
}
#review .review-item>li .whzg_active_item:hover .review-title .t-d{
	display: block;
}
#venue{
	width: 1250px;
	position: relative;
}
#venue .right-btn{
	background: url(../../images/new/right-btn.png) no-repeat;
	width: 53px;
	height: 116px;
	position: absolute;
	top: 114px;
	right: -60px;
	cursor: pointer;
}
#venue .right-btn:hover{
	background: url(../../images/new/right-hover-btn.png) no-repeat;
}
#venue .left-btn{
	background: url(../../images/new/left-btn.png) no-repeat;
	width: 53px;
	height: 116px;
	position: absolute;
	top: 114px;
	left: -60px;
	cursor: pointer;
}
#venue .left-btn:hover{
	background: url(../../images/new/left-hover-btn.png) no-repeat;
}
#venue .venue-item {
    width: 1340px;
    height: 290px;
    overflow: hidden;
    padding: 30px 0;
}
#venue .venue-item>li{
	width: 370px;
	height: 110px;
	float: left;
	margin-right: 36px;
	margin-bottom: 30px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
#venue .venue-list>li{
	background: #f8f8f8;
}
#venue .venue-item>li:hover{
	border: 1px solid #ba9b9b;
}
#venue .venue-item>li .whzg_active_item{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#venue .venue-item>li .whzg_active_item .active_img{
	width: 138px;
	height: 100%;
	margin-right: 10px;
}
#venue .venue-item>li .whzg_active_item .review-title .t-t{
	color: #191919;
	font-size: 14px;
	font-weight: 600;
	margin: 4px 0 8px 0;
	height: 38px;
	overflow: hidden;
}
#venue .venue-item>li .whzg_active_item .review-title .t-d{
	color: #5d5d5d;
	font-size: 12px;
	margin-top: 4px;
}
#map{
	width: 100%;
}
#map .location-table{
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 30px 0;
	background: #FFFFFF;
	overflow: hidden;
	height: 400px;
}
#map .location-table .left-inst{
	height: 100%;
	width: 26%;
	overflow-y: auto;
}
#map .location-table .all-inst{
	width: 100%;
	height: auto;
}
#map .location-table .all-inst li{
	padding: 12px;
	min-height: 43px;
	overflow: hidden;
	cursor: pointer;
}
#map .location-table .all-inst li:hover{
	background: #eeeeee;
}
#map .location-table .all-inst li.active{
	background: #eeeeee;
}
#map .location-table .all-inst li .pos-num{
	background: url(../../images/new/icon.png) no-repeat;
	background-position: 0 -87px;
	width: 18px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 0px;
}
#map .location-table .all-inst li .venue-adress{
	margin-left: 30px;
}
#map .location-table .all-inst li .venue-adress .title-v{
	font-size: 14px;
	color: #2c2c2c;
}
#map .location-table .all-inst li .venue-adress .title-v:hover{
	color: #c8161d;
}
#map .location-table .all-inst li .venue-adress .distance-v,
#map .location-table .all-inst li .venue-adress .adress-v{
	font-size: 12px;
	color: #949494;
	margin-top: 6px;
}
#map .location-table .all-inst li .venue-adress .distance-v span{
	color: #f59f20;
}


#map .location-table .map-area{
	width: 73%;
	height: 100%;
	background: #000000;
}

.operate-area{
	width: 600px;
	background: #FFFFFF;
	padding: 20px;
	border: 1px solid #e5e5e5;
	box-shadow: 0px 0px 5px 2px rgba(225,225,225,0.6);
	margin: 50px auto;
}
.nonebs{
	box-shadow: none;
	border: 0;
	position: relative;
}
.operate-area h1{
	font-size: 18px;
	color: #333333;
	width: 100%;
	text-align: center;
	line-height: 50px;
	margin-bottom: 20px;
}
.hint,
#login .operate-area .outer-account{
	width: 309px;
	margin: 0 auto;
	padding: 14px 0;
	overflow: hidden;
}
.other {
	cursor: pointer;
}
.other .other-n{
	display: block;
    line-height: 21px;
    height: 21px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #464646;
}
.other .other-ch{
	margin-top: 4px;
	cursor: pointer;
}
.hint .other-ri{
	color: #464646;
	cursor: pointer;
}
.hint .other-ri:hover{
	color: #d8252c;
}
#login .operate-area .outer-account .top-title{
	width: 100%;
	color: #8c8c8c;
	text-align: center;
	margin-bottom: 30px;
}
#login .operate-area .outer-account .qq-wx{
	width: 100%;
	overflow: hidden;
}
#login .operate-area .outer-account .qq-wx .qq{
	background-position: -117px -61px;
	width: 58px;
	height: 58px;
	margin-left: 10px;
}
#login .operate-area .outer-account .qq-wx .wx{
	background-position: -117px -127px;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}
#login .operate-area .outer-account .register-now{
	width: 100%;
	color: #8c8c8c;
	text-align: center;
	margin: 30px 0;
}
#login .operate-area .outer-account .register-now a:hover{
	color: #e9660f;
}

.land-now{
	width: 100%;
	color: #8c8c8c;
	text-align: center;
	margin: 30px 0;
}
#forget .operate-area .land-now a:hover{
	color: #e9660f;
}
#StepBar .StepBar-cont{
	width: 900px;
	height: 50px;
	margin: 40px auto 20px;
	overflow: hidden;
}
#StepBar .StepBar-cont li{
	float: left;
	width: 33.3%;
	height: 100%;
	background: #bfbfbf;
	position: relative;
}
#StepBar .StepBar-cont li:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -261px -69px;
	width: 39px;
	height: 50px;
	top: 0;
	right: -39px;
	z-index: 1;
}
#StepBar .StepBar-cont li.active{
	background: #c8161d;
}
#StepBar .StepBar-cont li.active:after{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -202px -67px;
	width: 39px;
	height: 50px;
	top: 0;
	right: -39px;
}
#StepBar .StepBar-cont li p{
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
}

#register .area-name{
	width: 880px;
	margin: 0 auto;
	font-size: 16px;
	color: #000000;
	line-height: 30px;
}
#register .user-pic{
	width: 92px;
	height: 92px;
	margin-left: 30px;
}
#register .user-pic img{
	border-radius: 50%;
}
#register .uppic-btn {
	margin-left: 20px;
}
#register .uppic-btn .avatar-btn{
	margin: 16px 0 0 6px;
}
#register .uppic-btn .hint-up{
	font-size: 12px;
	color: #c8161d;
	margin-top: 16px;
}
#register .selected-cont{
	margin-left: 30px;
}
#register .selected-cont .sex,
#register .selected-cont .birth{
	overflow: hidden;
}
#register .selected-cont .sex li,
#register .selected-cont .birth li{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #9C9C9C;
	float: left;
	margin-right: 30px;
}
#register .selected-cont .sex li:hover,
#register .selected-cont .birth li:hover{
	background: #c8161d;
	border: 1px solid #c8161d;
}
#register .selected-cont .sex li.active,
#register .selected-cont .birth li.active{
	background: #c8161d;
	border: 1px solid #c8161d;
}
#register .selected-cont .sex li a,
#register .selected-cont .birth li a{
	display: block;
	width: 100%;
	text-align: center;
	height: 100%;
	line-height: 40px;
	font-size: 14px;
	color: #9C9C9C;
	
}
#register .selected-cont .sex li.active a,
#register .selected-cont .birth li.active a{
	color: #FFFFFF;
}
#register .selected-cont .sex li:hover a,
#register .selected-cont .birth li:hover a{
	color: #FFFFFF;
}
.success{
	background: url(../../images/new/Success.png) no-repeat;
	width: 115px;
	height: 92px;
	margin-left: 20px;
}
.fail{
	background: url(../../images/new/fail.png) no-repeat;
	width: 115px;
	height: 92px;
	margin-left: 20px;
}
.boot-info{
	margin-left: 20px;
}
.boot-info .hint-t{
	font-size: 18px;
	color: #333333;
	margin: 16px 0 20px;
}
.boot-info .PageChange{
	font-size: 14px;
	color: #666666;
}
.boot-info .PageChange span{
	font-size: 16px;
	font-weight: bold;
	color: #ffa132;
}
.boot-info .PageChange a{
	display: inline-block;
	color: #3da5e1;
	margin-left: 10px;
}
.boot-info .PageChange a:hover{
	color: #298dc7;
	text-decoration: underline;
}
.page-top-md{
	width: 100%;
	height: 200px;
	position: relative;
}
.page-top-md img{
	width: 1920px;
	height: 200px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
.mbx{
	font-size: 14px;
	color: #999;
	margin: 20px 0;
}
.container .mbx a{
	color: #333333;
}
.container .mbx a:hover{
	color: #c8161d;
}
.type-body .type-list{
    width: 100%;
    overflow: hidden;
}
.type-body .hidden{
    height: 65px;
}
.type-body .type-list>li {
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
    overflow: hidden;
    position: relative;
}
.type-body .type-list>li .item-list {
	color: #464646;
    font-size: 14px;
    width: 60px;
    line-height: 40px;
    display: block;
    text-align: left;
    float: left;
    padding: 12px 16px;
    padding-right: 10px;
}
.type-body .type-list>li .knowledge_ul{
	margin-left: 70px;
	margin-right: 80px;
	overflow: hidden;
}
.type-body .type-list>li .knowledge_ul li{
	float: left;
	padding: 12px 16px;
}
.type-body .type-list>li .knowledge_ul li:hover .item-list{
	color: #c8161d;
}
.type-body .type-list>li .knowledge_ul li .item-list{
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	padding: 0 20px;
	width: auto;
	color: #666666;
	cursor: pointer;
}
.type-body .type-list>li .knowledge_ul li.active .item-list{
	background: #F3F6FF;
	color: #C7171D;
}

.active-tools{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #c8161d;
	overflow: hidden;
}
.active-tools .allnum{
	padding: 0 14px;
	font-size: 14px;
	line-height: 50px;
	color: #333333;
}
.active-tools .allnum span{
	font-size: 18px;
	color: #f8b551;
	font-weight: bold;
}
.active-tools .new-hot{
	overflow: hidden;
	margin-top: 9px;
}
.active-tools .new-hot li{
	float: right;
	width: 94px;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	color: #333333;
	cursor: pointer;
}
.active-tools .new-hot li.active{
	background: url(../../images/new/bg-new-hot.png) no-repeat;
	width: 94px;
	height: 32px;
	color: #FFFFFF;
}
.activelist #activity .activity-item > li{
	border: 1px solid #f0f0f0;
	margin-bottom: 30px;
}
.detail-head{
	width: 100%;
	overflow: hidden;
}
.detail-head .col-sm-6{
	width: 480px;
	height: 354px;
}
.detail-head .detail-info{
	margin-left: 500px;
}
.detail-head .detail-info .detail-info-title{
	border-bottom: 1px solid #F6F6F6;
	padding: 2px 0 10px;
}
.detail-head .detail-info .detail-info-title h3{
	font-size: 18px;
	color: rgb(51, 51, 51);
	font-weight: bold;
}
.detail-head .detail-info .detail-info-title .belongV{
	font-size: 14px;
	margin-top: 6px;
	color: #808080;
}
.detail-head .detail-info .info-body{
	padding: 10px 0;
	border-bottom: 1px solid #F6F6F6;
	position: relative;
}
.detail-head .detail-info .info-body .info-list p{
	font-size: 14px;
	color: #464646;
	padding-left: 26px;
	line-height: 23px;
	position: relative;
	margin-bottom: 6px;
}
.detail-head .detail-info .info-body .info-list p:last-child{
	margin-bottom: 0;
    line-height: 19px;
}
.detail-head .detail-info .info-body .info-list .audiences:before,
.detail-head .detail-info .info-body .info-list .tel:before,
.detail-head .detail-info .info-body .info-list .host:before,
.detail-head .detail-info .info-body .info-list .place:before,
.detail-head .detail-info .info-body .info-list .time-up:before,
.detail-head .detail-info .info-body .info-list .time-start:before,
.detail-head .detail-info .info-body .info-list .containP:before,
.detail-head .detail-info .info-body .info-list .cost:before,
.detail-head .detail-info .info-body .info-list .equip:before,
.detail-head .detail-info .info-body .info-list .act_shows:before,
.detail-head .detail-info .info-body .info-list .reg_free_num:before,
.detail-head .detail-info .info-body .info-list .reg_condition:before,
.detail-head .detail-info .info-body .info-list .brief-r:before{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	width: 23px;
	height: 23px;
	top: 0;
	left: 0;
}
.detail-head .detail-info .info-body .info-list .audiences:before{
	background-position: 0 -213px;
}
.detail-head .detail-info .info-body .info-list .tel:before{
	background-position: 0 -244px;
}
.detail-head .detail-info .info-body .info-list .host:before{
	background-position: 0 -274px;
}
.detail-head .detail-info .info-body .info-list .place:before{
	background-position: 0 -305px;
}
.detail-head .detail-info .info-body .info-list .time-up:before{
	background-position: 0 -336px;
}
.detail-head .detail-info .info-body .info-list .time-start:before{
	background-position: 0 -366px;
}
.detail-head .detail-info .info-body .info-list .containP:before{
	background-position: 0 -394px;
}
.detail-head .detail-info .info-body .info-list .cost:before{
	background-position: 0 -426px;
}
.detail-head .detail-info .info-body .info-list .equip:before{
	background-position: 0 -455px;
}
.detail-head .detail-info .info-body .info-list .brief-r:before{
	background-position: 0 -487px;
}
.detail-head .detail-info .info-body .info-list .reg_condition:before{
	background-position: 0 -590px;
}
.detail-head .detail-info .info-body .info-list .reg_free_num:before{
	background-position: 0 -523px;
}
.detail-head .detail-info .info-body .info-list .act_shows:before{
	background-position: 0 -622px;
}
.detail-head .detail-info .info-body .shareto{
	position: absolute;
	right: 40px;
	top: 10px;
	cursor: pointer;
	z-index: 2;
	width: 80px;
}
.detail-head .detail-info .info-body .shareto .shareadd{
	background-position: -198px -143px;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	margin-top: 3px;
}
.detail-head .detail-info .info-body .shareto span{
	color: #666666;
}
.detail-head .detail-info .info-body .shareto:hover .shareadd{
	background-position: -232px -143px;
}
.detail-head .detail-info .info-body .shareto:hover span{
	color: #6a0808;
}
.detail-head .detail-info .info-body .shareto .shareic{
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	padding: 6px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	width: 80px;
}
.detail-head .detail-info .info-body .shareto .shareic li{
	margin-bottom: 10px;
}
.detail-head .detail-info .info-body .shareto .shareic li .qq,
.detail-head .detail-info .info-body .shareto .shareic li .wb,
.detail-head .detail-info .info-body .shareto .shareic li .rr{
	background: url(../../images/new/jiathis_ico_32x32.png) no-repeat;
	background-size: 16px 2032px;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	margin-top: 4px;
}
.detail-head .detail-info .info-body .shareto .shareic li .qq{
	background-position: 0 -16px;
}
.detail-head .detail-info .info-body .shareto .shareic li .wb{
	background-position: 0 0;
}
.detail-head .detail-info .info-body .shareto .shareic li .rr{
	background-position: 0 -32px;
}
.detail-head .detail-info .info-body .shareto .shareic li a{
	font-size: 12px;
	color: #666666;
}
.detail-head .detail-info .info-body .shareto .shareic li a:hover{
	color: #c8161d;
}
.detail-head .detail-info .prompt{
	height: 40px;
	line-height: 40px;
	position: relative;
	padding-left: 24px;
	border-bottom: 1px solid #f6f6f6;
}
.detail-head .detail-info .prompt:before{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -150px -219px;
	width: 16px;
	height: 16px;
	left: 0;
	top: 13px;
}

.detail-head .detail-info .reserveCon{
	width: 100%;
	height: 42px;
	background: #f8f8f8;
	margin: 10px 0;
}
.detail-head .detail-info .reserveCon p{
	font-size: 14px;
	color: #666666;
	line-height: 42px;
	margin: 0 30px 0 20px;
	float: left;
}
.detail-head .detail-info .reserveCon p .reserveNum{
	font-size: 18px;
	font-weight: bold;
}
.detail-head .detail-info .reserveCon p .remaining{
	color: #ee962e;
}
.detail-head .detail-info .bot-btn{
	width: 100%;
	overflow: hidden;
}
.detail-head .detail-info .bot-btn .coll:hover{
	color: #d8252c;
}
.detail-head .detail-info .bot-btn .coll.active{
	color: #d8252c;
}
.detail-head .detail-info .bot-btn .coll-x{
	background-position: -30px -91px;
	width: 17px;
	height: 15px;
	margin: 8px 6px 0 0;
}
.detail-head .detail-info .bot-btn .coll:hover .coll-x,
.detail-head .detail-info .bot-btn .coll.active .coll-x{
	background-position: -57px -91px;
}
.activebody{
	width: 100%;
	overflow: hidden;
}
.detail-left{
	width: 950px;
}
.detail-left .modular-one {
	margin-bottom: 30px;
}
.detail-left .modular-one .modular-title{
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #888888;
	position: relative;
	margin-bottom: 10px;
}
.detail-left .modular-one .modular-title:before{
	content: "";
	position: absolute;
	background: url(../../images/new/icon.png) no-repeat;
	background-position: -47px -171px;
	width: 52px;
	height: 27px;
	top: 8px;
	left: 0;
}
.detail-left .modular-one .modular-title h1{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-left: 36px;
}
.detail-left .modular-one .modular-cont p{
	font-size: 14px!important;
	color: #666666!important;
	line-height: 22px!important;
	margin: 6px 0!important;
    font-family: 宋体!important;
}
.detail-left .modular-one .modular-cont {
    font-size: 16px!important;
}
.detail-left .modular-one .modular-cont .title{
    font-size: 16px!important;
    color: #000000!important;
    text-align: left!important;
    font-weight: bolder;
}
.detail-left .modular-one .modular-cont p span
{
    font-size: 12pt!important;
    font-family: 宋体!important;
    line-height: 24px!important;
    text-indent: 2em!important;
}
.detail-left .modular-one .modular-cont img{
	max-width: 100%;
	margin: 10px 0;
}
.detail-left .modular-one .modular-cont-c .comments{
	padding: 20px;
	background: #f8f8f8;
	margin-top: 20px;
}
.detail-left .modular-one .modular-cont-c .comments h1{
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc{
	width: 100%;
	overflow: hidden;
	margin: 10px 0 14px;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li{
	float: left;
	overflow: hidden;
	line-height: 24px;
	color: #828282;
	margin-right: 50px;
	cursor: pointer;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc .good_li.active{
	color: #e5580f;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc .mid_li.active{
	color: #ffae00;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc .bad_li.active{
	color: #888888;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li .good,
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li .mid,
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li .bad{
	background: url(../../images/new/grade-eva.png) no-repeat;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li .good{
	background-position: 0 0;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li .mid{
	background-position: 0 -35px;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li .bad{
	background-position: 0 -71px;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li.active .good{
	background-position: -31px 0;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li.active .mid{
	background-position: -31px -35px;
}
.detail-left .modular-one .modular-cont-c .comments .comment-hzc li.active .bad{
	background-position: -31px -71px;
}
.detail-left .modular-one .modular-cont-c .comments .logcon{
	position: relative;
    /* overflow: hidden; */
    top: 10px;
}
.detail-left .modular-one .modular-cont-c .comments .logcon .login-go{
    display: none;
    position: absolute;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cc0c2c3, endColorstr=#4cc0c2c3);
    background: rgba(194,195,196,0.3);
    text-align: center;
    line-height: 168px;
    z-index: 1;
}
.detail-left .modular-one .modular-cont-c .comments .logcon .content {
    width: 890px;
    height: 148px;
    outline: none;
    box-shadow: none;
    resize: none;
    padding: 10px;
    z-index: 1;
}
.detail-left .modular-one .modular-cont-c .comments .submit{
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0 0;
}
.detail-left .modular-one .modular-cont-c .comments .submit span{
	color: #9C9C9C;
	font-size: 14px;
	float: left;
	line-height: 32px;
}
.detail-left .modular-one .modular-cont-c .judge {
	
}
.detail-left .modular-one .modular-cont-c .judge .judgeTop{
	width: 100%;
	height: 40px;
	background: #f8f8f8;
	margin: 20px 0 0;
}
.detail-left .modular-one .modular-cont-c .judge .judgeTop span{
	font-size: 14px;
	color: #333333;
	line-height: 40px;
	margin: 0 20px;
}
.judge_ul>li{
	padding: 20px;
	overflow: hidden;
	border-bottom: 1px dashed #E5E5E5;
}
.judge_ul>li .headimg{
	width: 60px;
	height: 60px;
}
.judge_ul>li .headimg img{
	border-radius: 50%;
}
.judge_ul>li .inner{
    position: relative;
    padding-left: 80px;
}
.judge_ul>li .inner .hd{
	font-size: 14px;
	color: #9C9C9C;
	margin-bottom: 6px;
}
.judge_ul>li .inner .cmt-txt{
	font-size: 14px;
	color: #464646;
	margin-bottom: 6px;
}
.judge_ul>li .inner .ft{
	width: 100%;
	overflow: hidden;
}
.judge_ul>li .inner .ft .hp-bot,
.judge_ul>li .inner .ft .zp-bot,
.judge_ul>li .inner .ft .cp-bot{
	padding-left: 20px;
	font-size: 12px;
	line-height: 24px;
	margin-right: 20px;
	position: relative;
}
.judge_ul>li .inner .ft .hp-bot{
	color: #e5580f;
}
.judge_ul>li .inner .ft .zp-bot{
	color: #ffae00;
}
.judge_ul>li .inner .ft .cp-bot{
	color: #888888;
}
.judge_ul>li .inner .ft .hp-bot:before,
.judge_ul>li .inner .ft .zp-bot:before,
.judge_ul>li .inner .ft .cp-bot:before{
	content: "";
	position: absolute;
	background: url(../../images/new/grade-eva.png) no-repeat;
	width: 15px;
	height: 15px;
	left: 0;
	top: 5px;
}
.judge_ul>li .inner .ft .hp-bot:before{
	background-position: -70px 0; 
}
.judge_ul>li .inner .ft .zp-bot:before{
	background-position: -70px -25px; 
}
.judge_ul>li .inner .ft .cp-bot:before{
	background-position: -70px -51px; 
}
.judge_ul>li .inner .ft .time{
	font-size: 12px;
	color: #8c8c8c;
	line-height: 24px;
}
.judge_ul>li .inner .ft .time .reply-btn{
	display: inline-block;
	width: 80px;
	text-align: right;
	cursor: pointer;
}
.judge_ul>li .inner .ft .time .reply-btn:hover{
	color: #3f9fd9;
}
.judge_ul>li .inner .ft .time .reply-btn.active{
	color: #3f9fd9;
}
.judge_ul>li .inner .comment_reply{
	#display: none;
	margin-top: 6px;
	background: #fbfbfd;
	border: 1px solid #c3d4df;
    display: none;
}
.comment_reply .judge_ul>li:last-child{
	border-bottom: 0;
}
.comment_reply .judge_ul > li .headimg {
    width: 40px;
    height: 40px;
}
.comment_reply .judge_ul>li .inner {
	padding-left: 60px;
}
.comment_reply .judge_ul>li .inner .hd{
	color: #3f9fd9;
}
.comment_reply .judge_ul>li .re-text{
	outline: none;
	box-shadow: none;
	resize: none;
	padding: 10px;
	border: 1px solid #E5E5E5;
	background: #FFFFFF;
	width: 766px;
	height: 70px;
}




.detail-right{
	width: 270px;
}
.activebody .detail-right .war-border{
	padding: 12px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	margin-bottom: 20px;
}
.activebody .detail-right .war-border .map-site{
	width: 100%;
	height: 200px;
	background: #000000;
}
.activebody .detail-right .war-border .my-title-right{
    font-size: 16px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    line-height: 1.6;
    margin: 0px;
    margin-bottom: 15px;
}
.activebody .detail-right .war-border .recommend-activity li{
	margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #dddddd;
}
.activebody .detail-right .war-border .recommend-activity li .reco-cover{
	width: 100%;
	height: 165px;
}
.activebody .detail-right .war-border .recommend-activity li .reco-title a{
	display: block;
	width: 100%;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px;
}
.activebody .detail-right .war-border .recommend-activity li .reco-title a:hover{
	color: #c8161d;
}
.activebody .detail-right .war-border .recommend-activity li .reco-title p{
	color: #9C9C9C;
	font-size: 12px;
}
.activebody .detail-right .war-border .recommend-activity li .reco-title p span{
	color: #f59228;
}
.reserve .activity_info{
	width: 100%;
	overflow: hidden;	
}
.reserve .activity_info .activityimg{
	width: 150px;
	height: 110px;
}
.reserve .activity-info{
	margin-left: 170px;
}
.reserve .activity-info .title{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin: 10px 0 30px;
}
.reserve .activity-info .address{
	font-size: 14px;
	color: #9C9C9C;
	margin-top: 10px;
}
.reserve .submit{
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}
.reserve .staff{
	padding: 14px 0;
	overflow: hidden;
}
.reserve .staff .staffpic{
	background-position: -66px -53px;
	width: 14px;
	height: 18px;
	margin: 2px 16px 0 0; 
}
.Important-notice{
	margin-top: 20px;
	padding: 10px;
	background: #fbfbfd;
	border: 1px solid #c3d4df;
	position: relative;
}
.Important-notice .noticetitle{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 55px;
}
.Important-notice .noticetitle .noticepic{
	background-position: -48px -212px;
	width: 32px;
	height: 28px;
	margin: 0 8px 6px 8px;
}
.Important-notice .noticetitle p{
	font-size: 12px;
	color: #333333;
}
.Important-notice .notice_info{
	margin-left: 150px;
}
.Important-notice .notice_info p{
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}
.top_title{
	width: 100%;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 2px solid #888888;
}
.corner{
	position: absolute;
	top: -1px;
	right: -1px;
	background: url(../../images/new/corner.png) no-repeat;
	width: 32px;
	height: 32px;
}
.venue-info-wz {
	width: 100%;
	margin-bottom: 20px;
}
.venue-info-wz .venue-biref{
	font-size: 14px;
	color: #666666;
	text-indent: 2em;
}
.this_inst#activity .activity-item {
    width: 1060px;
    max-height: 880px;
}
.this_inst#activity .activity-item>li {
    margin-right: 51px;
}
.lr-btn{
	overflow: hidden;
	margin-top: 8px;
}
.lr-btn .left-m-btn,
.lr-btn .right-m-btn{
	display: block;
	cursor: pointer;
	background: url(../../images/new/icon.png) no-repeat;
	width: 19px;
	height: 24px;
}
.lr-btn .left-m-btn{
	background-position: -228px -214px;
	margin-right: 14px;
}
.lr-btn .right-m-btn{
	background-position: -259px -214px;
}
.lr-btn .left-m-btn:hover{
	background-position: -198px -214px;
}
.lr-btn .right-m-btn:hover{
	background-position: -289px -214px;
}
.room{
	position: relative;
	overflow: hidden;
}
.room .bg-black-r{
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	font-size: 14px;
	color: #ffffff;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 130px;
	-moz-transition: top ease 200ms;
    -o-transition: top ease 200ms;
    -webkit-transition: top ease 200ms;
    transition: top ease 200ms;
}
.room:hover .bg-black-r{
	top: 0;
}
.room .bg-black-r p{
	line-height: 34px;
	padding: 0 20px;
}
.room:hover .roomname{
	margin-top: 20px;
}
.room .bg-black-r .venue-book{
	margin-left: 26px;
	margin-top: 10px;
}
.roombook .roomphoto{
	width: 470px;
	min-height: 400px;
	background: #000000;
}
.time-cal{
	margin-top: 30px;
	overflow: hidden;
}
.map-activity{
	border: 1px solid #E5E5E5;
	padding: 10px;
	position: relative;
}
.map-view{
	width: 100%;
	height: 750px;
}
.map-activity .nearbyActivity{
	position: absolute;
	border: 1px solid #E5E5E5;
	background: #FFFFFF;
	top: 30px;
	right: 30px;
	width: 250px;
	height: 700px;
}
.map-activity .nearbyActivity .topmenu{
	width: 100%;
	height: 50px;
	background: #f7f7f7;
	position: absolute;
	top: 0;
	left: 0;
}
.map-activity .nearbyActivity .topmenu .actnum{
	padding: 15px 0;
	width: 100%;
	overflow: hidden;
}
.map-activity .nearbyActivity .topmenu .actnum .nearactnum{
	width: 49.5%;
	text-align: center;
	position: relative;
	border-right: 1px solid #C9C9C9;
	color: #333333;
}
.map-activity .nearbyActivity .topmenu .actnum .distance_ch{
	width: 50%;
	text-align: center;
	cursor: pointer;
	color: #333333;
}
.map-activity .nearbyActivity .topmenu .actnum .distance_ch .caret{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;

}
.map-activity .nearbyActivity .body-act{
	overflow-y: auto;
	height: 650px;
	margin-top: 50px;
}
.map-activity .nearbyActivity .activity_ul{
	/*margin-top: 50px;*/
}
.map-activity .nearbyActivity .activity_ul li{
	padding: 12px;
	min-height: 43px;
	overflow: hidden;
}
.map-activity .nearbyActivity .activity_ul li:hover{
	background: #eeeeee;
}
.map-activity .nearbyActivity .activity_ul li.active {
    background: #eeeeee;
}

.map-activity .nearbyActivity .activity_ul li .pos-num {
    background: url(../../images/new/icon.png) no-repeat;
    background-position: 0 -87px;
    width: 18px;
    height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 0px;
}
.map-activity .nearbyActivity .activity_ul li .activity-cont {
    margin-left: 30px;
}
.map-activity .nearbyActivity .activity_ul li .activity-cont .title-a{
	color: #333333;
	cursor: pointer;
}
.map-activity .nearbyActivity .activity_ul li .activity-cont .title-a:hover{
	color: #c8161d;
}
.map-activity .nearbyActivity .activity_ul li .activity-cont .distance-a,
.map-activity .nearbyActivity .activity_ul li .activity-cont .adress-a,
.map-activity .nearbyActivity .activity_ul li .activity-cont .jg-a{
	font-size: 12px;
	color: #949494;
	margin-top: 4px;
}
.map-activity .nearbyActivity .activity_ul li .activity-cont .distance-a span{
	color: #f59f20;
}
.map-activity .nearbyActivity .filter-category{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	width: 100%;
	background: #FFFFFF;
	z-index: 2;
}
.map-activity .nearbyActivity .filter-category li{
	border-bottom: 1px solid #E5E5E5;
}
.map-activity .nearbyActivity .filter-category li:last-child{
	border: 0;
}
.map-activity .nearbyActivity .filter-category li.active span{
	color: #c8161d;
}
.map-activity .nearbyActivity .filter-category li span{
	display: block;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	padding-left: 20px;
	cursor: pointer;
	color: #333333;
}
.map-activity .nearbyActivity .filter-category li span:hover{
	color: #c8161d;
}
.news_ul{
	width: 100%;
	margin-bottom: 40px;
}
.news_ul li{
	padding: 20px 10px;
	border-bottom: 1px solid #E5E5E5;
}
.news_ul li h5{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}
.news_ul li .time{
	font-size: 12px;
	color: #C9C9C9;
	margin-bottom: 6px;
}
.news_ul li .cont-wz{
	font-size: 14px;
	color: #9C9C9C;
	line-height: 22px;
}
.newsDetail .title{
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 20px;
}
.newsDetail .title h5{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.newsDetail .title .time{
	font-size: 12px;
	color: #9C9C9C;
	text-align: center;
	margin-bottom: 20px;
}
.newsDetail .newsCont{
	color: #333333;
}
.newsDetail .newsCont img{
	margin: 0 auto 10px;
	text-align: center;
}
.newsDetail .newsCont p{
	margin-bottom: 10px;
	text-indent: 2em;
}

.modal-backdrop{
	background: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
    display: block;
    cursor: pointer;
    z-index: 998;
}
/*.pop-window {
    position: fixed;
    z-index: 999;
    width: 600px;
    top: 0;
    top: 50%;
    left: 50%;
}
.pop-top, .pop-bottom {
    width: 100%;
    height: 4px;
    background: #fdfcfc;
    position: relative;
    float: left;
}
.pop-top {
    border-top: 1px solid #cfcfcf;
}
.pop-bottom {
    border-bottom: 1px solid #cfcfcf;
}
.pop-top:before,
.pop-top:after,
.pop-bottom:before,
.pop-bottom:after {
    content: "";
    background: url(../../images/new/icon-two.png) no-repeat;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
}
.pop-top:before {
    background-position: -69px -628px;
    left: -4px;
}
.pop-top:after {
    background-position: -73px -628px;
    right: -4px;
}
.pop-bottom:before {
    background-position: -69px -632px;
    left: -4px;
}
.pop-bottom:after {
    background-position: -73px -632px;
    right: -4px;
}
.pop-main {
    width: 100%;
    max-height: 800px;
    background: #fdfcfc;
    position: relative;
    float: left;
}
.pop-main:before,
.pop-main:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
}
.pop-main:before {
    background: url(../../images/new/pop-mainl.jpg) repeat-y;
    left: -4px;
    background-color: #fff;
}
.pop-main:after {
    background: url(../../images/new/pop-mainr.jpg) repeat-y;
    right: -4px;
    background-color: #fff;
}
.pop-main .top-title{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #E5E5E5;
}
.pop-main .top-title .pop-t{
	font-size: 16px;
	color: #333333;
	padding-left: 10px;
}
.pop-window .close {
	background: url(../../images/new/icon-two.png) no-repeat;
	background-position: -1px -782px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 17px;
    top: 17px;
    cursor: pointer;
}
.pop-window .pop-main .cont-w{
	margin-top: 20px;
}
.pop-window .pop-main .btn-top-bor{
	border-top: 1px solid #E5E5E5;
	padding: 20px 0;
}*/
.text-pop{
	margin-bottom: 14px;
}
.text-pop .title{
	
}
.text-pop .cont{
	margin-left: 80px;
}
.fixed-bottom {
	padding-bottom: 350px;
}




@media only screen and (max-width: 1300px){
	.container{
		width: 950px;
		margin: 0 auto;
		min-height: 100%;
	}
	
	#news .news-content .news-pic{
		width: 500px;
	}
	#news .news-content .news-list{
		width: 430px;
	}

    #header .navbar .navbar-nav li {
        float: right;
        color: #2b2b2b;
        font-size: 14px;
        line-height: 85px;
        padding: 0 10px!important;
    }
	.link-list_right {
        padding: 20px 0!important;
    }
	.row{
		width: 1005px;
	}
	#activity .activity-item>li{
		margin-right: 52px;
	}
	#review .review-item > li{
		margin-right: 55px;
	}
	.top-title .tg-classify{
		max-width: 486px;
	}
	
	#venue{
		width: 950px;
	}
	#venue .venue-item>li{
		width: 430px;
		margin-right: 46px;
	}
	.detail-left{
		width: 650px;
	}
	.detail-left .modular-one .modular-cont-c .comments .logcon .content {
	    width: 590px;
	}
	.comment_reply .judge_ul>li .re-text{
		width: 466px;
	}
	#activity.this_inst .activity-item > li {
	    margin-right: 83px;
	}
	.map-view{
		height: 600px;
	}
	.map-activity .nearbyActivity{
		height: 560px;
	}
	.map-activity .nearbyActivity .body-act{
		height: 510px;
	}
	
}




.pop-window {
	background-color: #FFFFFF;
	border: 1px solid #d2d2d2;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index:199;
}

.pop-window {
	background-color: #FFFFFF;
	border: 1px solid #d2d2d2;
	border-radius: 6px;
	padding: 10px;
	position: fixed;
	top: 50%;
	z-index: 9999;
	width: 460px;
	margin-left: -230px;
	left: 50%;
}

.pop-main {
	width: 100%;
	background: #FFFFFF;
}
.pop-main .pop-top {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
}
.pop-main .pop-top .close {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../../images/icon.png) no-repeat;
	background-position: 0px -316px;
	opacity: 1;
}
.pop-window .close {
    background: url(../../images/new/icon-two.png) no-repeat;
    background-position: -1px -782px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 17px;
    top: 17px;
    cursor: pointer;
}
.pop-main .pop-top .pop-t {
	font-size: 18px;
	color: #252525;
}
.pop-main .mar-ri {
	margin: 30px 76px 20px 0;
}
.modal-backdrop {
	background: #000;
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0;
	right: 0;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	opacity: 0.5;
	display: block;
	cursor: pointer;
	z-index: 9998;
}
.right {
	float: right;
}

.error_message{
	display: none;
	width: 53%;
	height: 30px;
	line-height: 30px;
	background: #fef2f2;
	border: 1px solid #ffb4a8;
	color: #6C6C6C;
	margin: 30px 0 0 145px;
	padding: 0 0 0 15px;
}
.error_message i{
	display: block;
	width: 16px;
	height: 30px;
	background: url(../../images/new/error.png) no-repeat;
	margin-top: 6px;
	float: left;
}
.error_message span{
	display: block;
	width: 70%;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-left: 10px;
	color: #6C6C6C;
}

.suc_message{
	display: block;
	width: 53%;
	height: 30px;
	line-height: 30px;
	background: #dcefc4;
	border: 1px solid #70C703;
	color: #6C6C6C;
	margin: 30px 0 0 145px;
	padding: 0 0 0 15px;
}
.suc_message i{
	display: block;
	width: 16px;
	height: 30px;
	background: url(../../images/new/right.png) no-repeat;
	margin-top: 6px;
	float: left;
}
.suc_message span{
	display: block;
	width: 70%;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-left: 10px;
	color: #6C6C6C;
}

.loading{
	top: 50%;
	width: 300px;
	left: 40%;
	margin-left: -150px;
	margin: 0 auto;
	overflow: hidden;
}
.loading-img{
	width: 37px;
	height: 37px;
	margin: 0 auto;
	background: url(../../images/xubox_loading1.gif) no-repeat;
	z-index: 999;
}
.loading p{
	font-size: 15px;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

/*鍒嗛〉*/
.page-center{
	width: 100%;
	overflow: hidden;
}
.pages-2 {
	box-sizing: border-box;
    display: table;
    margin: 0 auto;
}
.pages-2 li,
.pages-2 .current,
.pages-2 .prev,
.pages-2 .next {
	float: left;
	margin: 0 5px;
	padding: 0px 8px;
	cursor: pointer;
	color: #222;
	font-style: normal;
	min-width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 6px;
	background: #f6f6f6;
	box-sizing: border-box;
}
.pages-2 .current {
	color: #FFF;
	background-color: #d22333;
}
.pages-2 .rows{
	height: 28px;
	line-height: 28px;
}

.pop-alert{
	position: relative;
	background-color: #FFFFFF;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 10px;
	position: fixed;
	top: 40%;
	z-index: 99999999;
	margin-left: -150px;
	left: 50%;
}
.pop-alert .popAlert-before{
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -255px -227px;
	width: 11px;
	height: 52px;
	top: 0;
	left: -7px;
}
.pop-alert .popAlert-after{
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -273px -227px;
	width: 11px;
	height: 52px;
	top: 0;
	right: -7px;
}
.pop-alert .msg-img{
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 10px;
}
.pop-alert .msg-img img{
	width: 100%;
	height: 100%;
}
.pop-alert .msg-text{
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	float: left;
	text-align: left;
	padding-left: 20px;
	display: inline-block;
}

.pic-blank{
	background: url(../../images/nodata.png) no-repeat center center;
	width: 533px;
	height: 360px;
	margin: 70px auto;
	position: relative;
}

.no-find{
	width: 100%;
	font-size: 25px;
	color: #464646;
	line-height: 30px;
	/*border-bottom: 1px solid #C9C9C9;*/
	/* margin-left: 30px; */
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	text-align: center;
}


/**------回顾视频begin---**/
.details-maincon {
	border: 1px solid #dcdcdc;
	overflow: hidden;
	margin-top: 20px;
}
.details-maincon .con-one {
	overflow: hidden;
	margin: 10px 10px 40px 10px;
}
.details-maincon .con-one img {
	width: 450px;
	height: 297px;
	float: left;
	margin-right: 10px;
}
.details-maincon .con-one .reviewphoto{
	width: 100%;
	overflow: hidden;
}
.details-maincon .con-one .reviewphoto .left{
	width: 450px;
	overflow: hidden;
}
.details-maincon .con-one .reviewphoto .left .bigimg{
	width: 100%;
	height: 297px;
	overflow: hidden;
	position: relative;
}
.details-maincon .con-one .reviewphoto .left .bigimg .hoverbox{
	width: 90px;
	height: 90px;
	background: rgba(215,211,211,.5);
	position: absolute;
	display: none;
}
.tooltipdi{ position:absolute; right:0; top:0; float:left; z-index:99;opacity: .8;display: none;}
.tooltipdi span{ font:14px "微软雅黑"; color:#666; float:left; background:#fff; border:1px solid #c8c8c8; padding:6px 12px; border-radius:5px;}
.tooltipdi span b{ display:block; position:absolute; left:-13px; top:10px; font-size:0; line-height:0; width:0; height:0; border-color:transparent; border-style:dashed; border-width:7px; border-right-color:#c8c8c8; border-right-style:solid;}
.tooltipdi span em{ display:block; position:absolute; left:-12px; top:10px; font-size:0; line-height:0; width:0; height:0; border-color:transparent; border-style:dashed; border-width:7px; border-right-color:#fff; border-right-style:solid;}
.details-maincon .con-one .reviewphoto .left .bigimg img{
	width: 100%;
	height: 100%;
	z-index: 1;
}
.details-maincon .con-one .reviewphoto .left .bigimg .imgbg{
	position: absolute;
	width: 100%;
	height: 30px;
	background: rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
	bottom: 0;
	z-index: 9;
}
.details-maincon .con-one .reviewphoto .left .bigimg .imgbg ul{
	/*width: 40%;*/
	float: right;
	margin: 7px 15px 0 0;
	z-index: 9;
}
.details-maincon .con-one .reviewphoto .left .bigimg .imgbg li{
	width: 15px;
	height: 15px;
	float: left;
	background: url(../images/dot-w.png) no-repeat;
	cursor: pointer;
	margin-left: 15px;
	z-index: 9;
}
.details-maincon .con-one .reviewphoto .left .bigimg .imgbg .hover{
	background: url(../images/dot.png) no-repeat;
}
.details-maincon .con-one .reviewphoto .left .samllimg{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.details-maincon .con-one .reviewphoto .left .samllimg li{
	width: 110px;
	height: 73px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
	position: relative;
}
.details-maincon .con-one .reviewphoto .left .samllimg .leftimg{
	width: 20px;
	height: 70px;
	display: block;
	float: left;
	cursor: pointer;
}
.details-maincon .con-one .reviewvideo .left .samllvideo .leftimg{
	width: 20px;
	height: 70px;
	display: block;
	float: left;
	cursor: pointer;
}
.details-maincon .con-one .reviewphoto .left .samllimg .leftimg img{
	width: 100%;
	height: 100%;
}
.details-maincon .con-one .reviewphoto .left .samllimg .rightimg{
	width: 20px;
	height: 70px;
	display: block;
	float: right;
	cursor: pointer;
}
.details-maincon .con-one .reviewvideo .left .samllvideo .rightimg{
	width: 20px;
	height: 70px;
	display: block;
	float: right;
	cursor: pointer;
}
.details-maincon .con-one .reviewvideo .left .samllvideo .imgcenter {
	width: 83%;
	overflow: hidden;
	float: left;
	margin-left: 27px;
	position: relative;
}
.details-maincon .con-one .reviewphoto .left .samllimg .rightimg img{
	width: 100%;
	height: 100%;
}
.details-maincon .con-one .reviewphoto .left .samllimg ul{
	/*width: 80%;*/
	overflow: hidden;
	/*margin: 0 auto;*/
	float: left;
	/*margin-left: 27px;*/
	width: 2000px;
}
.details-maincon .errorinfo{
	width: 100%;
	text-align: center;
}
.details-maincon .con-one .reviewphoto .left .samllimg .imgcenter{
	width: 83%;
	overflow: hidden;
	float: left;
	margin-left: 27px;
	position: relative;
}
.details-maincon .con-one .reviewphoto .left .samllimg li span{
	position: absolute;
	display: block;
	width: 110px;
	height: 70px;
	background: rgba(0,0,0,0.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
	z-index: 2;
}
.details-maincon .con-one .reviewphoto .left .samllimg li:first-child{
	margin: 0;
}
.details-maincon .con-one .reviewphoto .left .samllimg li .active{
	border: 2px solid #FF6600;
	width: 98%;
	height: 94%;
}
.details-maincon .con-one .reviewphoto .left .samllimg li img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.details-maincon .con-one .reviewphoto .right{
	width: 60%;
	height: 100px;
}
.details-maincon .con-one .reviewphoto .right li{
	display: none;
}
.details-maincon .con-one .reviewphoto .right li:first-child{
	display: block;
}
.details-maincon .con-one .reviewphoto .right h2{
	border-bottom: 1px solid #a29f9f;
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.details-maincon .con-one .reviewphoto .right h2 span{
	width: 10px;
	height: 10px;
	background: #3F9FD9;
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}
.details-maincon .con-one .reviewphoto .right p{
	margin-top: 15px;
	font-size: 13px;
	text-indent: 2em;
	line-height: 2em;
}

.details-maincon .con-one .reviewvideo{
	width: 100%;
	overflow: hidden;
}
.details-maincon .con-one .reviewvideo .left{
	width: 450px;
	overflow: hidden;
}
.details-maincon .con-one .reviewvideo .left .bigvideo{
	width: 100%;
	height: 297px;
	overflow: hidden;
	position: relative;
}
.details-maincon .con-one .reviewvideo .left .bigvideo .videobutton{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -50px;
	background: url(../images/videobutton.png) no-repeat center center;
	cursor: pointer;
}
.details-maincon .con-one .reviewvideo .left .bigvideo img{
	width: 100%;
	height: 100%;
}
.details-maincon .con-one .reviewvideo .left .samllvideo{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.details-maincon .con-one .reviewvideo .left .samllvideo li{
	width: 110px;
	height: 73px;
	float: left;
	margin-left: 16.5px;
	cursor: pointer;
	position: relative;
}
.details-maincon .con-one .reviewvideo .left .samllvideo li .small_bg{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33e5e5e5, endColorstr=#33e5e5e5);
	background: rgba(0,0,0,0.2);
	z-index: 3;
}
.details-maincon .con-one .reviewvideo .left .samllvideo li .small_bg em{
	display: block;
	width: 28px;
	height: 14px;
	margin: 35px auto 0 auto;
	background: url(../../images/playing.gif) no-repeat;
	z-index: 4;
}
.details-maincon .con-one .reviewvideo .left .samllvideo li .small_numbg{
	position: absolute;
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	bottom: 0;
	z-index: 4;
	color: #FFF5D4;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33e5e5e5, endColorstr=#33e5e5e5);
	background: rgba(229,229,229,0.2);
}
.details-maincon .con-one .reviewvideo .left .samllvideo li:first-child{
	margin: 0;
}
.details-maincon .con-one .reviewvideo .left .samllvideo li img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.details-maincon .con-one .reviewvideo .right{
	width: 60%;
	height: 100px;
}
.details-maincon .con-one .reviewvideo .right li{
	display: none;
}
.details-maincon .con-one .reviewvideo .right li:first-child{
	display: block;
}
.details-maincon .con-one .reviewvideo .right h2{
	border-bottom: 1px solid #a29f9f;
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.details-maincon .con-one .reviewvideo .right h2 span{
	width: 10px;
	height: 10px;
	background: #3F9FD9;
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}
.details-maincon .con-one .reviewvideo .right p{
	margin-top: 15px;
	font-size: 13px;
	text-indent: 2em;
	line-height: 2em;
}

.details-maincon .con-one .wi {
	width: 730px;
}
.details-maincon .con-one .details-wz img {
	width: auto;
	height: auto;
	float: none;
	margin-right: 0;
}
.details-maincon .con-one .details-wz .title {
	font-size: 16px;
	color: #000000;
	/*line-height: 50px;*/
	margin-bottom: 10px;
}
.details-maincon .con-one .details-wz .con {
	font-size: 14px;
	color: #464646;
	line-height: 26px;
}
.details-maincon .s-num {
	overflow: hidden;
	margin: 10px;
	background-color: #f6f6f6;
	height: 30px;
	line-height: 30px;
	padding: 10px;
}
.details-maincon .s-num .tit-eva {
	color: #000000;
	font-size: 16px;
}
.details-maincon .s-num .tit-eva span {
	color: #f8b109;
}
.details-maincon .s-num .pageView {
	position: relative;
	font-size: 14px;
	color: #8C8C8C;
	margin-left: 60px;
}
.details-maincon .s-num .pageView .see {
	position: absolute;
	background-image: url(../images/icon.png);
	background-position: -393px 0;
	width: 22px;
	height: 14px;
	top: 5px;
	left: -26px;
}
.details-maincon .s-num .clickLike {
	position: relative;
	font-size: 14px;
	color: #8C8C8C;
	margin-left: 60px;
}
.details-maincon .s-num .clickLike .good {
	cursor: pointer;
	position: absolute;
	background-image: url(../images/icon.png);
	background-position: 0px -36px;
	width: 18px;
	height: 18px;
	top: 0;
	left: -24px;
}
.details-maincon .s-num .clickLike .active {
	position: absolute;
	background-image: url(../images/icon.png);
	background-position: 0px -69px;
	width: 18px;
	height: 18px;
	top: 0;
	left: -24px;
}
.details-maincon .judge{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	overflow: hidden;
}
.details-maincon .judge ul{
	/*overflow: hidden;*/
	margin: 0 10px;
}
.details-maincon .judge li{
	width: 95%;
	padding: 26px 2.5%;
	float: left;
	border-bottom: 1px dashed #dee3eb;
}
.details-maincon .judge li .person-head{
	float: left;
	width: 10%;
	margin-right: 40px;
}
.details-maincon .judge li .person-head .headimg{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
}
.details-maincon .judge li .person-head .headimg img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.details-maincon .judge li .person-head p{
	font-size: 12px;
	font-family: "微软雅黑";
	color: #464646;
	width: 100%;
	text-align: center;
}
.details-maincon .judge .judge-content{
	float: right;
	width: 85%;
}
.details-maincon .judge .judge-content p{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #464646;
	line-height: 2em;
	width: 100%;
}
.details-maincon .judge .judge-content .judge-list{
	width: 100%;
	text-align: right;
	overflow: hidden;
	padding: 0 2px;
	margin-top: 15px;
}
.details-maincon .judge .judge-content span{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #8c8c8c;
}
.details-maincon .judge .judge-content .judge-layer{
	margin-right: 12px;
}
.details-maincon .judge .judge-content .judge-time{
	margin-right: 50px;
	float: right;
}
.details-maincon .judge .judge-content .say{
	cursor: pointer;
	float: right;
}
.details-maincon .judge .judge-content .active{
	float: right;
	display: block;
	width: 70px;
	height: 28px;
	border: 1px solid #c3d4df;
	border-bottom: none;
	text-align: center;
	background: #fbfbfd;
	color: #3f9fd9;
}
.details-maincon .judge .judge-content .active a{
	display: block;
	width: 100%;
	border: 1px solid #fbfbfd;
	position: absolute;
}
.details-maincon .comments{
	width: 98%;
	margin-top: 10px;
	padding: 10px 10px 40px 10px;
	overflow: hidden;
}
.details-maincon .judge .judge-content .judge-star{
	display: block;
	overflow: hidden;
	float: left;
	width: 170px;
	height: 20px;
	float: right;
}
.details-maincon .judge .judge-content .judge-star span{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/judgestar-off-big.png) no-repeat;
	margin-left: 10px;
	/*cursor: pointer;*/
}
.details-maincon .judge .judge-content .judge-star .activestar{
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/judgestar-on-big.png) no-repeat;
}
.details-maincon .comments .star{
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
}
.details-maincon .comments .star li{
	float: left;
	width: 24px;
	height: 24px;
	background: url(../images/star-off-big.png) no-repeat;
	margin-left: 10px;
	cursor: pointer;
}
.details-maincon .comments .star .activestar{
	background: url(../images/star-on-big.png) no-repeat;
}


.reviewphoto {position:relative;width:100%;overflow: hidden;}
.reviewphoto .bd { position:relative; float:left; width:70%;overflow:hidden;}
.reviewphoto .bd .title{    position: absolute;bottom: 0;width: 100%;height: 40px;overflow: hidden;	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);background: rgba(0,0,0,0.8);}
.reviewphoto .bd .title li{ width: 100%;line-height: 40px;display: none;}
.reviewphoto .bd .title li a{ color: #fff;font-size: 15px;font-family: "微软雅黑";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;}
.reviewphoto .text{ width: 68%;float: left;border: 1px solid #BFBFBF;border-radius: 5px;padding: 10px;margin-top: 20px;font-size: 14px;text-indent: 2em;font-family: "微软雅黑";height: 98px;}
.reviewphoto .text li {display: none;}
.reviewphoto .text p{line-height: 2em; }
/*.reviewphoto .bd ul{ width: 100%; height: 100%;}
.reviewphoto .bd li{ width: 100%;height: 100%;}*/
.reviewphoto .bd li a{ display: block;}
.reviewphoto .bd img {width:100%;height: 450px;float: none;margin-right: 0;}
/*.slideBox .right { width: 155px;margin-top: 3px;}*/
.reviewphoto .rightBox{overflow: hidden;width: 25%;float: right;border: 1px solid #cfcfcf;height: 588px;}
.reviewphoto .rightBox p{width: 97%;font-size: 18px;background: #f6f6f6;height: 40px;line-height: 40px;display: block;font-family: "微软雅黑";color: #464646;padding-left: 10px;}
.reviewphoto .hd {position:relative; width:90%; float:right; padding-right:4px; z-index:1;margin-top: 0;margin-left: 10px;height: 480px;overflow: hidden;float: left;}
.reviewphoto .hd ul { position:relative; width:100%; z-index: 100;height: 2000px;  }
.reviewphoto .hd li { width:100%;height: 150px; padding:5px 10px 5px 10px; overflow:hidden;  }
.reviewphoto .hd li .hover{width: 96%;border: 2px solid #FF6600;height: 151px;}
.reviewphoto .hd img {width:100%;height:150px; display:block;  }
.reviewphoto .prev { display: block; width: 100%;height: 30px;background: url(../../images/prevbg.png) no-repeat center center;cursor: pointer;float: left;}
.reviewphoto .next { display: block; width: 100%;height: 30px;background: url(../../images/nextbg.png) no-repeat center center;cursor: pointer;float: left;margin-top: 5px;}
.reviewphoto .hoverBg { position:absolute; top:0; left:-10px; width:174px; height:100px; z-index:99; background:url(../images/hover.png) no-repeat;		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hover.png);		_background:none;	}

.reviewvideo {position:relative;width:100%;overflow: hidden;}
.reviewvideo .bd { position:relative; float:left; width:70%;overflow:hidden;}
.reviewvideo .bd .bigvideo{ width: 100%;height: 450px;}
.reviewvideo .bd .title{    position: absolute;bottom: 0;width: 100%;height: 40px;overflow: hidden;	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99c0c2c3, endColorstr=#99c0c2c3);background: rgba(192,194,195,0.6);opacity: 0.6;}
.reviewvideo .bd .title li{ width: 100%;line-height: 40px;display: none;}
.reviewvideo .bd .title li a{ color: #000;font-size: 15px;font-family: "微软雅黑";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;}
.reviewvideo .text{ width: 68%;float: left;border: 1px solid #BFBFBF;border-radius: 5px;padding: 10px;margin-top: 20px;font-size: 14px;text-indent: 2em;font-family: "微软雅黑";height: 98px;}
.reviewvideo .text li {display: none;}
.reviewvideo .text p{line-height: 2em; }
.reviewvideo .bd li a{ display: block;}
.reviewvideo .bd img {width:100%;height: 450px;float: none;margin-right: 0;}
.reviewvideo .rightBox{overflow: hidden;width: 25%;float: right;border: 1px solid #cfcfcf;height: 588px;}
.reviewvideo .rightBox p{width: 97%;font-size: 18px;background: #f6f6f6;height: 40px;line-height: 40px;display: block;font-family: "微软雅黑";color: #464646;padding-left: 10px;}
.reviewvideo .hd {position:relative; width:90%; float:right; padding-right:4px; z-index:1;margin-top: 0;margin-left: 10px;height: 480px;overflow: hidden;float: left;}
.reviewvideo .hd ul { position:relative; width:100%; z-index: 100;height: 2000px;  }
.reviewvideo .hd li { width:100%;height: 150px; padding:5px 10px 5px 10px; overflow:hidden;  position: relative;}
.reviewvideo .hd li span{display: block;width: 28px;height: 14px;position: absolute;bottom: 3px;left: 50%;margin: 0 auto;background: url(../../images/playing.gif) no-repeat;z-index: 2;margin-left: -14px;display: block;}
.reviewvideo .hd li .hover{width: 96%;border: 2px solid #FF6600;height: 151px;}
.reviewvideo .hd img {width:100%;height:150px; display:block;  }
.reviewvideo .prev { display: block; width: 100%;height: 30px;background: url(../../images/prevbg.png) no-repeat center center;cursor: pointer;float: left;}
.reviewvideo .next { display: block; width: 100%;height: 30px;background: url(../../images/nextbg.png) no-repeat center center;cursor: pointer;float: left;margin-top: 5px;}
.reviewvideo .hoverBg { position:absolute; top:0; left:-10px; width:174px; height:100px; z-index:99; background:url(../images/hover.png) no-repeat;		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hover.png);		_background:none;	}

/**------回顾视频 end---**/

.success_msg {
	color: #71b83d;
	padding-left: 20px;
	background: url(../../images/right.png) no-repeat;
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 12px;
	position: absolute;
	top: 10px;
	z-index: 1;
}
.error_msg {
	color: red;
	padding-left: 20px;
	background: url(../../images/error.png) no-repeat;
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	top: 10px;
}


.yzm_code_click {
	display: block;
	margin-left: 10px;
	width: 90px;
	height: 28px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	line-height: 28px;
	text-align: center;
	color: #464646;
	cursor: pointer;
	position: relative;
	background-color: #e5e5e5;
	float: left;
}
.yzm_code_click .yzm-before {
	position: absolute;
	background-image: url('../../images/icon.png');
	background-position: -407px -83px;
	width: 8px;
	height: 30px;
	top: -1px;
	left: -7px;
}

.yzm_code_click .yzm-after {
	position: absolute;
	background-image: url('../../images/icon.png');
	background-position: -420px -83px;
	width: 8px;
	height: 30px;
	top: -1px;
	right: -7px;
}

.pop_screenshot{
	background-color: #FFFFFF;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	padding: 10px 0 20px 0;
	position: fixed;
	top: 50%;
	margin-top: -210px;
	z-index: 99999999;
	width: 720px;
	height: 420px;
	margin-left: -360px;
	left: 50%;
	box-shadow: 0 2px 5px #c5c5c5;
}


.pop_screenshot .pop-top {
	width: 97%;
	overflow: hidden;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #d2d2d2;
}
.pop_screenshot .pop-top .close {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../../images/icon.png) no-repeat;
	background-position: 0px -316px;
	opacity: 1;
	margin-top: 10px;
}
.pop_screenshot .pop-top .pop-t {
	font-size: 18px;
	color: #252525;
}

/*图片截图*/
.pop_screenshot .pop-content{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
}
.pop_screenshot .portrait_left{float:left;height:auto;width:100%;}
.pop_screenshot #picture{position:relative;height:auto;width:99%;margin: 15px auto 0px 15px;}
.pop_screenshot #avatar{height:340px;width: 340px;}
.pop_screenshot #avatar img{width: 100%;height: 100%;}
.pop_screenshot .portrait_revolve{height:auto;padding-top:15px;width:306px;}
.pop_screenshot .revolve_left{background:url("../../images/btn.gif") no-repeat 0px 0px;float:left;height:22px;width:22px;}
.pop_screenshot .revol_left_txt{color:#FF6699;float:left;height:22px;line-height:22px;text-align:left;width:110px;}
.pop_screenshot .revol_left_txt{color:#FF6699;float:left;height:22px;line-height:22px;text-align:left;width:110px;}
.pop_screenshot .revol_right_txt{color:#FF6699;float:left;height:22px;line-height:22px;text-align:right;width:131px;}
.pop_screenshot .revolve_right{background:url("../../images/btn.gif") no-repeat scroll -18px 0px;float:left;height:22px;width:22px;}
.pop_screenshot .setup_but{height:28px;padding-left:93px;padding-top:40px;width:auto;}
.pop_screenshot .baseinf_but1{background:url("../../images/btn.gif") no-repeat 0px -22px;border:medium none;color:#FFFFFF;font-size:14px;font-weight:bold;height:28px;line-height:28px;margin-right:22px;outline:medium none;width:78px;}
.pop_screenshot .portrait_right{float:left;font-size:12px;height:280px;padding-left:80px;width:190px;}
.pop_screenshot .portrait_right_bottom{color:#666666;height:220px;width:310px;}
.pop_screenshot .button{position: absolute;top: 320px;right: 110px;overflow: hidden;}
.pop_screenshot .portrait_right_selectimg{width: 180px;height: 40px;background: url(../../images/pop-select.png);font-size: 15px;color: #FFFFFF;text-align: center;line-height: 40px;display: block;cursor: pointer;}
.pop_screenshot .portrait_right_saveimg{width: 180px;height: 40px;background: url(../../images/pop-select.png);font-size: 15px;color: #FFFFFF;text-align: center;line-height: 40px;display: block;cursor: pointer;margin-top: 30px;}
.pop_screenshot .portrait1{float:left;height:200px;width:180px;}
.pop_screenshot #img_big_preview{
	height:180px;margin:0 auto;width:180px;position: absolute;right: -260px;z-index: 999999;
}
.pop_screenshot .jcrop-holder{border: none;}
.pop_screenshot .img_preview{border: 1px solid #c8c8c8;overflow:hidden;position:relative;}
.pop_screenshot .img_preview img{border: 1px solid #c8c8c8;margin:0;position:relative;}
.pop_screenshot.portrait2{float:left;height:auto;padding-left:40px;width:68px;}
.pop_screenshot #img_small_preview{height:49px;margin:0 auto;width:49px;}
.pop_screenshot .img_preview{border:1px solid #c8c8c8;overflow:hidden;position:relative;}


/*register、register-trusts、 ResetPassword、 landing、 bindAccount*/
.bg-kw {
	width: 590px;
	border: 1px solid #bfbfbf;
	margin: 20px auto;
	border-radius: 8px;
	padding: 20px 20px 50px;
}
.bg-kw .titles {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #000000;
	line-height: 40px;
}
.bg-kw .prompt {
	text-align: center;
	color: #c5c5c5;
	margin-top: 20px;
}
.bg-kw .usersubmit {
	text-align: right;
	margin-top: 20px;
	padding-right: 65px;
}
.bg-kw .usersubmit a {
	color: #65c073;
	font-family: "微软雅黑";
	font-size: 14px;
}
.bg-kw .register-gr {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.bg-kw .register-gr .tit {
	width: 130px;
	text-align: right;
	font-size: 14px;
	color: #464646;
	line-height: 38px;
	margin-right: 20px;
}
.bg-kw .register-gr .message {
	position: relative;
	width: 320px;
	height: 38px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	z-index: 0;
}
.bg-kw .register-gr .message .mes-before {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -116px -84px;
	width: 8px;
	height: 40px;
	top: -1px;
	left: -8px;
}
.bg-kw .register-gr .message .mes-after {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -130px -84px;
	width: 8px;
	height: 40px;
	top: -1px;
	right: -8px;
}
.bg-kw .register-gr .message input {
	border: none;
	border: 0;
	line-height: 28px;
	height: 28px;
	width: 97%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
}
.message {
	position: relative;
	width: 200px;
	height: 28px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	margin-left: 10px;
}
.controls .message .mes-before {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -380px -83px;
	width: 8px;
	height: 30px;
	top: -1px;
	left: -8px;
}
.controls .message .mes-after {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -392px -83px;
	width: 8px;
	height: 30px;
	top: -1px;
	right: -8px;
}
.controls .message input {
	border: none;
	border: 0;
	line-height: 27px;
	height: 27px;
	width: 97%;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	outline:none
}
.bg-kw .register-gr .address {
	position: relative;
	width: 320px;
	height: 88px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}
.bg-kw .register-gr .address .address-before {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -348px -70px;
	width: 8px;
	height: 90px;
	top: -1px;
	left: -8px;
}
.bg-kw .register-gr .address .address-after {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -363px -70px;
	width: 8px;
	height: 90px;
	top: -1px;
	right: -8px;
}
.bg-kw .register-gr .address textarea {
	border: none;
	border: 0;
	height: 78px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 10px;
	background: none;
	box-shadow: none;
}
.bg-kw .register-gr .region {
	position: relative;
	width: 90px;
	height: 28px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	margin-left: 20px;
	cursor: pointer;
}
.bg-kw .register-gr .region .mes-before {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -380px -83px;
	width: 8px;
	height: 31px;
	top: -1px;
	left: -7px;
}
.bg-kw .register-gr .region .mes-after {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -392px -83px;
	width: 8px;
	height: 31px;
	top: -1px;
	right: -8px;
}
.bg-kw .register-gr .region select {
	border: none;
	border: 0;
	line-height: 20px;
	height: 20px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #464646;
}

.bg-kw .register-gr .upload {
	position: relative;
	width: 90px;
	height: 38px;
}
.bg-kw .register-gr .upload a {
	border: none;
	border: 0;
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #000;
	display: block;
	background: url(../../images/icon.png) no-repeat;
	background-position: -206px -141px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.bg-kw .register-gr img {
	margin-left: 16px;
	height: 40px;
	cursor: pointer;
}
.bg-kw .register-gr .refresh {
	font-size: 14px;
	color: #8c8c8c;
	margin-left: 10px;
	margin-top: 20px;
}
.bg-kw .register-gr .refresh-code{
	font-size: 14px;
	color: #8c8c8c;
	top: 10px;
	right: 10px;
	position: absolute;
	color: #69C3FF;
	text-decoration: underline;
}
.bg-kw .register-gr .refresh-code:hover{
	color: #15afef;
	text-decoration: none;
}
.bg-kw .register-gr .refresh:hover {
	color: #feb12b;
}
.bg-kw .register-gr .btn-yzm {
	display: block;
	margin-left: 22px;
	width: 126px;
	height: 38px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	line-height: 38px;
	text-align: center;
	color: #464646;
	cursor: pointer;
	position: relative;
	background-color: #e5e5e5;
}
.bg-kw .register-gr .btn-yzm .yzm-before {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -220px -30px;
	width: 8px;
	height: 40px;
	top: -1px;
	left: -7px;
}
.bg-kw .register-gr .btn-yzm .yzm-after {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -232px -30px;
	width: 8px;
	height: 40px;
	top: -1px;
	right: -7px;
}
.bg-kw .register-gr .btn-yzm:hover {
	background-color: #EEEEEE;
}
.bg-kw .register-gr .btn-yzm:hover .yzm-before {
	background-position: -248px -30px;
}
.bg-kw .register-gr .btn-yzm:hover .yzm-after {
	background-position: -261px -30px;
}

bg-kw .hint {
	width: 390px;
	margin: 0 auto;
	overflow: hidden;
}
.bg-kw .hint .other {
	float: left;
}
.bg-kw .hint .other .new-user {
	color: #464646;
}
.bg-kw .hint .other .new-user:hover {
	color: #ff9c31;
}
.bg-kw .hint .other-ri {
	float: right;
}
.bg-kw .hint .other-ri .new-user {
	color: #464646;
}
.bg-kw .hint .other-ri .new-user:hover {
	color: #ff9c31;
}
.bg-kw .outer-land {
	width: 100%;
	text-align: center;
	color: #8c8c8c;
	line-height: 120px;
	font-size: 14px;
}
.bg-kw .newAccount{
	margin-top: 20px;
	text-align: center;
	color: #8c8c8c;
}
.bg-kw .newAccount a{
	margin-left: 15px;
}
.bg-kw .newAccount a:hover{
	color: #2a6496;
	text-decoration: underline;
}
.bg-kw .qq-wechat {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
.bg-kw .qq-wechat .qqLink {
	display: block;
	float: left;
	background-image: url(../../images/icon.png);
	background-position: 0px -120px;
	width: 62px;
	height: 62px;
}
.bg-kw .qq-wechat .wechatLink {
	display: block;
	float: right;
	background-image: url(../../images/icon.png);
	background-position: 0px -186px;
	width: 62px;
	height: 62px;
}
.bg-kw .bg-gray {
	height: 280px;
	width: 100%;
	background-color: #96b7ce;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.bg-kw .bg-gray .bind-ft {
	color: #FFFFFF;
	line-height: 130px;
}
.bg-kw .bg-gray .bind-pic {
	background: url(../../images/bindQQ.png) no-repeat;
	width: 296px;
	height: 40px;
	margin: 40px auto;
}
.bg-kw .register-y-n{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.bg-kw .register-y-n li{
	width: 50%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 16px;
	background-color: #F6F6F6;
	border-bottom: 1px solid #E5E5E5;
	cursor: pointer;
}
.bg-kw .register-y-n .ch-menber{
	background-color: #FFFFFF;
	border: 0;
}



.bg-kw .bind-info {
	padding: 20px 20px 50px;
}
.bg-kw .bind-info .btn-bind {
	width: 370px;
	margin: 0 auto;
	overflow: hidden;
}
.message-code .Validform_checktip{
	right: -332px;
}
.messae-code .Validform_checktip{
	right: -310px;
}
.bg-kw .img-code .Validform_checktip{
	min-width: 150px;
	right: -190px;
	top: 10px;
}
.bg-kw .name .Validform_checktip{
	width: 180px;
	right: -220px;
}
.comment-pop-add .Validform_checktip{
	top: 5px;
}

.bg-kw .left {
	float: left;
}

.bg-kw  .btn-blue .btn-before {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -150px -84px;
	width: 8px;
	height: 50px;
	top: 0;
	left: -7px;
}

.bg-kw .btn-blue .btn-after {
	position: absolute;
	background-image: url(../../images/icon.png);
	background-position: -163px -84px;
	width: 8px;
	height: 50px;
	top: 0;
	right: -7px;
}
.bg-kw .btn-blue {
	position: relative;
	display: block;
	width: 374px;
	height: 50px;
	background-color: #42b2c7;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	margin: 50px auto 20px;
	letter-spacing: 6px;
	padding-left: 6px;
}

.bg-kw .img_bigbox {
	display: none;
	position: absolute;
	width: 210px;
	height: 110px;
	top: 38%;
	left: 47%;
	z-index: 999;
	background: url(../../images/verifyimgbg.png) no-repeat;
}

.bg-kw .img_bigbox .img_big {
	float: left;
	width: 93%;
	height: 88%;
}

.guo-dao {
    width: 50%;
    height: 30px;
    line-height: 30px;
    background-color: red;
    margin: 0 auto;
    background-color: goldenrod;
    color:#fff;
}
.guo-dao--jian {
    margin-left: 20px;
}
.point-address {
    font-size: 13px;
    color: #6a6a6a;
    padding-bottom: 15px;
}
.point-address--ico {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(../../images/new/address-point.png) no-repeat;
    background-size: cover;
}
.point-list--bottom {
    padding: 20px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #f0f0f0;
}
.point-list--bottom .point-icon--like{
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background: url(../../images/new/no-like.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}
.point-list--bottom .point-icon--like.active {
  background: url(../../images/new/like.png) no-repeat;
  background-size: cover;
}
.point-list--bottom .point-icon--collect{
  /* float:right;  */
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url(../../images/new/no-collect.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  vertical-align: bottom;
}
.point-list--bottom .point-icon--collect.active {
  background: url(../../images/new/collect.png) no-repeat;
  background-size: cover;
}
.point-list--bottom > .left {
    float: left;
}
.pointer-content {
    padding: 14px 14px 20px 14px;
    overflow: hidden;
}

#activity .activity-item>li .pointer-content .active_title {
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #1f1f1f;
    height: 40px;
    overflow: hidden;
    margin-bottom: 8px;
}
.form-inline .form-group {
    display: inline-block;
    /* padding: 0 16px; */
    margin:12px auto;
    border: 1px solid #cccccc;
	margin-left: 20px;
	/* background-color: #fff; */
}
.form-inline .form-group .chooseAddress  {
	background-color: #fff;
}
.form-inline .form-group > .form-control {
    height: 30px;
}


/*--------------------- 文化点单 css  start----------------------------*/
.point-service--ok {
    height: 30px;
    line-height: 30px;
    padding: 0 20px!important;
    color: #fff;
    background-color: #c7181c;
    cursor: pointer;
}


.pionter-detail--banner {
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;  
    height: 360px;
    overflow: hidden;
}
.pionter-detail--banner .pionter-detail--avatar {
    height: 100%;
    width: 480px;
    float: left;
}
.p-banner--content {
	margin-left: 40px;
}
.p-banner--title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #323232;
    text-align: left;
    margin: 10px 0 20px 0;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}
.p-banner--content  .infos-content p {
    text-align: left;
    line-height: 2.5;
    font-size: 14px;
}
.p-banner--content .infos-content p .icon {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 8px;
    vertical-align: middle;
}
.p-banner--content .infos-content p .icon-age {
    background: url(../../images/new/img/age.png) no-repeat;
    background-size: contain;
}
.p-banner--content .infos-content p .icon-tel {
    background: url(../../images/new/img/tel.png) no-repeat;
    background-size: contain;
}
.p-banner--content .infos-content p .icon-sponsor {
    background: url(../../images/new/img/sponsor.png) no-repeat;
    background-size: contain;
}
.p-banner--content .infos-content p .icon-place {
    background: url(../../images/new/img/place.png) no-repeat;
    background-size: contain;
}
.p-banner--content .infos-content p .icon-interest {
    background: url(../../images/new/img/interest.png) no-repeat;
    background-size: contain;
}
.p-banner--content .infos-content .infos-bottom {
    text-align: left;
    padding: 20px 0;
}
.p-banner--content .infos-content .infos-bottom .like{
	display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    width: 160px;
    border-radius: 3px;
    background-color: #c8161d;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.p-banner--content .infos-content .infos-bottom .collect {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 160px;
    font-size: 16px;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
}
.p-banner--content .infos-content .infos-bottom .like .icon-dislike {
    display: inline-block;
    width: 23px;
    height: 20px;
    background: url(../../images/new/img/dis-interested) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}
.p-banner--content .infos-content .infos-bottom .collect .icon-discollect {
    display: inline-block;
    height: 23px;
    width: 23px;
    background:  url(../../images/new/img/dis-collect) no-repeat;
    vertical-align: sub;
    margin-right: 5px;
}
.message-content {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.message-content .message-main {
    width: 65%;
} 
.message-content .message-main .title{
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    background-color: #f5f5f5;
	color: #343434;
	text-align: center;
    border: 1px solid #ccc;
}
.message-content .message-aside {
	width: 32%;
}
.message-content .message-aside .title{
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    background-color: #f5f5f5;
    color: #343434;
	border: 1px solid #ccc;
	text-align: center;
}
.message-content .message-aside .message-aside--content{
	margin: 20px 0;
}
.message-content .message-aside .message-aside--content li {
    position: relative;
    height: 300px;
    width: 100%;
    margin-bottom: 20px;
}
.message-content .message-aside .message-aside--content li a {
    display: block;
    width: 100%;
    height: 100%;
}
.message-content .message-aside .message-aside--content li a img {
    width: 100%;
    height: 100%;
}
.message-content .message-aside .message-aside--content li a:hover .message{
    display: block;
}
.message-content .message-aside .message-aside--content li a .message{
    display: none;
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    bottom: 0;
    color: #e0e0e1;
	background-color: rgba(0,0,0,.6);
	margin: 0;
	padding: 0 20px;
	box-sizing: border-box;
	border: none;
}

.point-mask  {
	position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 99;
}
.point-mask .person-infos {
    display: block;
    position: fixed;
    height: auto;
    width: 900px;
    top: 50%;
    left: 50%;
    padding-bottom: 50px;
    background-color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 999;
}
.point-mask .person-infos .title .close {
    font-size: 20px;
    float: right;
    margin-top: 15px;
    cursor: pointer;
}
.point-mask .person-infos .content .tips {
	display: block;
	text-align: center;
	color: #c8353a;
}
.point-mask .person-infos .title{
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    background-color: #c7181c;
    text-align: center;
    color: #fff;
}
.point-mask .person-infos .content {
    padding-top: 20px;
}
.point-mask .person-infos .content .demo-ruleForm {
    padding: 30px 0;
}
.magin-left .el-form-item__content {
    margin-left: 0!important;
}
.el-radio__label {
	width: 400px;
	height: 14px;
    overflow: hidden;
    display: inline-block;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: left;
}
.el-form-item__content >.select {
    margin-bottom: 5px;
    width: 100%;
}
.point-mask .person-infos .submit{
	display: block;
    height: 40px;
    line-height: 40px;
    background-color: #c7181c;
    color: #fff;
    border-radius: 50px;
    width: 200px;
    border: none;
	cursor: pointer;
	margin: 0 auto;
}
.el-radio__input {
    vertical-align: top!important;
}
.el-radio-group {
    width: 100%;
}
.el-radio-group > .row{
    padding-top: 12px;
}
.person-infos--notice {
    position: relative;
}
.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}

/*--------------------- 文化点单 css  end----------------------------*/
.p-banner--company > .p-banner--icon {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(../../images/new/lou.png) no-repeat;
    background-size: contain;
    margin-right: 8px;
    vertical-align: middle;
}
.p-banner--like {
    font-size: 14px;
    color: #5c5c5c;
}
.p-banner-like--icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background: url(../../images/new/no-like.png) no-repeat;
  background-size: cover;
}
.p-banner-like--icon.active{
    background: url(../../images/new/like.png) no-repeat;
    background-size: cover;
}
.p-banner--bottom {
    margin-top: 66px;
    overflow: hidden;
}
.p-banner--bottom .p-bottom--botton {
    float: left;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    width: 162px;
    border-radius: 5px;
    background-color: #f0f0f0;
    color: #767676;
    cursor: pointer;
} 
.p-banner--bottom .p-bottom--other {
    float: left;
    margin-left: 30px;
    height: 52px;
    line-height: 52px;
    text-align: left;
    font-size: 16px;
    width: 162px;
	color: #474747;
	cursor: pointer;
}
.piont-detail--content img {
	height: auto!important;
	width: auto!important;
	max-width: 100%!important;
}
.p-bottom--botton.active {
    background-color: #c6161c;
    color: #fff;
}
.p-botton--like {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  vertical-align: sub;
  background: url(../../images/new/detail-like.png) no-repeat;
  background-size: cover;
}
.p-bottom--botton.active > .p-botton--like {
  background: url(../../images/new/detail-no-like.png) no-repeat;
  background-size: cover;
}
.p-botton--collect {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  vertical-align: sub;
  background: url(../../images/new/no-collect.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}
.p-bottom--other.active .p-botton--collect{
  background: url(../../images/new/collect.png) no-repeat;
  background-size: cover;
}
.pionter-detail--tips {
    margin-top: 40px;
    padding: 20px; 
    position: relative;
}
.pionter-detail--tips .p-tops--title {
    font-size: 20px;
}
.pionter-detail--tips {
    position: relative;
    padding: 30px 20px;
}
.pionter-detail--tips .p-tops--title {
    font-size: 24px;
}
.pionter-detail--tips:before {
    content: "";
    position: absolute;
    height: 24px;
    left: 0;
    width: 8px;
    background-color: #c6181e;
    top: 50%;
    margin-top: -12px;
}
.pionter-detail--tips:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 88%;
    background-color: #cccccc;
    right: 0;
    top: 50%;
}
.piont-detail--infos img {
    width: auto;
    max-width: 100%;
}
.pinter-mask {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999;
    top: 0;
    left: 0;
}
.pinter-mask .pinter-mask--wrapper{
   display: flex;
   flex-direction: column;
   width: 500px;
   height: 300px;
   background-color: #fff;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -250px;
   margin-left: -150px;
}
.pinter-mask--content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex: 1;
    padding: 30px 0;
}
.pinter-mask .pinter-mask--wrapper .pinter-mask--title {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #c7181c;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
.pinter-mask--close {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    height: 20px;
    width: 20px;
    background: url(../../images/new/pinter-mask--close.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.pinter-mask--input {
    width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.pinter-mask--input > input{
    height: 40px;
    line-height: 40px;
    width: 60%;
    border: 1px solid #ccc;
    margin-left: 20px;
    padding: 0 20px;
    box-sizing: border-box;
}
.pinter-mask--button {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #c7181c;
    color: #fff;
    width: 40%;
    border-radius: 20px;
    text-align: center;
}
.pinter-mask--lable {
	display: inline-block;
	width: 20%;
	text-align: right;
}
.pinter-mask--address {
	display: inline-block;
	width: 60%;
	margin-left: 20px;
    /* padding: 0 20px; */
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: middle;
}
.pinter-mask--address > select {
	height: 40px;
	line-height: 40px;
	/* padding: 0 10px; */
	background-color: #fff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	padding: 0 15px;
	float: left;
	margin-right: 10px;
}
.PointPlay {
	width: 60%;
    height: 500px;
    /* margin: 0 auto; */
}

#pages-l a {
    background: none repeat scroll 0 0 #c8161d;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    margin: 0 3px;
    padding: 4px 8px;
    border-radius: 2px;
    color: #FFFFFF;
}

.type-body > .spread{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
	background: #ffffff;
	cursor: pointer;
    border-radius: 0px 0px 4px 4px;
	box-shadow: 2px 2px 6px 0px rgba(3,0,0,0.08);
}
.type-body > .spread > .icon {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-left: 5px;
}

.type-body .spread  .up {
	background: url(../../images/new/up@2x.png) no-repeat;
	background-size: contain;
} 
.type-body .spread  .down {
	background: url(../../images/new/dropdown@2x.png) no-repeat;
	background-size: contain;
} 

.type-list_agency {
	display: flex;
    align-items: center;
}
.type-list_agency li{
	padding: 12px 16px;
}
.type-list_agency .knowledge_ul_agency .provice {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #F3F6FF;
    color: #666666;
}
.type-list_agency .knowledge_ul_agency .active .provice{
	background: #F3F6FF;
    border-radius: 4px;
    color: #C7171D;
}
.type-list_agency .knowledge_ul_agency {
	margin-left: 0!important;
}

.type-body .type-list>li .show_all {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #c8161d;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 0px;
    cursor: pointer;
    display: none;
}

/* 2024-7-4 全景展厅 改版 */
.vr-type-wrap{
	margin: 30px 0 15px 0;
}
.vr-type-wrap .vr-type-ul{
	width: 100%;
	overflow: hidden;
}
.vr-type-wrap .vr-type-ul .vr-type-li{
	width: 100%;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
}
.vr-type-wrap .vr-type-ul .vr-type-li .item-name{
	color: #666;
	width: 60px;
	font-size: 16px;
	display: block;
}
.vr-type-wrap .vr-type-ul .vr-type-li .vr-type-item{
	flex: 1;
	flex-wrap: wrap;
	display: flex;
	overflow: hidden;
}
.vr-type-wrap .vr-type-ul .vr-type-li .vr-type-item li{
	margin: 0 10px;
}
.vr-type-wrap .vr-type-ul .vr-type-li .vr-type-item li a span{
	display: block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #222;
	transition: all 0.6s;
	background: #f6f6f6;
	border-radius: 50px;
}
.vr-type-wrap .vr-type-ul .vr-type-li .vr-type-item li.active a span{
	color: #fff;
	background: #d22333;
}
.vr-type-wrap .vr-type-ul .vr-type-li .vr-type-item li:hover a span{
	color: #fff;
	opacity: .4;
	background: #d22333;
}
.vr-list-wrap .vr-list-ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.vr-list-wrap .vr-list-ul .vr-list-item{
	margin: 0 25px 30px 0;
	width: 400px;
}
.vr-list-wrap .vr-list-ul .vr-list-item:nth-child(3n){
	margin-right: 0px;
}
.vr-list-wrap .vr-list-ul .vr-list-item a{
	position: relative;
	display: block;
	padding: 20px;
	background: #f6f6f6;
	box-sizing: border-box;
}
.vr-list-wrap .vr-list-ul .vr-list-item .item-type{
	position: absolute;
	top: 0;
	left: 30px;
	width: 32px;
	height: 76px;
	line-height: 32px;
	color: #fff;
	writing-mode: tb-rl;
	padding: 10px 0;
	box-sizing: border-box;
	background: #0052d9;
}
.vr-list-wrap .vr-list-ul .vr-list-item .item-cover{
	width: 100%;
	height: 235px;
}
.vr-list-wrap .vr-list-ul .vr-list-item .item-cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vr-list-wrap .vr-list-ul .vr-list-item .item-infor{
	padding-top: 15px;
}
.vr-list-wrap .vr-list-ul .vr-list-item .item-infor .title{
	font-size: 16px;
	color: #333;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.vr-list-wrap .vr-list-ul .vr-list-item a:hover{
	transition: all 0.6s;
	background: rgba(210,35,51,.4);
}
.vr-list-wrap .vr-list-ul .vr-list-item a:hover .title{
	color: #fff;
}
.vr-list-wrap .pagination-container{
	padding: 15px 0;
	width: 100%;
	overflow: hidden;
}