@charset "UTF-8";
/*=========================== reset/S ===========================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,button,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body,button,input,select,textarea{font:15px/1.6 "Microsoft Yahei", arial, \5b8b\4f53, "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
address,cite,dfn,em,strong,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new, courier, monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{color: #121212;text-decoration:none;cursor:pointer}
a:hover{text-decoration:none;color: var(--themeColor);}
legend{color:#000;}
img{vertical-align:middle;border:0;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight: normal;}
strong,em,i{font-style: normal;font-weight: normal;}
body {
    padding-top: 36px;
    color: #121212;
    background: #fff;
}
input:focus,textarea:focus,button:focus{outline: 0;}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;}
textarea{resize:vertical;overflow-y:auto;}
::-ms-clear{display:none;}
::-ms-reveal{display:none;}
/*=========================== reset/E ===========================*/

/*=========================== common/S ===========================*/
/* layout/S */
.pa{position: absolute;}
.pr{position: relative;}
.none{display: none;}
.fl{float: left;}
.fr{float: right;}
.cf{*zoom: 1;}
.cf:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.cb{clear:both;}
.pr4 {
    padding-right: 4px;
}
.pt5 {
	padding-top: 5px;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
.grid-sm-l {
    float: left;
    width: 334px;
    margin-right: 20px;
}
.grid-sm-c {
    float: left;
    width: 354px;
}
.grid-sm-r {
    float: left;
    width: 334px;
    margin-left: 20px;
}
.grid-lg {
    float: left;
    width: 708px;
    *zoom: 1;
}
.grid-lg:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.fx-box {
    width: 100%;
}
.fx-box .fx-box-t {
    float: left;
    display:inline;
}
.fx-box .fx-box-col {
    overflow: hidden;
    _height :1%;
}
/* layout/E */

/* sprite/S */
.header .fang-logo,
.topbar .menu .menu-hd .ico-arrow,
.topbar .menu .app-list .link-item .icon,
.header .search .search-panel .search-button,
.header .search .search-panel .search-select .select-hd .ico-arrow,
.header .search .search-triggers .item-tit .ico-arrow,
.header .search .search-panel .search-box .btn-clear,
.header .search .search-triggers .ico-newlink,
.navigation .ico-home,
.navigation .ico-light,
.ico-plus,
.ico-friend-link {
	background: url(../image/common/sprite-common.png) no-repeat;
}
.header .fang-logo .mod-ad,
.header .fang-logo .mod-ad span {
	background: url(../image/common/sprite-slogo.png) no-repeat;
}
/* sprite/E */

/* text/S */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.red {
    color: var(--themeColor);
}
/* text/E */

/* mod-backtop /S */
.mod-backtop {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display:none;
}
.mod-backtop .wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.mod-backtop .btn-backtop {
	position: absolute;
	right: -72px;
	bottom:30px;
    z-index: 10;
	width: 42px;
	height: 42px;
	background: #cecece url("../image/common/scroll-to-top.png") 11px 15px no-repeat;
    border-radius: 3px;
	cursor: pointer;
	text-align: center;
}
.mod-backtop .btn-backtop:hover {
    background-color:var(--themeColor);
}
@media screen and (max-width:1170px) {
	.mod-backtop .wrap{
		width: 100%;
	}
	.mod-backtop .btn-backtop {
		right: 15px;
	}
}
/* mod-backtop /E */

/* 动画/S */
/* 从右弹入 */
@-webkit-keyframes BounceInR{
	0%{
		opacity: 0;
		-webkit-transform: translateX(90px);
	}
	60%{
		opacity: 1;
		-webkit-transform: translateX(-10px);
	}
	80%{
		-webkit-transform: translateX(8px);
	}
	100%{
		-webkit-transform: translateX(0);
	}
}
@keyframes BounceInR{
	0%{
		opacity: 0;
		transform: translateX(90px);
	}
	60%{
		opacity: 1;
		transform: translateX(-10px);
	}
	80%{
		transform: translateX(8px);
	}
	100%{
		transform: translateX(0);
	}
}
.BounceInR{
	-webkit-animation: BounceInR .6s ease-out backwards;
	animation: BounceInR .6s ease-out backwards;
}

/* 弹入 */
@-webkit-keyframes ScaleIn{
    0%{
    	opacity: 1;
    	-webkit-transform: scale(0);
    }
    25%{
    	opacity: 1;
    	-webkit-transform: scale(1.05);
    }
    35%{
    	opacity: 1;
    	-webkit-transform: scale(0.9);
    }
    50%{
    	opacity: 1;
    	-webkit-transform: scale(1);
    }
}
@keyframes ScaleIn{
    0%{
    	opacity: 1;
    	-webkit-transform: scale(0);
    }
    50%{
    	opacity: 1;
    	-webkit-transform: scale(1.05);
    }
    70%{
    	opacity: 1;
    	-webkit-transform: scale(0.9);
    }
    100%{
    	opacity: 1;
    	-webkit-transform: scale(1);
    }
}
.ScaleIn{
	-webkit-animation: ScaleIn .4s ease-in-out backwards;
	animation: ScaleIn .4s ease-in-out backwards;
}

/* 弹跳 */
@-webkit-keyframes Bounce{
	0%,
	20%,
	50%,
	80%,
	100%{
		-webkit-transform: translateY(0);
	}
	40%{
		-webkit-transform: translateY(-30px);
	}
	60%{
		-webkit-transform: translateY(-15px);
	}
}
@keyframes Bounce{
	0%,
	20%,
	50%,
	80%,
	100%{
		transform: translateY(0);
	}
	40%{
		transform: translateY(-30px);
	}
	60%{
		transform: translateY(-15px);
	}
}
.Bounce{
	-webkit-animation: Bounce 1s ease backwards;
	animation: Bounce 1s ease backwards;
}

/* 淡入 */
@-webkit-keyframes FadeInT2{
    0%{
    	opacity: 0.7;
    	-webkit-transform: translateY(-96px);
    	transform: translateY(-96px);
    }
    100%{
    	opacity: 1;
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
    }
}
@-ms-keyframes FadeInT2{
    0%{
        opacity: 0.7;
        -ms-transform: translateY(-96px);
        transform: translateY(-96px);
    }
    100%{
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes FadeInT2{
    0%{
    	opacity: 0.7;
    	-webkit-transform: translateY(-96px);
    	transform: translateY(-96px);
    }
    100%{
    	opacity: 1;
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
    }
}
.FadeInT2{
    -webkit-animation: FadeInT2 .5s cubic-bezier(0,1,.5,1) backwards;
    animation: FadeInT2 .5s cubic-bezier(0,1,.5,1) backwards;
}

/* Y轴翻入 */
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipInY 1s ease backwards;
    animation: flipInY 1s ease backwards;
}

/* Y轴翻出 */
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipOutY 1s ease backwards;
    animation: flipOutY 1s ease backwards;
}
/* 动画/E */

/* topbar/S */
.topbar{
    position: fixed;
    left: 0;
    top: 0;
	z-index: 1000;
	width: 100%;
	height: 35px;
	background: #f5f5f5;
	border-bottom: 1px solid #eee;
	min-width: 1200px;
}
.topbar .topbar-bd{
	height: 35px;
}
.topbar .topbar-nav-l{
	float: left;
}
.topbar .topbar-nav-r{
	float: right;
	line-height:35px;
}
.topbar .menu{
	float: left;
	position: relative;
}
.topbar .menu .menu-hd{
	z-index: 1001;
	padding: 0 7px;
	height: 35px;
	color: #6C6C6C;
	font-size: 14px;
	line-height: 35px;
}
.topbar .menu .menu-hd a{
	color: #6C6C6C;
}
.topbar .menu .menu-hd a:hover{
	color: var(--themeColor);
}
.topbar .menu .menu-hd .ico-arrow{
	display: inline-block;
	vertical-align: top;
	width: 5px;
	height: 3px;
	margin: 16px 0 0 7px;
	background-position: -501px -257px;
}
.topbar .menu .menu-bd{
	display: none;
	position: absolute;
	left: 0;
	top: 36px;
	z-index: 1002;
	border: 1px solid #ececec;
	border-top: 0 none;
	background: #fff;
}
.topbar .menu .app-list{
	width: 318px;
	padding: 26px 0 5px 14px;
}
.topbar .menu .fill-box{
	position: absolute;
	width: 14px;
	height: 10px;
}
.topbar .menu .app-list .fill-box{
	left: 60px;
	top: -10px;
}
.topbar .menu .app-list li{
	float: left;
	width: 76px;
	margin-bottom: 18px;
}
.topbar .menu .app-list .link-item{
	display: block;
	width: 50px;
	margin-left: 13px;
	text-align: center;
}
.topbar .menu .app-list .link-item .icon{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	-webkit-transition: all .12s ease;
	-moz-transition: all .12s ease;
	transition: all .12s ease;
}
.topbar .menu .app-list .link-item .app-name{
	display: block;
	padding-top: 4px;
	-webkit-transition: all .12s ease;
	-moz-transition: all .12s ease;
	transition: all .12s ease;
}
.topbar .menu .app-list .link-item1 .icon{
	background-color: #cb7fb6;
	background-position: -308px -96px;
}
.topbar .menu .app-list .link-item2 .icon{
	background-color: #ff8444;
	background-position: -358px -96px;
}
.topbar .menu .app-list .link-item3 .icon{
	background-color: #dcb096;
	background-position: -408px -96px;
}
.topbar .menu .app-list .link-item4 .icon{
	background-color: #bfc5c6;
	background-position: -308px -146px;
}
.topbar .menu .app-list .link-item5 .icon{
	background-color: #f1bd45;
	background-position: -358px -146px;
}
.topbar .menu .app-list .link-item6 .icon{
	background-color: #f16678;
	background-position: -408px -146px;
}
.topbar .menu .app-list .link-item7 .icon{
	background-color: #fe997b;
	background-position: -308px -196px;
}
.topbar .menu .app-list .link-item8 .icon{
	background-color: #4ccfaf;
	background-position: -358px -196px;
}
.topbar .menu .app-list .link-item9 .icon{
	background-color: #3dc9c1;
	background-position: -408px -196px;
}
.topbar .menu .app-list .link-item10 .icon{
	background-color: #9fcc5a;
	background-position: -308px -246px;
}
.topbar .menu .app-list .link-item11 .icon{
	background-color: #c4b094;
	background-position: -358px -246px;
}
.topbar .menu .app-list .link-item12 .icon{
	background-color: #19b9d2;
	background-position: -408px -246px;
}
.topbar .menu .app-list .link-item1:hover .icon{
	background-color: #c16da9;
}
.topbar .menu .app-list .link-item2:hover .icon{
	background-color: #ff7233;
}
.topbar .menu .app-list .link-item3:hover .icon{
	background-color: #d5a286;
}
.topbar .menu .app-list .link-item4:hover .icon{
	background-color: #b3babb;
}
.topbar .menu .app-list .link-item5:hover .icon{
	background-color: #eeb134;
}
.topbar .menu .app-list .link-item6:hover .icon{
	background-color: #ee5366;
}
.topbar .menu .app-list .link-item7:hover .icon{
	background-color: #fe8969;
}
.topbar .menu .app-list .link-item8:hover .icon{
	background-color: #3ac6a1;
}
.topbar .menu .app-list .link-item9:hover .icon{
	background-color: #2dbfb6;
}
.topbar .menu .app-list .link-item10:hover .icon{
	background-color: #8fc248;
}
.topbar .menu .app-list .link-item11:hover .icon{
	background-color: #b9a283;
}
.topbar .menu .app-list .link-item12:hover .icon{
	background-color: #0facc9;
}
.topbar .menu .app-list .link-item:hover .app-name{
	color: #121212;
	text-decoration: underline;
}
.topbar .menu .menu-list{
	width: 352px;
	padding: 5px 0;
	font-size: 0;
}
.topbar .menu .menu-list li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 72px;
	padding: 2px 7px;
	border-right: 1px solid #ececec;
	font-size: 14px;
}
.topbar .menu .menu-list li:nth-child(4n),
.topbar .menu .menu-list .last{border-right: none;}
.topbar .menu .menu-list li a{
	display: block;
	height: 31px;
	padding: 0 8px;
	border-radius: 2px;
	line-height: 31px;
}
.topbar .menu .menu-list li a:hover{
	background: #f4f4f4;
}
.topbar .menu .menu-list .fill-box{
	left: 48px;
	top: -10px;
}
.topbar .menu-hover .menu-bd{
	display: block;
}
.topbar .menu-hover .menu-hd{
	height: 36px;
	padding: 0 6px;
	border: 1px solid #ececec;
	border-top: 0 none;
	border-bottom: 0 none;
	background: #fff;
}
/* topbar/E */

/* header/S */
.header {
	min-width: 1200px;
	height: 103px;
	margin: 0 auto;
	background: #fff;
}
.header .fang-logo{
	position: relative;
	float: left;
	width: 206px;
	height: 48px;
	margin-top: 30px;
	background-position: 0 0;
}
.header .fang-logo h1{position: relative;}
.header .fang-logo .logo-bd{
	display: block;
	padding-top: 48px;
	height: 0;
	overflow: hidden;
}
.header .fang-logo .mod-ad{
	position: absolute;
	right: -81px;
	top: 0;
	width: 58px;
	height: 52px;
	background-position: 0 0;
}
.header .fang-logo .mod-ad span{
	position: absolute;
	width: 58px;
	height: 0;
	padding-top: 43px;
	overflow: hidden;
	background-position: 0 -53px;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.header .search{
	position: relative;
	float: left;
	height: 64px;
	margin: 18px 0 0 0;
}
.header .search .search-triggers li{
	position: relative;
	float: left;
	height: 18px;
	padding: 0 14px;
	border-right: 1px solid #e6e6e6;
	line-height: 18px;
}
.header .search .search-triggers .item-tit{
	display: none;
}
.header .search .search-triggers .last{border-right: 0;}
.header .search .search-triggers .selected a,
.header .search .search-triggers .item-tit a{
	color: var(--themeColor);
}
.header .search .search-triggers .ico-newlink{
	display: none;
	position: absolute;
	top: 0;
	right: 1px;
	width: 9px;
	height: 9px;
	background-position: -277px -46px;
}
.header .search .search-triggers .item4 a:hover .ico-newlink,
.header .search .search-triggers .item5 a:hover .ico-newlink{
	display: block;
}
.header .search .search-panel{
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 2;
}
.header .search  .search-panel .searchMsg{
	border: 1px solid #ddd;
	border-top: none;
	width: 100%;
	font-size: 15px;
	margin-left: -1px;
	box-shadow: none;
}
.header .search  .search-panel .searchList .sub-text{
	float: right;
}
.header .search .search-panel .search-button{
	position: absolute;
	right: 0;
	top: 0;
	width: 84px;
	height: 38px;
	background-color:var(--themeColor);
	background-position: 0;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
}
.header .search .search-panel .search-button button{
	border: 0px;
}
.header .search .search-panel .search-button:hover{
	/*background-position: -308px -48px;*/
}
.header .search .search-panel .search-panel-fields{
	width: 741px;
	height: 36px;
	border: 1px solid #d8d8d8;
}
.header .search .search-panel .search-select{
	position: relative;
	float: left;
}
.header .search .search-panel .search-select .select-hd{
	width: 96px;
	border-right: 1px solid #e9e9e9;
}
.header .search .search-panel .search-select .select-hd a{
	display: block;
	position: relative;
	height: 36px;
	padding-left: 10px;
	line-height: 36px;
}
.header .search .search-panel .search-select .select-hd .ico-arrow,
.header .search .search-triggers .item-tit .ico-arrow{
	position: absolute;
	right: 8px;
	top: 16px;
	width: 9px;
	height: 5px;
	background-position: -497px -270px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.header .search .search-panel .search-select .select-bd{
	display: none;
	position: absolute;
	left: -1px;
	top: 36px;
	z-index: 10;
	width: 288px;
	padding: 11px 0 6px 6px;
	border: 1px solid #ececec;
	background: #fff;
}
.header .search .search-panel .search-select .select-bd a{
	float: left;
	height: 27px;
	margin: 0 0 5px 5px;
	padding: 0 6px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 27px;
}
.header .search .search-panel .search-select .select-bd a:hover,
.header .search .search-panel .search-select .select-bd .selected{
	background: #fa4c68;
	color: #fff;
}
.header .search .search-panel .search-select.last .select-hd{
	width: 120px;
}
.header .search .search-panel .search-box{
	float: left;
	position: relative;
}
.header .search .search-panel .search-box-label{display: none;}
.header .search .search-panel .search-box .search-box-input{
	width: 322px;
	height: 36px;
	border: 0px;
	padding: 0 10px;
	background: none;
	line-height: 36px\9;
}
.header .search .search-panel .search-box .btn-clear{
	position: absolute;
	right: 8px;
	top: 10px;
	width: 16px;
	height: 16px;
	background-position: -277px 0;
}
.header .search .search-panel .search-box .btn-clear:hover{
	background-position: -277px -21px;
}
.header .search .search-panel .search-select-hover .select-hd a{
	position: relative;
	z-index: 11;
	height: 37px;
	background: #fff;
}
.header .search .search-panel .search-select-hover .select-hd .ico-arrow{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.header .search .search-panel .search-select-hover .select-bd{
	display: block;
}
.header .search .search-panel .search-panel-fields.blur{background-color: #fbfbfb;}
.ie .header .search .search-panel .search-box-label{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
	padding-left: 10px;
	color: #999;
	line-height: 36px;
	cursor: text;
}
.header .qr{
	float: right;
	margin-top: 6px;
}
.header .qr .qr-hd{
	padding-bottom: 4px;
	font-size: 14px;
	color: #888;
}
.header .qr .qr-bd{
	padding-left: 12px;
	position: relative;
}
.header .qr .qr-bd .erwei{
	display: block;
	width: 62px;
	height: 62px;
	-webkit-transition: all .5s cubic-bezier(0.1,0.9,0.2,1);
	-moz-transition: all .5s cubic-bezier(0.1,0.9,0.2,1);
	transition: all .5s cubic-bezier(0.1,0.9,0.2,1);
}
.qr-hover{
	display: none;
	width: 62px;
	height: 62px;
	position: absolute;
	top:0;
	background: url(../image/common/erwei.png) no-repeat 0 0;
}
.header .qr .qr-bd:hover .qr-hover{
	display: block;
	z-index: 1;
}
.qr-mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top:0;
	left: 0;
	z-index: 1111;
	display: none;
}
.lte-ie8 .qr-mask {
    background: url("../image/common/hack/ie-bg-60.png") repeat;
}
.qr-mask .qr-big{
	background:#fff;
	padding: 20px;
	border-radius: 5px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-left:-130px;
	margin-top: -130px;
	z-index: 200;
}
.qr-mask .qr-bigx{
	width: 34px;
	height: 34px;
	z-index: 203;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 154px;
	margin-top: -147px;
	background: url("../image/common/close.png") no-repeat 0 0;
}
.qr-mask .qr-bigx:hover{
	background-position: 0 -39px;
}
.qr-mask .qr-bigx .line1{
	position: absolute;
	width: 24px;
	border-top:2px solid #fff;
	left: 4px;
	top:50%;
	margin-top: -1px;
	display: inline-block;
}
.qr-mask .qr-bigx .line2{
	position: absolute;
	height: 24px;
	border-left:2px solid #fff;
	left: 50%;
	top:4px;
	margin-left: -1px;
	display: inline-block;
}
.qr-mask .qr-big .sweep{
	display: inline-block;
	margin-top: 10px;
	margin-left: -260px;
	font-size: 16px;
}
/* header/E */

/* header-fixed/S */
.header.fixed {
    position: fixed;
    z-index: 999;
    top: 36px;
    left: 0;
	width: 100%;
    height: 60px;
    box-shadow: rgba(0, 0, 0, .14) 0 1px 5px;
}
.lte-ie8 .header.fixed {
	border-bottom: 1px solid #e8e8e8;
}
.header{
	width: 100% !important;    background: #f5f5f5;
}
.header.fixed .fang-logo{
	height: 40px;
	margin-top: 11px;
	background-position: 0 -69px;
}
.header.fixed .fang-logo .mod-ad,
.header.fixed .qr{
	display: none;
}
.header.fixed .search .search-panel .search-panel-fields{
	padding-left: 97px;
	height: 32px;
	border-width: 2px;
	border-color: var(--themeColor);
}
.header.fixed .search .search-triggers{
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 10;
	height: 32px;
	overflow: hidden;
}
.header.fixed .search{
	width: 714px;
	height: 36px;
	margin: 12px 0 0 0;
}
.header.fixed .search .search-triggers li{
	float: none;
	width: 95px;
	height: 32px;
	padding: 0;
	border: 1px solid #ececec;
	border-top: 0;
	background: #fff;
}
.header.fixed .search .search-triggers .item4,
.header.fixed .search .search-triggers .item5{
	display: none;
}
.header.fixed .search .search-triggers li a{
	display: block;
	padding-left: 10px;
	line-height: 32px;
}
.header.fixed .search .search-triggers li a:hover{
	background-color: #f6f6f6;
	color: #121212;
}
.header.fixed .search .search-triggers .item-tit{
	display: block;
	background-color: #f6f6f6;
}
.header.fixed .search .search-triggers .item-tit a:hover{
	background-color: #f6f6f6;
	color: #f73453;
}
.header.fixed .search .search-triggers .selected{
	display: none;
}
.header.fixed .search .search-triggers-hover{
	overflow: visible;
}
.header.fixed .search .search-triggers-hover .item-tit .ico-arrow{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.header.fixed .search .search-panel{
	top: 0;
}
.header.fixed .search .search-panel .search-select .select-hd a{
	height: 32px;
	line-height: 32px;
}
.header.fixed .search .search-panel .search-select .select-bd{
	top: 32px;
}
.header.fixed .search .search-panel .search-select-hover .select-hd a{
	height: 33px;
}
.header.fixed .search .search-panel .search-button{
	width: 84px;
	height: 36px;
	line-height: 36px;
}
.header.fixed .search .search-panel .search-button:hover{
	background-position: -422px -46px;
}
.header.fixed .search .search-panel .search-box .search-box-input,
.lte-ie8 .header.fixed .search .search-panel .search-box-label{
	height: 32px;
	line-height: 32px\9;
}
.header.fixed .search .search-panel .search-box .btn-clear{top: 8px;}
/* header-fixed/E */

/* nav/S */
.navigation-con{
	width: 100%;
	min-width: 1200px;
	height: 45px;
    background-color:var(--themeColor);
}
.navigation{
	width: 1200px;
	margin: 0 auto;
	height: 45px;
	/*margin-top: 5px;*/
	border-radius: 2px;
}
.navigation .navigation-list,
.navigation .navigation-list li{
	float: left;
	font-size: 16px;
	line-height: 45px;
}
.navigation .navigation-list li{
	position: relative;
}
.navigation .navigation-list li a{
	display: block;
	position: relative;
	padding: 0 12px;
	color: #fff;
	transition: all .15s ease;
}
.navigation .navigation-list li .selected,
.navigation .navigation-list li a:hover{
	background-color: #ef2746;
}
.navigation .ico-home{
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	margin: 15px 9px 0 0;
	background-position: -210px -70px;
}
.navigation .ico-light{
	position: absolute;
	z-index: 11;
	right: -12px;
	top: -7px;
	width: 20px;
	height: 20px;
	background-position: -210px -95px;
}
.navigation .car{
	float: right;
	width: 44px;
	margin-right: 15px;
}
.navigation .ico-light{
    z-index: 1111;
}
.logo-pic{
    float: left;
    width: 120px;
    margin-top: 10px;
    margin-right: 20px;
}
.logo-pic img{
    width: 100%;
}
/* nav/E */

/* footer/S */
.footer{
	min-width: 1200px;
	margin-top: 40px;
	padding-bottom: 30px;
	font-size: 14px;
    color: #aaa;
    background: #49484b;
}
.footer a {
    color: #aaa;
}
.footer a:hover {
    color: #f0f0f0;
}
.footer .footer-hd{
	height: 40px;
    padding-top: 10px;
	line-height: 40px;
	text-align: center;
}
.footer .footer-hd a{
	display: inline-block;
	width: 90px;
}
.footer .footer-bd{
    margin-top: 8px;
	text-align: center;
}
.footer .friend-link{
    margin-top: 20px;
    padding: 30px 0 20px;
    border-bottom: 1px solid #555;
}
.footer .friend-link .friend-link-hd{
    float: left;
}
.footer .friend-link .friend-link-hd .ico-friend-link{
    background-position: -210px -146px;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: 4px 6px 0 0;
    vertical-align: top;
}
.footer .friend-link .friend-link-hd .title{
    font-size: 18px;
    float: left;
}
.footer .friend-link .friend-link-bd{
    padding-top: 22px;
}
.footer .friend-link .friend-link-bd li {
    text-align: left;
    float: left;
    height: 20px;
    padding: 0 40px 12px 0;
    line-height: 20px;
}
/* footer/E */

/* page/S */
.page{
    margin: 0 auto;
    padding: 18px 0 10px;
    font-size: 0;
    text-align: center;
}
.page a {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    text-align: center;
    margin: 0 4px;
    border-radius: 3px;
}
.page a:last-child {
    margin-right: 0;
}
.page .number {
    cursor: text;
}
.page .number:hover {
    color: #333;
    background: none;
    border-color: #d8d8d8;
}
.page .empty,
.page .empty:hover {
    width: 10px;
    padding: 0;
    color: #333;
    background: none;
    border: 0 none;
    cursor: text;
}
.page .on {
    cursor: default;
}
.page .on,
.page a:hover {
    color: #fff;
    background-color: var(--themeColor);
    border-color: var(--themeColor);
    text-decoration: none;
}
/* page/E */

/* mod-list/S */
.mod-list .mod-list-hd{
    position: relative;
    margin-bottom: 14px;
    padding-top: 7px;
    border-top: 1px solid #ddd;
}
.mod-list .mod-list-hd .title{
    color: #121212;
    font-size: 24px;
	font-weight: 600;
}
.mod-list .mod-list-hd .title i{
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: 4px 6px 0 0;
    vertical-align: top;
    font-size: 0;
}
.mod-list .mod-list-hd .link-more{
    position: absolute;
    top: 11px;
    right: 0;
    height: 20px;
    padding: 0 3px;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 20px;
}
.mod-list .mod-list-hd .link-more .ico-plus{
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin: 4px 0 0 3px;
    background-position: -210px -122px;
}
.mod-list .item{
    height: 29px;
    line-height: 29px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mod-list .item .divide{
    padding: 0 2px;
    color: #cacaca;
    font-weight: 400;
}
/* mod-list/E */

/* mod-breadcrumbs/S */
.mod-breadcrumbs {
    padding-top: 20px;
    *zoom: 1;
}
.mod-breadcrumbs:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.mod-breadcrumbs li {
    float: left;
}
.mod-breadcrumbs li span {
    color: #999;
}
/* mod-/breadcrumbs */

/* 购房计算器 & 购房指南/S */
.ico-calculator,
.ico-guide {
    background: url("../image/common/sprite-guide.png") no-repeat;
}
.guide .calculator{
    display: block;
    height: 54px;
    text-align: center;
    border: 1px solid #ddd;
}
.guide .calculator:hover{
    border-color: #ff7f02;
}
.guide .calculator .ico-calculator{
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 23px;
    margin-top: 16px;
    background-position: 0 0;
}
.guide .calculator span {
    display: inline-block;
    margin-top: 16px;
}
.guide .calculator .c1 {
    margin-left: 3px;
    color: #121212;
}
.guide .calculator .c2 {
    padding-right: 4px;
    color: #ff7f02;
}
.guide .calculator .c3 {
    color: #888;
}
.guide .guide-list {
    width: 100%;
    margin-top: 8px;
}
.guide .guide-list .guide-list-hd{
    position: relative;
    border-top: none;
    height: 28px;
    padding-top: 0;
    margin-bottom: 12px;
}
.guide .guide-list .guide-list-hd .title {
    float: left;
    margin-top: 4px;
}
.guide .guide-list .guide-list-hd .title .link-more{
    top: 10px;
}
.guide .guide-list .guide-list-hd .title .ico-guide{
    margin: 5px 4px 0 0;
    background-position: 0 -32px;
}
.guide .guide-list .guide-list-bd{
    background-color: #f7f7f7;
    padding: 24px;
    border:1px solid #efefef;
}
.guide .guide-list .guide-list-bd a{
    color: #121212;
}
.guide .guide-list .guide-list-bd a:hover{
    color: #f73453;
}
.guide .guide-list .guide-list-bd .mr0{
    margin-right: 0;
}
.guide .guide-list .guide-list-bd .mt0{
    margin-bottom: 0;
}
.guide .guide-list .guide-list-bd li{
    float: left;
    margin:0 10px 12px 0;
    text-align: center;
}
.guide .guide-list .guide-list-bd li a{
    display: block;
    width: 145px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.guide .guide-list .guide-list-bd li a:hover{
    border-color: #ff7f02;
    color: #ff7f02;
}
/* 购房计算器 & 购房指南/E */

/* 标签/S */
.tags {
    *zoom: 1;
}
.tags:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.tags a {
    float: left;
    height: 21px;
    margin-right: 5px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 21px;
    color: #333;
    background: #fff;
    border: 1px solid #bbb;
}
.tags a:hover {
    color: var(--themeColor);
    border-color: var(--themeColor);
}
/* 标签/E */

/* 二级导航/S */
.mod-nav{
    position: relative;
    height: 40px;
	margin-top: 20px;
	border: 1px solid #efefef;
	background-color: #f6f6f6;
}
.mod-nav ul {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 42px;
}
.mod-nav li{
	float: left;
}
.mod-nav li a{
    display: block;
	height: 42px;
    line-height: 42px;
	font-size: 16px;
	padding: 0 12px;
}
.mod-nav .active {
    background-color: var(--themeColor);
}
.mod-nav .active a {
    color: #fff;
}
.mod-nav .date{
	float: right;
    height: 40px;
	padding-right: 12px;
	line-height: 40px;
    color: #888;
}
.mod-nav .date .ico-clock {
	float: left;
	margin:13px 6px 0 0;
	width: 15px;
	height: 15px;
	background: url(../image/common/news/ico-clock.png) no-repeat;
}
/* 二级导航/E */

/* 信息通用列表/S */
.mod-listinfo{
	margin: 0 auto;
}
.mod-listinfo li {
    padding: 18px 0;
    border-bottom: 1px dashed #ddd;
}
.mod-listinfo li:after{
	content: '';
    display: block;
    height: 0;
    clear: both;
}
.mod-listinfo li:hover {
    background: #f7f7f7;
}
.mod-listinfo .thumb {
	float: left;
	margin-right: 20px;
}
.mod-listinfo .info {
	position: relative;
    overflow: hidden;
}
/* 信息通用列表/E */

/* 通用表单/S */
.mod-form input,
.mod-form textarea {
    height: 20px;
    padding: 8px;
    line-height: 20px;
    color: #121212;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow .15s ease;
    -moz-transition: border-color 0.15s ease, background-color 0.15s ease, -moz-box-shadow .15s ease;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow .15s ease;
}
.mod-form textarea {
    overflow-y: auto;
    resize: vertical;
}
.mod-form input:focus,
.mod-form textarea:focus {
    border-color: #9b9b9b;
}
.mod-form input.error,
.mod-form textarea.error {
	border-color: #f55;
}
.mod-form label.error {
	display: block;
	margin-top: 5px;
	margin-bottom: -2px;
	font-size: 12px;
	color: #f00;
}
/* 通用表单/E */

/* 通用按钮/S */
.mod-btn {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
    padding: 9px 26px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #08afd9;
    border: 1px solid #08afd9;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.mod-btn:hover {
    color: #fff;
    background: #009dc4;
    border-color: #009dc4;
}
.mod-btn.disabled {
    color: #555;
    background: #e7e7e7;
    border-color: #e7e7e7;
    cursor: default;
}
/* 通用按钮/E */

/* 提示框/E */
.mod-cueBox {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    height: 22px;
    margin-left: -40px;
    padding: 13px 20px;
    font-size: 0;
    line-height: 22px;
    color: #fff;
    background: rgba(51,51,51,.85);
    border-radius: 1000px;
    opacity: 1;
}
.mod-cueBox .ico-succeed {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    background: url("../image/common/prompt/ico-succeed.png") no-repeat;
}
.mod-cueBox span {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    font-size: 16px;
    line-height: 22px;
}
.lte-ie8 .mod-cueBox {
    background: url("../image/common/hack/ie-bg-60.png") repeat;
}
/* 提示框/E */

/* 弹窗/S */
.mod-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
    display: none;
	z-index: 1005;
	width: 600px;
	height: 600px;
	margin: -300px 0 0 -300px;
	background: #fff;
	border-radius: 5px;
}
.mod-dialog .close {
    position: absolute;
    right: -17px;
    top: -17px;
    width: 34px;
    height: 34px;
    background: url("../image/common/close.png") no-repeat 0 0;
}
.mod-dialog .close:hover {
    background-position: 0 -39px;
}
.mod-overlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1002;
    display: none;
	width: 100%;
	height: 100%;
	background: #333;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/* 弹窗/E */

/* 新闻列表/S */
.news-list .thumb {
    width: 120px;
    height: 84px;
    overflow: hidden;
}
.news-list .thumb img{
    width: 120px;
    height: 84px;
}
.news-list .info{
    height: 84px;
    overflow: hidden;
}
.news-list .info .title {
    height: 30px;
    overflow: hidden;
}
.news-list .info .title h2 {
    float: left;
    font-size:18px;
    line-height: 30px;
}
.news-list .info p{
    font-size: 14px;
    color: #999;
    height: 22px;
    overflow: hidden;
}
.news-list .aside{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.news-list .views,
.news-list .comment,
.news-list time {
    font-size: 14px;
    color: #999;
}
.news-list .views {
    margin-right: 15px;
}
.news-list .ico-views{
    float: left;
    width: 19px;
    height: 12px;
    background: url(../image/common/news/ico-views.png);
    margin: 3px 4px 0 0;
}
.news-list .ico-comment{
    float: left;
    width: 15px;
    height: 15px;
    background: url(../image/common/news/ico-comment.png);
    margin: 2px 5px 0 0;
}
/* 新闻列表/E */

/* 看直通车报名模块/S */
.post .post-hd .title .ico-fill,
.post-form .mod-form-item .mod-form-label i,
.post .post-bd .mod-form-submit .tip-post i {
    background: url("../image/common/sprite-postform.png") no-repeat;
}
.post-form .mod-form-item{
	margin-bottom: 12px;
}
.mod-form-search{
	position: relative;
}
.post-form .mod-form-item .mod-form-text{
    position: relative;
    z-index: 1;
    height: 30px;
    padding: 0 7px;
    line-height: 30px\9;
    border-color: #ddd;
    box-shadow: none;
}
.post-form .mod-form-item .mod-form-text:focus {
    z-index: 2;
    border-color: #08afd9;
    box-shadow: 0 0 5px rgba(50, 218, 242, 0.3);
}
.post-form .mod-form-item .mod-form-label{
    display: block;
    position: relative;
    cursor: text;
}
.post-form .mod-form-item .mod-form-label span{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    height: 30px;
    padding-left: 7px;
    color: #999;
    line-height: 30px;
}
.post-form .mod-form-item .mod-form-label i{
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 15px;
    margin: 8px 6px 0 0;
    font-size: 0;
}
.post-form .mod-form-submit{
    padding-top: 2px;
}
.post-form .mod-form-submit .btn-submit{
    display: block;
    height: 36px;
    border-radius: 3px;
    background: var(--themeColor);
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.post{
    margin-top: 20px;
    border: 1px solid #efefef;
    background: #f7f7f7;
}
.post .post-hd{border-top: 0;}
.post .post-hd .title{margin-left: 18px;}
.post .post-hd .title .ico-fill{
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 19px;
    margin: 5px 6px 0 0;
    background-position: 0 -114px;
}
.post .post-bd{
    padding: 0 0 18px 18px;
}
.post .post-bd .post-form-name {
    width: 105px;
    margin-right: -1px;
}
.post .post-bd .post-form-phone {
    width: 130px;
}
.post .post-bd .post-form-explain {
    width: 184px;
    margin-right: -1px;
}
.post .post-bd .post-form-num {
    width: 81px;
}
.post .post-bd .mod-form-item .ico-form-name{background-position: -1px 0;}
.post .post-bd .mod-form-item .ico-form-phone{background-position: -1px -23px;}
.post .post-bd .mod-form-item .ico-form-num{
    width: 13px;
    margin-right: 5px;
    background-position: 0 -88px;
}
.post .post-bd .mod-form-item .ico-form-house{
    width: 13px;
    margin-right: 5px;
    background-position: 0 -46px;
}
.post .post-bd .mod-form-submit .btn-submit{
    width: 120px;
}
.post .post-bd .mod-form-submit .tip-post{
    margin: 7px 20px 0 0;
    color: #888;
}
.post .post-bd .mod-form-submit .tip-post i{
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin: 6px 6px 0 0;
    background-position: 0 -69px;
}
.kanfang-form{
    position: absolute;
    right: 0px;
    top: 45px;
    background: #fff;
    z-index: 1111;
    padding:10px 0;
    border-radius: 5px;
    display: none;
}
.kanfang-form .tit{
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.kanfang-form.free-baoming{
    top: 30%;
    left: 50%;
    margin-left: -200px;
    right: auto;
    width: 400px;
    position: fixed;
}
/* 看直通车报名模块/E */

/* 评论模块/S */
.lpdp{
    margin-top: 20px;
}
.lpdp .lpdp-hd {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #ddd;
}
.lpdp .lpdp-hd h2{
    font-size: 20px;
    float: left;
}
.lpdp .lpdp-hd .count{
    float: left;
    margin-left: 20px;
}
.lpdp-bd .dp {
    border-bottom: 1px dashed #ddd;
    padding: 15px 0;
}
.lpdp-bd .dp .thumb{
    width: 50px;
    height: 50px;
}
.lpdp-bd .dp .thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.lpdp-bd .dp .info{
    margin-left: 10px;
}
.lpdp-bd .dp .info span{
    display: inline-block;
    vertical-align: top;
    color: #666;
    line-height: 20px;
}
.lpdp-bd .dp .info time{
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 12px;
    line-height: 21px;
    margin-left: 9px;
}
.lpdp-bd .icon-stars{
    margin-top: 5px;
}
.lpdp-bd .icon-stars i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../image/common/ico-statr.png") no-repeat 0 -22px;
}
.lpdp-bd .icon-stars .active {
    background-position: 0 0;
}
.lpdp-bd .opt{
    padding-top: 24px;
}
.lpdp-bd .opt .opt-item{
    display: block;
    float: right;
    height: 24px;
    padding-left: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #999;
    background: url("../image/common/sprite-opts.png") no-repeat;
    cursor: pointer;
}
.lpdp-bd .opt .opt-zan {
    position: relative;
    margin-right: 12px;
    background-position: 0 2px;
}
.lpdp-bd .opt .opt-zan span {
    display: none;
    position: absolute;
    left: 15px;
    top: -14px;
    font-size: 14px;
    color: #08afd9;
    opacity: 0;
}
.lpdp-bd .opt .opt-reply {
    margin-right: 2px;
    background-position: 0 -76px;
}
.lpdp-bd .opt .opt-item:hover {
    color: #121212;
}
.lpdp-bd .opt .opt-zan:hover {
    background-position: 0 -24px;
}
.lpdp-bd .opt .opt-reply:hover {
    background-position: 0 -104px;
}
.lpdp-bd .opt .opt-item.on,
.lpdp-bd .opt .opt-item.on:hover {
    color: #08afd9;
}
.lpdp-bd .opt .opt-zan.on {
    background-position: 0 -50px;
}
.lpdp-bd .opt .opt-reply.on {
    background-position: 0 -132px;
}
.lpdp-bd .content{
    margin-top: 8px;
}
.lpdp-bd .reply {
    position: relative;
    margin-top: 10px;
    padding: 9px 10px 10px 10px;
    background: #f7f7f7;
    border-radius: 3px;
}
.lpdp-bd .reply p:first-child{
    padding: 0;
}
.lpdp-bd .reply p{
    padding-top: 5px;
}
.lpdp-bd .reply p span {
    color: #666;
}
.lpdp-bd .btn-site{
    padding: 20px 0 5px 0;
    text-align: center;
}
.lpdp-bd .btn-site a{
    width: 120px;
    color: #08afd9;
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #08afd9;
    -webkit-transition: all .12s ease;
    -moz-transition: all .12s ease;
    transition: all .12s ease;
}
.lpdp-bd .btn-site a:hover {
    background: #e7faff;
}
.reply-form {
    display: none;
    margin-top: 12px;
}
.reply-form textarea {
    float: left;
    width: 602px;
    overflow: hidden;
    resize: none;
}
.reply-form textarea:focus {
    border-color: #08afd9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 5px rgba(50, 218, 242, 0.3);
}
.reply-form .btn-reply {
    float: left;
    width: 78px;
    padding: 8px 0;
    margin-left: 8px;
}
/* 评论模块/E */
.showmessage{
	padding:140px;
	font-size:20px;
	line-height:2;
	text-align:center;
}
.showmessage a{
	font-size:16px;
	color:#0099FF;
}
/*=========================== common/E ===========================*/

/*广告部分*/
.g_common_1{ background: #292a4c; text-align:center;}

.navigation-list li .listBox {
	position: absolute;
	top: 45px;
	left: 0;
	text-align: center;
	width: 120px;
	border: 1px solid #cccccc;
	display: none;
	background-color: #fff;
	border: 1px solid #b2b2b2;
	border-top: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b2b2')";
	-moz-box-shadow: 1px 1px 2px #b2b2b2;
	-webkit-box-shadow: 1px 1px 2px #b2b2b2;
	box-shadow: 1px 1px 2px #b2b2b2;
	z-index: 1111111;
}
 .navigation-list li .listBox ul {
	font-size: 12px;
}
.navigation-list li .listBox ul li {
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 100%;
}
.navigation-list li .listBox ul li a {
	color: #666666;
	margin: 0px;
	display: block;
	text-decoration: none;
	font-size: 14px;
}
.navigation-list li:hover{
	background: none;
}
.navigation-list li .listBox ul li a:hover{
	color: #000;
	background: none;
}
.navigation-list li:hover .listBox{
	display: block;
}

.list1 {
	font-size: 15px;
	color: #333;
	line-height: 30px;
	clear: both;
}
.list1 b {
	margin-right: 16px;
	font-weight: bold;
}
.list1 a {
	margin-right: 15px;
}
.mt-40{
	margin-top: 40px;
}
.youlike {
	float: left;
	width: 1200px;
	margin-bottom: 30px;
}
.youlike .youlike-hd {
	height: 30px;
	border-bottom: 2px solid var(--themeColor);
	margin-top: 28px;
}
.youlike .youlike-hd h3 {
	font-size: 16px;
	font-weight: bold;
}
.youlike .youlike-bd {
	padding-top: 25px;
}
.youlike .youlike-bd ul li {
	float: left;
	width: 216px;
	display: block;
	margin-left: 12px;
	margin-right: 12px;
}
.youlike .youlike-bd ul li a.cf{
	display:block;
	height:22px;
	line-height:22px;
	overflow:hidden;
}
.youlike .youlike-bd ul li img {
	width: 216px;
	height: 117px;
}
.youlike .youlike-bd .figure {
	display: inline-block;
	width: 216px;
	height: 120px;
	overflow: hidden;
}
.youlike .youlike-bd p {
	margin-top: 2px;
}
.youlike .youlike-bd p em {
	color: #f73453;
}

.mb-20{
	margin-bottom: 20px!important;
}
.index-kaiping{
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow-y: hidden;
}
.index-center{
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
    z-index: 666;
	position: fixed;
}
.index-center .mask{
	background: rgba(0,0,0,.5);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.big-center{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.swiper-container.topslider{
	height: 464px;
	width: 100%;
	margin: 0 auto
}
#index-tonglan1,#index-tonglan2{
	margin-top: 20px !important;
}
#right-swiper-adv{
	height: 385px;
	width: 314px;
	float:right;
}
.tonglan1{
	width: 1200px;
	height: 60px;
	margin: 0 auto 5px;
	position: relative;
	display: block;
}
.tonglan3{
	width: 1200px;
	height: 120px;
	margin: 0 auto 5px;
	position: relative;
	display: block;
}

.tonglan1 img,.tonglan3 img,.index-newhouse img,.index-hot img{
	width: 100%;
	height: 100%;
}
.index-newhouse{
	width: 240px;
	height: 112px;
	margin-top: 10px;
	position: relative;
}
.index-hot{
	width: 240px;
	height: 100px;
	margin-top: 10px;
	position: relative;
}
.h-260{
	height: 260px;
	overflow: hidden;
}
.tonglan2{
	display:flex;
	justify-content: space-between;
}
.tonglan2 a{
	position: relative;
}
.tonglan2 div{
	position: relative;
}
.tonglan2 img{
	width: 597px;
	height: 60px;
}

.newhouse_right img{
	width: 260px;
	height: 400px;
}
.adv{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 26px;
	height: 16px;
	z-index: 12;
	background: url(../image/adv.png) 100% 0% no-repeat;
}
.duilian .left{
	position: fixed;
	z-index: 111;
	top:15%;
	left: 0;
}
.duilian .delete{
	width: 25px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}
.duilian .delete img{
	width: 100%;
}
.duilian .right{
	position: fixed;
	right: 0;
	top:15%;
	z-index: 111;
}
.duilian .adv{
	left: auto;
	right: 0;
	top: 0;
}
.tanchuang{
	position: fixed;
	bottom: 120px;
	right: 25px;
	width: 275px;
    height: 400px;
	z-index: 11;
}
.tanchuang img {
    height: 100%;
}
.tanchuang .delete{
	position: absolute;
	width: 25px;
	right: -25px;
	top: -25px;

}

.tanchuang .delete img,.tanchuang img{
	width: 100%;
}

.noneBox{display: none;}

body{
	--themeColor:#FF335D;
}
body .navigation .navigation-list li .selected, body .navigation .navigation-list li a:hover{
	background-color: #ef2746; color: #fff;
}
body.bluecolor{
	--themeColor:#0c70d5;
}
body.bluecolor .navigation .navigation-list li .selected, body.bluecolor .navigation .navigation-list li a:hover{
	background-color: #0e5cab; color: #fff;
}
body.orangecolor{
	--themeColor:#FF8E19;
}
body.orangecolor .navigation .navigation-list li .selected, body.orangecolor .navigation .navigation-list li a:hover{
	background-color: #ec7800; color: #fff;
}
body.greencolor{
	--themeColor:#29b08e;
}
body.greencolor .navigation .navigation-list li .selected, body.greencolor .navigation .navigation-list li a:hover{
	background-color: #219679; color: #fff;
}