﻿.messlist{ width:1210px; color:#333333;}
.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;}
.mBoxContent .vip{font-family: "iconfont" !important;}
.mBoxContent .vip:after{content:"\e61a"; font-size: 26px; color: #ff3300; vertical-align: middle;}

.mBoxPrice{position:absolute; font-size:16px; color:#ed414a; bottom:5px; right:10px;}
.mBoxPrice strong{font-weight:normal; font-size: 16px;}
.mBoxPrice span{}


.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:#ff552e; color:#FFFFFF; width:45px; text-align:center; line-height:25px; height:25px; margin-right:5px; padding:2px 5px; border-radius:3px;}
.mBoxDing2{background-color:#109c00; color:#FFFFFF; width:45px; text-align:center; line-height:25px; height:25px; margin-right:5px; padding:2px 5px; border-radius:3px;}

.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;}

.mBox2 .tu,.mTBox1_2 .tu{color:#109c00; padding:0px 3px; margin-right:3px; border:1px solid #109c00; border-radius:3px; font-size:12px; line-height: 20px; font-weight: bolder; background-color: #ffffff;}
.mBox1 .tu,.mTBox1_1 .tu{color:#ff552e; padding:0px 3px; margin-right:3px; border:1px solid #ff552e; border-radius:3px; font-size:12px; line-height: 20px; font-weight: bolder; background-color: #ffffff;}

.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; border-bottom:1px solid #f3f3f3; padding:30px 0px; height:150px;}
.mList:hover{ background-color:#fafafa;}
.mList:hover .textwrap .title a{ color:#ed414a;}
.mListPic{overflow:hidden; background-color:#FFFFFF; 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 img{ width:100%; height:auto; min-height: 100%; padding:0px; object-fit: cover;}
.mList .textwrap{ margin-left:190px; margin-right: 220px;}
.mList .textwrap .title{font-size:22px; margin-bottom:20px; line-height:30px; height:30px; overflow:hidden;}
.mList .textwrap .title a{color:#000000; display: inline-block; vertical-align: middle;}
.mList .textwrap .title .vip{font-family: "iconfont" !important;}
.mList .textwrap .title .vip:after{content:"\e61a"; font-size: 32px; color: #ff3300; margin-left: 5px; vertical-align: middle;}
.mListDing{background-color:#ed414a; color:#FFFFFF; width:40px; text-align:center; line-height:20px; height:20px; margin-left:10px; padding:0px 0px; border-radius:3px; display: inline-block; font-size: 12px;}

.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:#666666; margin-right: 100px;}
.mListContact{font-size:14px; line-height:20px; color:#666666;}
.mListContact p{display: inline-block; margin: 0px; padding: 0px; margin-right: 10px;}
.mListPrice{ float:right; width: 200px; padding-right: 20px; line-height:36px; height:100px; width:auto; text-align: right;}
.mListPrice .price{ margin-top: 50px; font-size: 28px; color:#ff3300; height: 40px; line-height: 40px; }
.mListPrice strong{ font-size:25px; font-weight: normal;}
.mListPrice .date{font-size:12px; margin-top: 20px; color: #888888; line-height: 30px;}