.main {padding:25px; background:#FFFFFF; overflow:hidden;}
.green {color:#1bb76d;}
.orange {color:#ff8400;}
body{background:#f5f5f5;}

.contbox {width:auto; background:#f5f5f5; }
.content {width:1200px; margin:15px auto 70px auto; }

.maincont2 {width:100%;  clear:both; position: relative;}
.main_tit {
    width: 170px;
    text-align: center;
    line-height: 45px;
    top: -120px;
    background: url(../../index/base/main_441541.png);
    position: absolute;
    z-index: 99;
    font-weight: normal;
    font-size: 24px;
    color: #fff;}
.maincont2 .left {width:1200px; margin: 0 auto; overflow:hidden;}
.left .shead {width:100%; position:relative;}
.left .shead .tag {overflow: hidden; padding-bottom: 25px; border-bottom: 1px solid #eaeaea;}
.left .shead .tag li {float:left; margin-right:15px; width:130px; height: 40px; line-height: 40px; text-align:center; font-size:18px;}
.left .shead .tag li:hover a {display: block; background: #ff9900; color:#fff;}
.left .shead .tag .first{width:130px; height:40px; background: #ff9900;}
.left .shead .tag .first a {color:#FFF;}

.left .listbox {width:100%; padding-bottom: 50px;}
.listbox .cont {width:100%;}
.listbox .cont .list {width:33%; border-bottom:1px solid #eaeaea; padding:20px 0; float: left;}
.listbox .cont .list .showpic {width: 140px; height: 140px; display: table-cell; vertical-align: middle; background: #eaeaea;overflow: hidden;}
.listbox .cont .list .showpic img {max-width: 140px; max-height: 140px;
    transform: scale(1);
    transition: .5s;}
  .listbox .cont .list .showpic:hover img  {
    	  transform: scale(1.1);
    transition: .5s;
    }
.listbox .cont .list .mytext {display: table-cell; padding-left: 25px; vertical-align: top;}

.listbox .cont .list .mytext .tag  {display: inline-block; line-height: 30px; margin-right: 10px; font-size: 16px; font-weight: 600;  overflow: hidden;}
.listbox .cont .list .mytext .tag span {font-size: 14px; color: #b0b0b0; line-height: 30px; padding-right: 10px; float: left;}
.listbox .cont .list .word {line-height: 30px; font-size: 14px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; width: 575px; margin-top: 10px;}
.listbox .cont .list .who {height: 40px; padding-top: 25px; overflow: hidden;}
.listbox .cont .list .who ul:before{content: ''; display: block; clear: both;}
.listbox .cont .list .who ul li {width: 40px; height: 40px; float: left; margin: 0 10px; position: relative;}
.listbox .cont .list .who ul li a {width: 40px; height: 40px; border-radius: 20px; overflow: hidden; display: flex; justify-content: center; text-align: center;}
.listbox .cont .list .who img {width: 100%; height: 100%;}
.listbox .cont .list .who ul li em {display: inline-block; width: 22px; height: 22px; border-radius: 12px; overflow: hidden; background: #26b87c; font-size: 14px; color: #fff; line-height: 22px; text-align: center; position: absolute; top: -5px; left: -5px;}

.myhead {width: 100%; height: 30px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea;}
.myhead span {display: inline-block; padding: 0 10px; font-size: 18px; line-height: 30px; position: relative;}
.myhead span:before {content: ''; display: block; width: 100%; height: 1px; background: #ff9900; position: absolute; left: 0; bottom: -11px;}

.myproduct {overflow: hidden; width: 320px;}
.myproduct ul {width: 100%; margin-right: -25px; margin-top: 25px;}
.myproduct ul li {width: 135px; height: 45px; text-align: center; line-height: 45px; font-size: 16px; float: left; margin-right: 25px; margin-bottom: 25px;}
.myproduct ul li a {display: block; background: #eaeaea; border-radius: 3px; overflow: hidden;}
.myproduct ul li a:hover {background: #ff9900; color: #fff;}

.myfriends {overflow: hidden; padding-bottom: 25px;}
.myfriends ul{overflow: hidden;}
.myfriends ul li {width: 50%; float: left; margin-top: 25px; display: flex; justify-content: center; text-align: center;}
.myfriends ul li span {display: inline-block; width: 70px; height: 70px; border-radius: 35px; overflow: hidden;}
.myfriends ul li span img {max-width: 70px; max-height: 70px;}
.myfriends ul li p {line-height: 30px; font-size: 14px; overflow: hidden;}
.myfriends .more {width: 60%; margin: 25px auto 0 auto;}
.myfriends .more a {display: block; line-height: 40px; text-align: center; font-size: 16px; border-radius: 3px; overflow: hidden; background: #ededed; color: #999999;}
.myfriends .more a:hover {background: #ff9900; color: #fff;}