﻿.messlist{ width:1210px; color:#000;}
.messlist .tel,.messlist .qq{ cursor:pointer;}
.mBoxTitle{ height:40px; line-height:40px; text-align:left; background-color:#ffc66f; margin:5px; border-radius:3px; padding-left:10px;}
.mBoxTitle a{ color:#000000; font-size:16px; font-weight: bolder;}
.mBoxDate{ font-size:14px; line-height:29px; height:29px; padding-left:8px;}
.mBoxContent{font-size:14px; color: #000000; line-height:25px; padding:5px 10px 5px 10px; height:150px; overflow:hidden;}
.mBoxContent .num{cursor:pointer; display: inline-block;}
.mBoxContent .guoqi{ color:#888888;}

.mBoxPrice{position:absolute; font-size:16px; color:#ed414a; bottom:5px; right:10px;}
.mBoxPrice strong{font-weight:normal; }


.mBox1,.mBox2{width:294px; height:240px; background-color:#ffecd0; line-height:20px; font-size:14px; float:left; overflow:hidden; margin-right:8px; margin-bottom:8px; position:relative; border-radius:3px;}
.mBox2{ background-color:#e8f7e8;}
.mTBox1_1,.mTBox1_2{width:294px; height:240px; background-color:#ffecd0; line-height:20px; font-size:14px; float:left; margin-right:8px; margin-bottom:8px; position:relative; overflow:hidden; border-radius:3px;}
.mTBox1_2{background-color:#e8f7e8;}
.mTBox2_1,.mTBox2_2{width:596px; height:240px; background-color:#ffecd0; line-height:20px; font-size:14px; float:left; margin-right:8px; margin-bottom:8px; position:relative; overflow:hidden; border-radius:3px;}
.mTBox2_2{background-color:#e8f7e8;}
.mTBox4_1,.mTBox4_2{width:1200px; height:auto; min-height:240px; background-color:#ffecd0; line-height:20px; font-size:14px; float:left; margin-bottom:8px; position:relative; overflow:hidden; border-radius:3px;}
.mTBox4_2{background-color:#e8f7e8;}


.mBox2 .mBoxTitle,.mTBox1_2 .mBoxTitle,.mTBox2_2 .mBoxTitle,.mTBox4_2 .mBoxTitle{background-color:#98dc98;}

.mBoxDing1{background-color:#ff5500; color:#FFFFFF; text-align:center; line-height:25px; height:25px; margin-right:5px; padding:0px 5px; border-radius:3px; display: inline-block;background-image: linear-gradient(#FF5500,#ee0000);}
.mBoxDing2{background-color:#109c00; color:#FFFFFF; text-align:center; line-height:25px; height:25px; margin-right:5px; padding:0px 5px; border-radius:3px; display: inline-block;background-image: linear-gradient(#10aa00,#109c00);}

.mBox1:hover,.mTBox1_1:hover,.mTBox2_1:hover,.mTBox4_1:hover{background-color:#fff5df; box-shadow: 0 0 8px 0 rgba(0,0,0,.30);}
.mBox2:hover,.mTBox1_2:hover,.mTBox2_2:hover,.mTBox4_2:hover{background-color:#f2fbf2; box-shadow: 0 0 8px 0 rgba(0,0,0,.30);}
.mBox1:hover .mBoxTitle,.mTBox1_1:hover .mBoxTitle,.mTBox2_1:hover .mBoxTitle,.mTBox4_1:hover .mBoxTitle{ background-color:#ffd67a;}
.mBox2:hover .mBoxTitle,.mTBox1_2:hover .mBoxTitle,.mTBox2_2:hover .mBoxTitle,.mTBox4_2:hover .mBoxTitle{ background-color:#a7e9a7;}

.mTBox4_2 .mBoxContent,.mTBox4_1 .mBoxContent{ height:auto; min-height:150px;}

.mBoxContent .vip,.tu,.kicon_video{ color: #109c00;}
.mBoxContent .vip:after{content:"\e61a";font-family: "iconfont"; font-size: 20px; vertical-align: bottom;}
.mBoxContent .tu{font-weight: bolder;}
.mBoxContent .kicon_video::after{content:"\e7c7"; font-size: 16px; font-family: "iconfont";}
.mBox1 .mBoxContent .vip, .mBox1 .mBoxContent .tu,.mBox1 .mBoxContent .kicon_video{ color: #ff552e;}
.mTBox1_1 .mBoxContent .vip, .mTBox1_1 .mBoxContent .tu,.mTBox1_1 .mBoxContent .kicon_video{ color: #ff552e;}

.xr{ display:none;}

.topcontentpicwrap{width:150px; height:150px; 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: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;}