﻿.messlist{ width:1220px; color:#444444;}
.messlist .tel,.messlist .qq{ cursor:pointer;}
.mBoxTitle{ height:40px; line-height:40px; overflow: hidden;}
.mBoxTitle a{ color:#000000; font-size:16px;}
.mBoxTitle a:hover{color:#ff552e;}
.mBoxDate{ font-size:12px; line-height:20px; height:20px; color: #aaaaaa;}
.mBoxContent{font-size:12px; line-height:20px; height:40px; color: #666666; overflow:hidden;}
.mBoxContent .num{cursor:pointer; color: #aaaaaa;}
.mBoxContent .guoqi{ color:#888888;}
.mBoxContent .vip{font-family: "iconfont" !important;}
.mBoxContent .vip:after{content:"\e61a"; font-size: 26px; color: #ff3300; vertical-align: middle;}
.mBoxPrice{position:absolute; font-size:18px; color:#ed414a; bottom:0px; right:10px; font-weight: bolder;}
.mBoxPrice strong{font-weight:normal; font-size: 16px;}
.mBoxPrice span{}

.mBoxContent .zj{color:#444444; padding:0px 3px; margin-right:3px; border:1px solid #444444; border-radius:3px; font-size:12px; font-weight:bolder;}

.mBox1,.mBox2{width:288px; height:283px; background-color:#ffffff; line-height:20px; font-size:14px; float:left; overflow:hidden; margin-right:15px; margin-bottom:25px; position:relative;}
.mTBox1,.mTBox2{width:288px; height:283px; background-color:#ffffff; line-height:20px; font-size:14px; float:left; margin-right:15px; margin-bottom:25px; position:relative; overflow:hidden;}
.mTBox21, .mTBox22{width:592px; height:283px; line-height:20px; font-size:14px; float:left; margin-right:15px; margin-bottom:25px; position:relative; overflow:hidden;}
.mTBox41,.mTBox42{width:1200px; height:auto; min-height:283px; line-height:20px; font-size:14px; margin-bottom:25px; position:relative; overflow:hidden; }

.mTBox41 .mBoxContent,.mTBox42 .mBoxContent{height:auto; min-height:200px; margin-top: 5px; margin-bottom: 5px;   overflow:hidden; padding: 5px; background-color: #fafafa;}
.mTBox21 .mBoxContent,.mTBox22 .mBoxContent{ height:200px; margin-top: 5px; margin-bottom: 5px;  overflow:hidden; padding: 5px; background-color: #fafafa; border-radius: 5px;}


.mBoxPic{ width:100%; height:180px; background-color: #fafafa; margin:0px; text-align:left; position:relative; display: flex; overflow:hidden; border-radius: 5px;}
.mBoxPic img{width:100%; height: auto; min-height: 100%; object-fit: cover;}
.mBoxPicNumWrap{position:absolute; left:0px; bottom:0px; overflow: hidden; border-radius: 3px;}
.mBoxPicNumBg{position:absolute; left:0px; bottom:0px; background-color:#000000; filter:alpha(opacity=60); opacity:0.6; display: block; width: 50px; height: 50px; z-index: 1;}
.mBoxPicNum{font-size:12px; color:#FFFFFF; line-height:18px; display: block;padding:5px; position: relative; z-index: 200;}
.mBoxPic .kicon_video{position:absolute; bottom: 0px; right: 0px; display: block; font-size: 12px; color: #fff; z-index: 100; line-height: 20px; width: 50px; height: 20px;}
.mBoxPic .kicon_video::before{content: "\20"; position: absolute; opacity: 0.4; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; display: block;}
.mBoxPic .kicon_video::after{content:"\e7c7视频"; text-align: center; width: 100%; font-family: "iconfont"; display: block; position: absolute; }

.mBoxDing1,.mBoxDing2{background-color:#ff552e; color:#FFFFFF; width:45px; text-align:center; line-height:25px; height:25px; margin-right:10px; padding:2px 5px; border-radius:3px;background-image: linear-gradient(#FF0000,#FF9900);}



.xr{ display:none;}

.topcontentpicwrap{width:220px; height:200px; overflow:hidden; float:left; background-color:#FFFFFF; border-radius:5px; position:relative;}
.topcontentpicbg{ background-repeat:repeat; height:150px; width:150px; position:absolute; top:0px; left:0px; z-index:1; background-position:center; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;}
.topcontentpic{width:220px; height:200px; position:relative; z-index:10; display: flex;}
.topcontentpic img{ width:100%; min-height: 100%; height:auto;  object-fit: cover;}
.topcontentright{ margin-left:240px;}
.topcontenttitle{font-size:24px; height:40px; color: #000000; width:auto; overflow:hidden; line-height:40px;}
.topcontenttext{font-size:16px; height:auto; color: #000000; max-height:100px; width:auto; overflow:hidden; line-height:25px;}
.topcontenttel{font-size:16px; height:30px; color: #000000; width:auto; overflow:hidden; line-height:30px;}



/*列表样式*/

.mList{width:1200px;  padding:30px 0px; height:150px; position: relative;}
.mList::after{content:"\20"; display: block; height: 0px; margin-left:190px; width: 1010px; overflow: hidden; border-bottom:1px solid #f3f3f3; position: absolute; bottom: 0px; left: 0px;}
.mList:hover{ background-color:#fafafa;}
.mList:hover .textwrap .title a{ color:#ed414a;}
.mListPic{overflow:hidden; background-color:#fafafa; width:170px; height:150px; float: left; position: relative; display: flex;}
.mListPic .picnum{position:absolute; top: 0px; left: 0px; font-size: 12px; color: #fff; z-index: 100; padding: 0px 5px; line-height: 20px;}
.mListPic .picnum:after{content: "\20"; display: block; width: 100%; height: 100%; position:absolute; top: 0px; left: 0px; background-color: #000; z-index: -99;filter:alpha(opacity=40); opacity:0.4;}
.mListPic .kicon_video{position:absolute; bottom: 0px; right: 0px; display: block; font-size: 12px; color: #fff; z-index: 100; line-height: 20px; width: 50px; height: 20px;}
.mListPic .kicon_video::before{content: "\20"; position: absolute; opacity: 0.4; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; display: block;}
.mListPic .kicon_video::after{content:"\e7c7视频"; text-align: center; width: 100%; font-family: "iconfont"; display: block; position: absolute; }

.mListPic img{ width:100%; height:auto; min-height: 100%; padding:0px; object-fit: cover;}
.mList .textwrap{ margin-left:210px; margin-right: 220px;}
.mList .textwrap .title{font-size:18px; margin-bottom:20px; line-height:20px;}
.mList .textwrap .title a{color:#000000; display: inline; margin-right: 5px; vertical-align: middle;}
.mList .textwrap .title .vip{background-color:#ff3300; color:#Ff0; width:auto; text-align:center; line-height:20px; height:20px; padding:2px 5px; border-radius:3px; display: inline; font-size: 12px; margin-right: 5px;background-image: linear-gradient(#FF0000,#FF9900);}
.mList .textwrap .title .vip:after{content:"会员";}
.mListDing{background-color:#ff3300; color:#FFF; width:auto; text-align:center; line-height:20px; height:20px; padding:2px 5px; border-radius:3px; display: inline; font-size: 12px;  margin-right: 5px;background-image: linear-gradient(#FF0000,#FF9900);}

.mListClass{ width:100%; height:20px; font-size:12px; line-height:20px; margin-bottom: 10px;}
.mListClass p{display: inline-block; width:auto; overflow:hidden; padding:0px 8px; text-align:center; height:20px; border:1px solid #35a6ee; color:#35a6ee; border-radius:0px; margin: 0px; margin-right:8px;}
.mListClass p:nth-of-type(4n+2){border:1px solid #f0962a; color:#f0962a;}
.mListClass p:nth-of-type(4n+3){border:1px solid #1fbf8c; color:#1fbf8c;}
.mListContent{font-size:14px; line-height:25px; max-height:50px; color:#444; margin-right: 100px;}
.mListContact{font-size:14px; line-height:25px; color:#444;}
.mListContact p{display: inline-block; margin: 0px; padding: 0px; margin-right: 10px;}
.mListPrice{ float:right; padding-right: 20px; line-height:30px; height:100px; width:auto; text-align: right;}
.mListPrice .price{ margin-top: 40px; font-size: 20px; color:#ff3300; height: 40px; line-height: 40px; }
.mListPrice strong{ font-size:14px; font-weight: normal;}
.mListPrice .date{font-size:14px; color: #888888;}