

.content{background:#fff;overflow:hidden;margin:20px auto;}
.main-left{width:720px;padding:20px 0;margin-left:20px;}
.main-right{width:310px;padding:20px 0;}
.home-nav ul li{width:14%;float: left;text-align: center;font-size: 20px;}
.main{padding: 20px;box-sizing: border-box;margin:20px auto;}
.home-photo ul{width:100%;overflow: hidden;}
.home-photo ul li{width:30%;height:205px;float: left;margin:10px 1.5%;}

.about-me{border-top:1px solid #ccc;margin: 40px auto;padding: 40px 0;text-align: center;}
.about-me h2{font-size: 34px;text-align: center;}
.about-me img{display:block;margin:30px auto;}
.about-me p{width:700px;margin: 20px auto;font-size: 20px;line-height: 1.5;color:#666;}

.other-operate{width:480px;margin: 0 auto;position: relative;}
.other-operate ul li{float: left;margin: 0 10px;}
.home-icon{width:30px;height:30px;display: block;float:left;margin:5px 8px 5px 0;vertical-align:middle;background: url(/images/2.0/home-icon.png) no-repeat;}
.addFriend{background-position: -12px -14px;}
.sendMessage{background-position: -83px -14px;}
.shareHome{background-position: -157px -14px;}
.wx-icon{background-position: -63px -74px;}
.tsina-icon{background-position: -12px -74px;}
.tqq-icon{background-position: -157px -75px;}
.qzone-icon{background-position: -109px -74px;}
.thumbs-up-icon{background-position: -15px -128px;}

.share-ways{width:150px;overflow: hidden;position: absolute;top:40px;right:10px;display: none;}
.share-ways li{height:40px;line-height: 40px;border-bottom: 1px dashed #ccc;padding: 0 20px;font-size: 16px;}

.operate-home{width:460px;height:500px;padding:20px;box-sizing:border-box;position:absolute;top:90px;left:0;z-index:999;display:none;overflow:auto;}
.theme_param{padding:20px 0;border-bottom:1px solid #efefef;overflow:hidden;}
.theme_photo,.theme_color{padding:10px 0;overflow:hidden;}
.upload-photo {position: relative;display: inline-block;cursor:pointer;}
.upLoad{line-height:38px;display:inline-block;padding:0 20px;border:1px solid #2397d5;border-radius:3px;margin-left:20px;cursor:pointer;}
.upload-photo input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;}
.theme_color .label{height:32px;line-height:32px;}
.color-box{width:66px;height:32px;line-height:32px;border: 1px solid #ccc;display:block;}
.changeImg{width:708px;overflow:hidden;}
.changeImg ul li{width:200px;height:120px;float:left;margin:20px 10px 0 10px;padding:8px;}
.changeImg ul li.cur{background:#00ff00;}
.changeImg ul li img{cursor:pointer;}

/* blog and wb fenlei */
.blog-select{width:90%;overflow:hidden;margin-bottom:20px;border:1px solid #ccc;}
.blog-select h2{height:50px;line-height:50px;background:#2397d5;color:#fff;padding:0 20px;box-sizing:border-box;}
.blog-select ul{width:100%;background:#fff;}
.blog-select ul li{height:40px;line-height:40px;border-bottom:1px solid #ccc;padding:0 20px;box-sizing:border-box;}
.blog-select ul li:last-child{border:0 none;}
.blog-select ul li:hover,.blog-select ul li.cur{background:#f2f2f2;}
.blog-select ul li a{display:block;}
.blog-select ul li a span{width:85%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}