﻿.messlist{ width:1210px; color:#444444;}
.mBoxTitle{ height:30px; line-height:30px; letter-spacing:0px; text-align:left; margin:10px 0px 0px 10px;}
.mBoxTitle a{ color:#000000; font-size:16px; font-weight: bolder;}
.mBoxText{ padding:8px; font-size:14px; height:75px; overflow:hidden; line-height:25px;}
.mBoxText .vip{font-family: "iconfont" !important;}
.mBoxText .vip:after{content:"\e61a"; font-size: 26px; color: #ff3300; vertical-align: middle;}

.mBoxTel .tel{font-size:18px; display: block; padding-left:30px; cursor:pointer; background-image:url(images/tel.png); background-repeat:no-repeat; margin:5px; height:25px; margin-top:0px; line-height:25px;}
.mBoxTel .guoqi{ color: #888888; background-image: none; padding-left:0px; }
.mBoxSort{ position:absolute; top:15px; right:5px; letter-spacing:0px; font-size:12px; line-height:20px;}
.mBoxDing1{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);}
.mBoxDing2{background-color:#45adba; 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(#027fbf,#01a6e8);}

.mBox1,.mBox2{width:292px; height:180px; background-color:#ffffff; line-height:20px; font-size:14px; float:left;  margin-right:8px; margin-bottom:8px; position:relative; border:1px solid #e9e9e9; border-top:2px solid #ff552e; border-radius:5px;}
.mTBox11,.mTBox12{width:292px; height:180px; background-color:#ffffff; line-height:20px; font-size:14px; float:left;  margin-right:8px; margin-bottom:8px; position:relative; border:1px solid #e9e9e9; border-top:2px solid #ff552e; border-radius:5px;}
.mTBox22 ,.mTBox21{width:594px; height:180px; background-color:#ffffff; line-height:20px; font-size:14px; float:left; margin-right:8px; margin-bottom:8px; position:relative; border:1px solid #e9e9e9; border-top:2px solid #ff552e; overflow:hidden; border-radius:5px;}
.mTBox41,.mTBox42{width:1198px; height:auto; background-color:#ffffff; height:180px; line-height:20px; font-size:14px; float:left; margin-bottom:8px; position:relative; border:1px solid #e9e9e9; border-top:2px solid #ff552e; overflow:hidden;  border-radius:5px;}
.mTBox41 .mBoxText,.mTBox42 .mBoxText{ padding:8px; font-size:16px; color:#333333; height:60px; overflow:hidden; line-height:30px; width:950px;}
.mBox2,.mTBox12,.mTBox22,.mTBox42{border-top-color:#45adba;}

.mBox1:hover,.mBox2:hover{ background-color:#ffffff; box-shadow: 0 0 8px 0 rgba(0,0,0,.30);}
.mBox1:hover .mBoxTel,.mBox2:hover .mBoxTel{ color:#ff552e;}
.mTBox11:hover,.mTBox12:hover{ background-color:#ffffff; box-shadow: 0 0 8px 0 rgba(0,0,0,.30);}
.mTBox11:hover .mBoxTel,.mTBox12:hover .mBoxTel{ color:#ff552e;}
.mTBox21:hover,.mTBox22:hover{ background-color:#ffffff; box-shadow: 0 0 8px 0 rgba(0,0,0,.30);}
.mTBox21:hover .mBoxTel,.mTBox22:hover .mBoxTel{ color:#ff552e;}
.mTBox41:hover,.mTBox42:hover{ background-color:#ffffff; box-shadow: 0 0 8px 0 rgba(0,0,0,.30);}
.mTBox41:hover .mBoxTel,.mTBox42:hover .mBoxTel{ color:#ff552e;}



.xr{ display:none;}

.topcontentpicwrap{width:150px; height:150px; overflow:hidden; float:left; background-color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; 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:150px; height:150px; position:relative; z-index:10; display: flex;}
.topcontentpic img{ width:100%; height:auto; object-fit: cover;}
.topcontentright{ padding-left:170px;}
.topcontenttitle{font-size:24px; height:40px; width:auto; overflow:hidden; line-height:40px;}
.topcontenttext{font-size:16px; height:auto; max-height:80px; width:auto; overflow:hidden; line-height:20px;}
.topcontenttel{font-size:16px; height:30px; 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;}