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

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

.maincont2 {width:100%; overflow:hidden; clear:both;}
.maincont2 .left {width:820px; float:left; overflow:hidden;}
.left .shead {width:100%; position:relative;}
.left .shead .tag {overflow: hidden; padding-bottom: 25px; border-bottom: 1px solid #eaeaea;}
.left .shead .tag div {float:left; margin-right:15px; width:130px; height: 40px; line-height: 40px; text-align:center; font-size:18px;}
.left .shead .tag div: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:100%; border-bottom:1px solid #eaeaea; padding:20px 0; display: table;}
.listbox .cont .list .showpic {width: 140px; height: 140px; display: table-cell; vertical-align: middle; background: #eaeaea;}
.listbox .cont .list .showpic a {display: flex; justify-content: center; align-items: center;}
.listbox .cont .list .showpic img {max-width: 140px; max-height: 140px;}
.listbox .cont .list .mytext {display: table-cell; padding-left: 25px; vertical-align: top;}
.listbox .cont .list .mytext .tag {overflow: hidden;}
.listbox .cont .list .mytext .tag a {display: inline-block; line-height: 30px; margin-right: 10px; font-size: 16px; font-weight: 600; float: left;}
.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;}


.maincont2 .right {width:345px; float:right; overflow:hidden;}
.maincont2 .right .main {margin-top: 25px;}
.maincont2 .right .main:first-child {margin-top: 0;}
.mycode {overflow: hidden; background: #fff; padding: 25px;}
.mycode a {display: inline-block; width: 100%; height: 62px; text-align: center; line-height: 62px; background: #26b87c; color: #fff; font-size: 22px; border-radius: 3px; overflow: hidden; margin-bottom: 25px;}
.mycode span:after {content: ''; display: block; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 0; z-index: 99;}
.mycode span {display: flex; justify-content:center; align-items: center; width: 100%; height: 200px; position: relative;}
.mycode span img {max-width: 153px; max-height: 153px;}
.mycode p {width: 100%; line-height: 30px; font-size: 14px; text-align: center;}

.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;}