@charset "utf-8";
body{
	font-family: "微软雅黑";
	background: #f7f7f7;
	padding-top: 60px;
}
ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
img{
	max-width: 100%;
	vertical-align: middle;
}
a{
	color: #333333;
}
a:hover{
	color: #ffaf3e;
}
p{
	margin-bottom: 0;
}
h2,h3,h4,h1{
	margin: 0;
}
b,strong {
    font-weight: 500;
}
.main{
	margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
	.main,.container{
		width: 1000px;
	}
}
@media only screen and (min-width: 1200px) {
	.main,.container{
		width: 1040px;
	}
}
/*header*/
/*footer*/
.footer{
	text-align: center;
	background: #434343;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
}
.footer .main{
	padding-top: 30px;
	padding-bottom: 20px;
}
.foot-nav{
	margin-bottom: 20px;
}
.foot-nav a,
.foot-nav span{
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
}
.foot-nav .line{
	padding: 0 12px;
}
.share-link{
	position: relative;
	display: inline-block;
	margin: 0 10px;
}
.share-link .iconfont{
	color: #FFFFFF;
	font-size: 32px;
}
.share-link .icon-qqcopy:hover{
	color: #0990ca;
}
.share-link .icon-weixin:hover{
	color: #00d105;
}
.share-link .icon-weibo:hover{
	color: #e32428;
}
.share-link .icon-zhihu:hover{
	color: #0078d7;
}
.share-link .icon-tian7_facebook:hover{
	color: #3b5998;
}
.share-wx-link img{
	display: none;	
	padding: 5px;
	border-radius: 5px;
	background: #FFFFFF;
	width: 80px;
	height: 80px;
	min-width: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: -80px;
}
.share-wx-link:hover img{
	display: block;
}
.copyright{
	border-top: 1px solid #555555;
	padding: 15px 0;
	line-height: 20px;
	color: #999999;
}
.breadcrumb-box{
	background: #FFFFFF;
	color: #666666;
	font-size: 12px;
	padding:0 10px;
}
.breadcrumb-box a{
	font-size: 12px;
	color: #666666;
}
.breadcrumb-box .main{
	height: 30px;
	line-height: 30px;
}
.breadcrumb-box .iconfont{
	margin-right: 5px;
	color: #ffaf3e;
}
.breadcrumb-box .cur{
	color: #ffaf3e;
}
.navbar-game{
	background: #ffaf3e;
	border: 0;
	margin-bottom: 0;
	padding: 12px 0;
	min-height: auto;
	border-bottom: 2px solid #ff9500;
}
.nav>li>a:focus, .nav>li>a:hover{
	background: transparent;
}
.navbar-logo{
	display: block;
	font-size: 0;
}
.navbar-nav>li{
	padding:10px;
}
.navbar-nav>li>a{
	padding: 0 15px;
	line-height: 32px;
	border-radius: 32px;
}
.navbar-nav>li.active>a{
	background: #9a600e;
	color: #FFFFFF;
}
.navbar-nav>li>a:hover{
	color: #9a600e;
}
.navbar-nav>li.active>a:hover{
	color: #fff;
}
.navbar-form{
	float: left;
	padding: 0;
	margin: 8px 20px;
	position: relative;
}
.navbar-form .form-control{
	width: 155px;
	border: 0;
	background: #9a600e;
	color: #fff;
	border-radius: 40px;
	text-indent: 26px;
}
.navbar-form .iconfont {
	position: absolute;
	left:12px;
	top: 50%;
	color: #dc850a;
	margin-top: -9px;
}
.navbar-form .form-control::placeholder{
	color: #ede5dd;
}
.navbar-toggle .icon-bar{
	background: #9a600e;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height: 600px;
}
.nav-avatar{
	float: left;
}
.nav-care{
	float: right;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	padding: 5px 0
}
.nav-care .iconfont{
	font-size: 26px;
	color: #9a600e
}
.nav-care p{
	color: #9a600e
}
.care-dropdown{
	border:0;
	border-radius: 6px;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.3)
}
.care-box{
	width: 260px;
	overflow: hidden;
}
.care-box>img{
	width: 78px;
	height: 78px;
	float: left;
	margin-right: 10px;
}
.care-col{
	overflow: hidden;
}
.care-col .text{
	font-size: 18px;
	font-weight: bold;
	color: #ff9908;
	margin-bottom: 10px;
}
.care-col .desc{
	font-size: 14px;
	margin-bottom: 10px;
	color: #666;
}
.care-col .share-link{
	margin: 0 2px;
}

.care-col .share-link .icon-qqcopy{
	color: #0990ca;
}
.care-col .share-link .icon-weixin{
	color: #00d105;
}
.care-col .share-link .icon-weibo{
	color: #e32428;
}
.care-col .share-link .icon-zhihu{
	color: #0078d7;
}
.care-col .share-link .icon-tian7_facebook{
	color: #3b5998;
}
.care-dropdown{
	top: 128%;
	right: -15px;
}
.care-dropdown:after{
	width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #fff;/*透明 透明  灰*/
	content: '　';
	display: block;
	position: absolute;
	top: -8px;
	right: 20px;

}

.navbar-collapse{
	border-top: 0;
	box-shadow: inset 0 0 0 rgba(255,255,255,0);
}
.wrap{
	padding-top: 30px;
	padding-bottom: 60px;
	overflow: hidden;
}
.col-panel{
	background: #FFFFFF;
}
.g-list-row{
	padding: 0 30px;
	overflow: hidden;
	margin-right: -5px;
    margin-left: -5px;
}
.g-list-row>div{
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #e5e5e5;
	margin-top: -1px;
	padding-left: 0;
	padding-right: 0;
}
.g-list-box{
	width: 140px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.g-list-box img{
	width: 140px;
	height: 140px;
	border-radius: 30px;
}
.g-list-box h3{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.g-list-box p{
	font-size: 16px;
	color: #8b8b8b;
}

.g-list-box .g-tit{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.g-list-box .g-desc{
	font-size: 16px;
	color: #8b8b8b;
}

.g-list-row .g-line{
	height: 1px;
	background: #e5e5e5;
	width: 100%;
	float: left;
}
.col-main-bg{
	background: #FFFFFF;
}
/*攻略*/
.col-header{
	position: relative;
	padding:20px;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #E5E5E5;
}
.col-in-tit{
	position: relative;
	display: inline-block;
	padding-left: 16px;
	color: #ffaf3e;
}
.col-in-tit:after{
	content: '　';
	background: #ffaf3e;
	width: 6px;
	border-radius: 6px;
	height:26px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
}
.col-list{
	padding:10px 20px;
}
.col-list li{
	padding: 20px 0;
	border-bottom: 1px solid #E5E5E5;
}
.col-list li:last-child{
	border-bottom: 0;
}
.col-title{
	line-height: 25px;
	margin-bottom: 10px;
}
.col-title a{
	font-size: 20px;
	font-weight: bold;
}
.col-meta{
	overflow: hidden;
	margin-bottom: 10px;
	color: #999999;
}
.col-meta .author{
	color: #59baf8;
}
.col-photo img{
	display: block;
	width: 100%;
}
.col-photo{
	margin-bottom: 15px;
}
.col-desc{
	margin-bottom: 15px;
	color: #666666;
	line-height: 2;
	text-indent: 28px;
}
.col-inner-foot{
	overflow: hidden;
	color: #cccccc;
}
.col-inner-foot span{
	height: 20px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
.icon-pinglun:before{
	display: inline-block;
	vertical-align: middle;
}
.col-inner-foot .link{
	color: #ffaf3e;
}
.sm-panel{
	background: #FFFFFF;
	margin-bottom: 20px;
}
.ad260{
	margin-bottom: 20px;
}
.ad260 a{
	display: block;
	font-size: 0;
}
.ad260 a img{
	width: 100%;
}
.sm-panel-header{
	padding: 15px 10px;
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
}
.spanel-tit{
	float: left;
	line-height: 20px;
}
.spanel-tit span{
	display: inline-block;
	margin-right: 5px;
}
.spanel-tit .iconfont{
	color: #ffaf3e;
	font-size: 18px;
}
.spanel-tit .t{
	font-size: 18px;
}
.sm-panel-header .panel-more{
	display: inline-block;
	float: right;
	line-height: 20px;
}
.sm-panel-header .panel-num{
	display: inline-block;
	float: right;
	line-height: 20px;
	font-size: 16px;
}
.sm-body{
	padding: 10px;
	overflow: hidden;
}
.r-game-list{
	overflow: hidden;
}
.r-game-list li{
	width: 33.33%;
	float: left;
	text-align: center;
}
.r-gbox{
	display: block;
	padding: 8px 0;
}
.r-gbox img{
	width: 44px;
	height: 44px;
	border-radius: 6px;
}
.r-gbox p{
	line-height: 1.2;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tags-list{
	margin: 0 -8px;
	overflow: hidden;
}
.tags-list li{
	padding: 6px 8px;
	float: left;
}
.tags-list li .tag-item{
	display: inline-block;
	border: 1px solid #bfbfbf;
	border-radius: 40px;
	line-height: 28px;
	padding: 0 15px;
}
.tags-list li .tag-item:hover{
	background: #ffaf3e;
	color: #FFFFFF;
	border:1px solid #ffaf3e
}
.sm-list li{
	padding: 8px 0;
}
.sm-list a{
	position: relative;
	display: block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sm-r-list a{
	padding-left: 30px;
}
.sm-r-list a .nn{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #ecf0f1;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
}
.sm-r-list li:nth-child(1) a .nn{
	background: #e84c3d;
	color: #FFFFFF;
}
.sm-r-list li:nth-child(2) a .nn{
	background: #e84c3d;color: #FFFFFF;
}
.sm-r-list li:nth-child(3) a .nn{
	background: #e84c3d;color: #FFFFFF;
}
.sm-r-list li:nth-child(4) a .nn{
	background: #ffa119;color: #FFFFFF;
}
.sm-r-list li:nth-child(5) a .nn{
	background: #ffa119;color: #FFFFFF;
}
.t-game-list .t-gbox{
	display: block;
	overflow: hidden;
}
.t-game-list .t-gbox .t-pic{
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 6px;
	float: left;
	margin-right: 10px;
}
.t-intro{
	overflow: hidden;
}
.t-gbox .t-intro h4{
	font-size: 14px;
	line-height: 24px;
}
.t-raty{
	line-height: 14px;
}
.t-raty img,
.t-raty span{
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
	color: #999999;
	font-size: 0px;
}
.t-raty span{
	font-size: 16px;
}
.t-game-list{
	padding: 5px 0;
}
.t-game-list li{
	padding: 8px 15px;
}
.col-t-list>li{
	padding: 20px;
	overflow: hidden;
	background: #FFFFFF;
	margin-bottom: 20px;
}
.t-list-pic{
	display: block;
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 15px;
}
.t-list-pic img{
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 22px;
}
.t-list-intro{
	overflow: hidden;
}
.t-list-intro h4{
	padding: 5px 0;
	line-height: 22px;
}
.t-list-intro h4,h1 {
	display: block;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-view{
	color: #999999;
	font-size: 12px;
	margin-bottom:6px;
}
.t-list-intro .t-raty{
	padding:7px 0;
}
.t-care{
	color: #999;
	line-height: 20px;
}
.qz-list li{
	padding: 10px 0;
	border-bottom: 1px solid #E5E5E5;
}
.qz-list li:last-child{
	border-bottom: 0;
}
.qz-h{
	font-size: 14px;
	color: #999999;
	margin-bottom: 5px;
}
.qz-foot{
	overflow: hidden;
}

.qz-foot .qz-time{
	height: 26px;
	line-height: 26px;
	float: left;
	color: #999999;
	font-size: 12px;
}
.qz-foot .qz-link{
	display: block;
	float: right;
	border: 1px solid #cfd0dc;
	border-radius: 4px;
	height: 26px;
	line-height: 24px;
	padding: 0 7px;
	font-size: 12px;
}
.qz-desc{
	margin-bottom: 10px;
}
.col-ask-list li{
	background: #FFFFFF;
	margin-bottom: 20px;
	padding: 20px;
}
.c-ask-header{
	position: relative;
	margin-bottom: 5px;
}
.c-ask-title{
	line-height: 25px;
}
.c-ask-title a{
	font-size: 18px;
}
.c-guan{
	color: #ffaf3e;
	font-size: 16px;
	line-height: 25px;
	padding-left: 25px;
	float: right;
	margin-left: 10px;
	background: url(../images/guan.png) left center no-repeat;
}
.c-ask-desc{
	color: #666666;
	margin-bottom: 10px;
	line-height:1.8;
}
.c-ask-footer{
	overflow: hidden;
}
.c-ask-footer .btn-zan{
	display: block;
	float: left;
	line-height: 20px;
	color: #cccccc;
}
.c-ask-footer .c-time{
	display: block;
	float: right;
	color: #999999;
	line-height: 20px;
}
.c-ask-footer .btn-zan i{
	font-style: normal;
}
.c-ask-footer .btn-zan.active{
	color: #ffaf3e;
}

/*详情*/
.g-info-grid{
	position: relative;
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.t-text{
	color: #999999;
}
.t-list-ft{
	margin-top: 5px;
}
.t-list-ft .btn-download{
	width: 130px;
	height: 40px;
	line-height: 26px;
	font-size: 16px;
	background: #ffaf3e;
	color: #FFFFFF;
}
.grid-raty{
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(../images/starbg.png) no-repeat;
	width: 46px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-align: center;
}
.tabs-wrap{
	background: #FFFFFF;
}
.grid-tabs{
	position: relative;
	height: 50px;
	background: #FFFFFF;
}
.grid-tabs:after{
	content: '　';
	position: absolute;
	height: 2px;
	background:#ffaf3e;
	left: 0;
	right: 0;
	bottom: 0;
}
.grid-tabs li{
	position: relative;
	width: 33.33%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	cursor: pointer;
}
.grid-tabs li a{
	position: relative;
	display: block;
	height: 50px;
	z-index: 1;
}
.grid-tabs li a:before{
	width: 1px;
	height: 22px;
	background: #ffaf3e;
	content: '　';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
}
.grid-tabs li:last-child a:before{
	display: none;
}
.grid-tabs li.active a:after{
	content: '　';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 50px;
	border-top:2px solid #ffaf3e;
	border-left:1px solid #ffaf3e;
	border-right:1px solid #ffaf3e;
}
.grid-tabs li.active a{
	background: #FFFFFF;
}
.tab-info-content{
	padding: 0 30px;
}
.g-in-cell{
	padding: 30px 0;
	border-bottom: 1px solid #E5E5E5;
}
.g-in-cell h3{
	position: relative;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 15px;
}
.g-in-cell h3:after{
	width: 8px;
	height: 8px;
	background: #ffaf3e;
	border-radius: 8px;
	content: '　';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.g-in-cell{
	color: #666666;
	line-height: 2;
}
.g-info-list{
	overflow: hidden;
}
.g-info-list li{
	padding: 10px 0;
	width: 33.33%;
	float: left;
}
.g-info-list li .hd{
	color: #333333;
}
.g-info-list li .bd{
	color: #999999;
}
.swiper-in-container{
	margin-top: 20px;
}
.swiper-pagination-bullet{
	opacity: 1;
	background: #FFFFFF;
}
.swiper-pagination-bullet-active{
	background: #fa6807;
	width: 20px;
	border-radius: 30px;
}
.g-in-cell:last-child{
	border-bottom: 0;
}
.art-main{
	background: #fff;
	margin-bottom: 20px;
	padding: 20px;
}
.art-title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.art-body{
	line-height: 2;
}
.art-body p{
	line-height: 2;
	margin-bottom: 20px;
}
.art-body p:last-child{
	margin-bottom: 0;
}
.art-main .col-meta{
	margin-bottom: 20px;
}
.art-comment{
	background: #fff;
	padding: 0 20px;
}
.rel-tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	margin-bottom: 5px;
}
.rel-tit a{
	font-size: 14px;
}
.rel-desc{
	color: #666666;
	line-height: 1.6;
	font-size: 13px;
}
.rel-ask .rel-tag{
	height: 20px;
	line-height: 18px;
	background: #ffe7c5;
	color: #9a600e;
	font-size: 12px;
	padding: 0 6px;
	margin-right: 5px;
	border-radius: 4px;
}
.rel-ask li{
	padding: 10px 0;
	border-bottom: 1px solid #EEEEEE;
}
.rel-ask li:last-child{
	border-bottom: 0;
}
.rel-art-list li{
	padding: 10px 0;
	border-bottom: 1px solid #EEEEEE;
}
.rel-art-list li:last-child{
	border-bottom: 0;
}
.rel-art-tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	margin-bottom: 10px;
} 
.rel-art-desc{
	color: #666666;
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 10px;
}
.rel-art-ft{
	overflow: hidden;
	color: #999999;
	font-size: 13px;
}
.rel-art-ft span{
	display: block;
	line-height: 1.4;
}
.rel-art-ft .rel-author{
	float: left;
}
.rel-art-ft .rel-time{
	float: right;
}
.sm-search{
	position: relative;
	background: #FFFFFF;
	padding: 10px;
	margin-bottom: 20px;
}
.sm-search .sm-input{
	height: 35px;
	line-height: 33px;
	width: 100%;
	border: 1px solid #EEEEEE;
	padding: 0 12px;
	outline: none;
}
.sm-search .btn-search{
	width: 35px;
	height: 35px;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	background: transparent;
	color: #999999;
}
.comment-foot{
	overflow: hidden;
	margin-top: 12px;
}
.comment-foot .link-face{
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
}
.comment-foot .link-face .iconfont{
	font-size: 22px;
	color: #ffaf3e;
}
.comment-foot .btn-publish{
	background: #ffaf3e;
	color: #FFFFFF;
	border-radius: 0;
	padding: 0 6px;
	display: block;
	height: 30px;
	line-height: 30px;
	float: right;
}
.comment-header{
	color: #666;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px 0;
	border-bottom: 1px solid #E5E5E5;
}
.comment-header .c-tit{
	float: left;
	line-height: 20px;
}
.comment-header .c-tips{
	float: right;
	line-height: 20px;
}
.comment-body .form-control{
	padding: 10px;
	resize: none;
	height: 80px;
	box-shadow: 0 0 0 transparent;
	border: 1px solid #E5E5E5;
}
.comment-wrap{
	margin-top: 20px;
}
.ku-panel{
	background: #FFFFFF;
	margin-bottom: 20px;
}
.ku-header{
	border-bottom: 1px solid #EEEEEE;
	padding: 0 20px;
	overflow: hidden;
}
.ku-tit{
	position: relative;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
}
.ku-tit:after{
	content: '　';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: #ffaf3e;
	bottom: 0;
}
.ku-tit .iconfont{
	font-size: 20px;
	color: #ffaf3e;
}
.ku-more{
	display: block;
	float: right;
	line-height: 50px;
}
.ku-body{
	overflow: hidden;
}
.ku-list{
	padding: 10px 15px;
	overflow: hidden;
}
.ku-list li{
	padding: 10px 5px;
	float: left;
	width: 33.33%;
}
.ku-in-box{
	text-align: center;
	display: block;
	font-size: 0;
}
.ku-in-box p{
	font-size: 14px;
	line-height: 18px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ku-in-box img{
	width: 80px;
	height: 80px;
	border-radius: 20px;
}
.ku-player-list .ku-in-box img{
	border-radius: 120px;
}
.ku-in-box .ku-box-tit .iconfont{
	color: #ffaf3e;
}
.zt-list{
	overflow: hidden;
	padding: 9px;
}
.zt-list li{
	text-align: center;
	padding: 9px;
}
.zt-list-box{
	display: block;
}
.t-title{
	margin-bottom: 10px;
}
.t-title a,
.t-title span,
.t-title img{
	line-height: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
.t-title a{
	font-size: 16px;
	margin-right: 15px;
}
.toplist-cells .t-list-intro .t-raty{
	margin-bottom: 0;
}
.t-summary{
	overflow: hidden;
	color: #999999;
	font-size: 14px;
	line-height: 1.8;
}
.t-summary .t-close,
.t-summary .t-show{
	display: block;
	line-height: 1.8;
	float: right;
	font-size: 14px;
	color: #ffaf3e;
}
.t-summary .t-close .iconfont{
	display: inline-block;
	transform: rotateX(180deg);
}
.toplist-cells .list-cell{
	position: relative;
	background: #FFFFFF;
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left:60px;
}
.toplist-pic{
	float: left;
	margin-right: 20px;
}
.t-all{
	display: none;
}
.t-number{
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position:center;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	position: absolute;
	left: 20px;
	top: 32px;
	font-family: arial;
	background-size: contain;
}

.toplist-cells li:nth-child(1) .t-number{
	background-image: url(../images/crown1.png);
	line-height: 1111px;
}
.toplist-cells li:nth-child(2) .t-number{
	background-image: url(../images/crown2.png);
	line-height: 1111px;
}
.toplist-cells li:nth-child(3) .t-number{
	background-image: url(../images/crown3.png);
	line-height: 1111px;
}
.list-more{
	padding-top: 20px;
	text-align: center;
}
.list-more a{
	display: inline-block;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	border-radius: 50px;
	width: 100px;
	text-align: center;
	border:1px solid #ffaf3e;
}
.toplist-pic img{
	width: 44px;
	height: 44px;
	border-radius: 10px;
}
.tt-header{
	text-align: center;
	margin-bottom: 30px;
}
.top-tabs{
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0 10px;
}
.top-tabs li{
	float: left;
	width: 50%;
	padding:10px;
}
.top-tabs li a{
	position: relative;
	display: block;
	font-size: 10px;
	color: #666666;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	border-bottom: 2px solid #ffaf3e;
}
.top-tabs li.active a:after{
	display: block;
	content: '　';
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	height: 40px;
	border: 2px solid #ffaf3e;
}
.top-tabs li.active a{
	overflow: hidden;
	background: #ffaf3e;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.col-page{
	text-align: center;
	padding-top: 50px;
}
.col-page a,
.col-page span,
.col-page i{
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}
.col-page a{
	background: #fff;
	border-radius: 34px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 34px;
	border:1px solid #cccccc;
}
.col-page a:hover{
	background: #ffb042;border:1px solid #ffb042;
	color: #fff;
}
.col-page a.cur{
	border:1px solid #ffb042;
	color: #ffb042;
}
.page-info{
	color: #999;
}
.p-input{
	background: #fff;
	border-radius: 34px;
	width: 56px;
	height: 36px;
	outline: none;
	text-align: center;
	line-height: 34px;
	border:1px solid #cccccc;
}
/*评论框*/
.commnet-cells{
	margin-top: 20px;
}
.commnet-list li{
	overflow: hidden;
	padding: 25px 0;
	border-top: 1px solid #e5e5e5;
}
.commnet-list .c-avatar{
	display: block;
	float: left;
	width: 50px;
	margin-right: 15px;
}
.commnet-list .c-avatar img{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}
.comment-col-main{
	overflow: hidden;
}
.c-header{
	margin-bottom: 10px;
}
.c-header span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.c-header .c-name{
	font-size: 16px;
}
.c-header .c-time{
	font-size: 14px;
	color: #999;
}
.c-content{
	font-size: 14px;
	color: #555555;
	line-height: 2;
}
.replay-box{
	position: relative;
	background: #f4f4f4;
	padding: 20px;
	margin-top:20px;
}
.replay-box:after{
	width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #f4f4f4;/*透明 透明  灰*/
    position:absolute;
    content: '　';
    left: 20px;
    top: -10px;
}
.rep-content{
	color: #666;
	line-height:1.6;
}
.replay-name{
	margin-bottom: 10px;
	font-size: 16px;
}
/*问答详情*/
.wenda-main{
	background: #FFFFFF;
	padding: 25px;
}
.wenda-title{
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 10px;
}
.wenda-desc{
	color: #666666;
	margin-bottom: 20px;
	line-height: 1.8;
}
.wenda-foot{
	height: 34px;
}
.wenda-foot .btn-answer{
	background: #ffaf3e;
	color: #FFFFFF;
	font-size: 15px;
	width: 90px;
	text-align: center;
}
.wd-time{
	display: inline-block;
	float: right;
	color: #999999;
	line-height: 34px;
}
.wenda-header{
	margin-bottom: 40px;
}
.answer-cells{
	position: relative;
}
.answer-cell{
	position: relative;
	padding: 25px 0;
	border-top: 1px solid #E5E5E5;
}
.an-avatar{
	position: relative;
	display: block;
	height: 40px;
}
.answer-cell .an-avatar{
	margin-bottom: 10px;
}
.an-avatar img{
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-right: 10px;
}
.an-avatar .an-intro{
	overflow: hidden;
}
.an-intro h4{
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
}
.an-intro p{
	color: #999999;
	font-size: 12px;
	line-height: 1.4;
}
.an-intro .an-name{
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
}
.an-intro .an-id{
	color: #999999;
	font-size: 12px;
	line-height: 1.4;
}
.an-intro .an-time{
	color: #999999;
	font-size: 12px;
	line-height: 1.4;
}
.answer-desc{
	color: #666666;
	line-height: 1.8;
	margin-bottom: 10px;
}
.answer-ft .btn-zan{
	color: #cccccc;
}
.answer-ft .btn-zan .iconfont{
	font-size: 18px;
}
.answer-ft .btn-zan.active{
	color: #ffaf3e;
}
.an-title{
	background: #FFFFFF;
	line-height: 30px;
	position: absolute;
	top: -15px;
	z-index: 1;
	padding-right: 15px;
	font-size: 18px;
	color: #888888;
}
.best-box{
	padding: 0 7px;
	border:1px solid #ff0000;
	border-radius: 5px;
	color: #ff0000;
	font-size: 16px;
	height: 30px;
	line-height: 28px;
	position: absolute;
	top: 30px;
	right: 0;
}
/*个人中心*/
.no-tips{
	color: #CCCCCC;
	padding: 20px 0;
	text-align: center;
}
.user-list li{
	padding: 10px;
}
.sm-flex{
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
}
.sm-flex-list{
	overflow: hidden;
}
.sm-flex-list li{
	position: relative;
	width: 33.33%;
	float: left;
	text-align: center;
}
.sm-flex-list li .num{
	font-size: 20px;
	margin-bottom: 5px;
}
.sm-flex-list li .txt{
	color: #666666;
	font-size: 16px;
}
.sm-flex-list li:after{
	width: 1px;
	height: 40px;
	background: #e5e5e5;
	display: block;
	position: absolute;
	right: 0;
	top:50%;
	content: '　';
	margin-top: -20px;
}
.sm-flex-list li:last-child:after{
	display: none;
}
.m-panel{
	padding: 0 20px;
	background: #FFFFFF;
	margin-bottom: 20px;
}
.m-panel-header{
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #E5E5E5;
}
.m-panel-header .panel-more{
	float: right;
	line-height: 20px;
}
.m-inner-cell{
	padding: 20px 0;
	border-bottom: 1px solid #E5E5E5;
}
.m-inner-cell:last-child{
	border-bottom: 0;
}
.m-inner-header{
	overflow: hidden;
	margin-bottom: 20px;
}
.m-inner-header .m-tit{
	position: relative;
	line-height: 20px;
	padding-left: 16px;
	font-size: 18px;
	float: left;
}
.m-tit:after{
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #ffaf3e;
	content: '　';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.m-inner-more{
	display: block;
	float: right;
	line-height: 20px;
}
/*个人中心  提问*/
.m-ask-list{
	overflow: hidden;
}
.m-ask-list li a{
	position: relative;
	padding-left: 60px;
	display: block;
	line-height: 20px;
}
.aks-tag{
	display: inline-block;
	width: 50px;
	height: 18px;
	border-radius: 3px;
	line-height: 18px;
	background: #ffe7c5;
	color: #9a600e;
	font-size: 10px;
	text-align: center;
}
.m-ask-list li a .aks-tag{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 18px;
	border-radius: 3px;
	line-height: 18px;
	background: #ffe7c5;
	color: #9a600e;
	font-size: 10px;
	text-align: center;
}
.m-ask-list li a .tag-ing{
	background: #ffc5c5;
	color: #9a0e0e;
}
.ask-time{
	color: #999999;
}

.m-ask-list li{
	margin-bottom: 20px;
	position: relative;
}
.m-ask-list li:last-child{
	margin-bottom: 0;
}
/*个人中心，回答列表*/
.m-replay-list li{
	position: relative;
	padding-left: 60px;
	margin-bottom: 20px;
}
.m-replay-list  .rep-tag{
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 50px;
	height: 18px;
	border-radius: 3px;
	line-height: 18px;
	background: #ffe7c5;
	color: #9a600e;
	font-size: 10px;
	text-align: center;
}
.m-rep-title{
	margin-bottom: 5px;
}
.m-rep-title a{
	font-size: 16px;
}
.m-rep-desc{
	color: #666666;
}
.m-rep-time{
	color: #999999;
	font-size: 13px;
}
.m-in-list{
	overflow: hidden;
	margin: 0 -10px;
}
.m-in-list li{
	width: 33.33%;
	float: left;
	padding: 6px 0;
}
.m-firs-cell{
	border-bottom: 0;
}
.m-firs-cell .m-inner-header{
	padding-bottom: 15px;
	border-bottom: 1px solid #E5E5E5;
}
.t-list-pic .m-avatar{
	border:1px solid #E5E5E5;
	border-radius: 120px!important;
}
.t-mheader{
	padding: 10px 0;
}
.t-mheader span{
	display: inline-block;
	vertical-align: middle;
}
.t-mheader .t-name{
	font-size: 16px;
}
.icon-nan{
	color: #007ef4;
}
.icon-nv{
	color: #e46d75;
}
.m-panel .g-info-grid{
	position: relative;
	padding: 20px 0;
	padding-bottom: 0;
}
.t-list-ft .btn-link{
	background: #ffaf3e;
	color: #FFFFFF;
	border-radius: 4px;
}
.m-panel .g-info-grid .t-text{
	margin-bottom: 20px;
}
.swiper-slide img{
	width: 100%;
}
/*首页*/ 
.index-box-body{
	overflow: hidden;
	padding: 20px;
}
.box-image-text .box-pic{
	display: block;
}
.box-pic img{
	display: block;
}
.box-image-text .box-text{
	padding: 14px 10px 0 10px;
	line-height: 1.2;	
}
.zt-swiper .swiper-pagination{
	bottom: 50px;
}
.images-text-list li{
	margin-bottom: 20px;
	border:1px solid #E5E5E5;
}
.images-text-list li:last-child{
	margin-bottom: 0;
}
.ht-space{
	height: 20px;
}
.images-text-list li .box-image-text .box-text{
	padding-bottom: 14px;
}
/*首页====友情链接*/
.flinks-box-body{
	padding: 10px;
}
.flinks-list{
	overflow: hidden;
}
.flinks-list li{
	padding: 10px;
	float: left;
}
.flinks-list li a{
	line-height: 18px;
	display: block;
}
/*首页侧边*/
.gl-body{
	padding: 0 20px;
}
.gl-cell{
	padding: 20px 0;
	border-bottom:1px solid #E5E5E5;
}
.gl-cell:last-child{
	border-bottom: 0;
}
.gl-box{
	display: block;
	height: 44px;
	margin-bottom: 10px;
}
.gl-box .t-pic{
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	float: left;
	margin-right: 10px;
}
.gl-box .t-intro{
	overflow: hidden;
}
.gl-box .t-intro .t-name{
	font-size: 14px;
	line-height: 24px;
}
.gl-list{
	margin: 0 -3px;
}
.gl-list li{
	padding: 5px 0;
}
.gl-list li a{
	position: relative;
	display: block;
	line-height: 22px;
	padding-left: 8px;
}
.gl-list li a:before{
	width: 6px;
	height: 6px;
	background: #333333;
	border-radius: 6px;
	content: '　';
	position: absolute;
	left: 0;
	top: 9px;
}
.gl-list li a:hover{
	color: #009bfe;
}
.gl-list li a:hover:before{
	background: #009bfe;
}
.sm-comment-list{
	padding: 0 15px;
}
.sm-comment-list li{
	padding: 15px 0;
	border-bottom: 1px solid #E5E5E5;
}
.sm-comment-list li:last-child{
	border-bottom: 0;
}
.gl-comment{
	height: 60px;
	line-height: 20px;
	color: #666666;
	padding-left: 20px;
	background:url(../images/dunhao.png) 0 5px no-repeat;
}
.sm-tabs{
	background: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}
.sm-tabs li{
	width: 33.33%;
	float: left;
	text-align: center;
}
.sm-tabs li a{
	position: relative;
	display: block;
	padding: 12px 0;
	font-size: 16px;
	color: #666666;
}
.sm-tabs li a .iconfont{
	font-size: 18px;
}
.sm-tabs li.active a{
	color: #ffaf3e
}
.sm-tabs li.active a:after{
	content: '　';
	height: 4px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	background: #ffaf3e;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/*首页 侧边 tab*/
.t-toplist-list li{
	position: relative;
	padding-left: 30px;
}
.t-toplist-list .item-order{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	color: #999999;
	font-size: 18px;
	font-family:Myriad Pro Regular,arial;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.t-toplist-list li:nth-child(1) .item-order{
	background-image: url(../images/sm-crown1.png);
	text-indent: -1111px;
}
.t-toplist-list li:nth-child(2) .item-order{
	background-image: url(../images/sm-crown2.png);
	text-indent: -1111px;
}
.t-toplist-list li:nth-child(3) .item-order{
	background-image: url(../images/sm-crown3.png);
	text-indent: -1111px;
}
.waterfull{
	
}
.waterfull li{
	margin: 10px 0;
}
.water-box{
	width: 330px;
	background: #FFFFFF;
}
.anli-header{
	overflow: hidden;
	padding: 20px;
	display: block;
	border-bottom: 1px solid #E5E5E5;
}
.anli-header .al-avatar{
	display: block;
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 10px;
	margin-right: 10px;
}
.anli-header .t-name{
	font-size: 20px;
	line-height: 22px;
	padding: 5px 0;
}
.anli-body{
	padding: 15px;
}
.anli-pic{
	margin-bottom: 10px;
}
.anli-desc{
	position: relative;
	margin-bottom: 10px;
	color: #666666;
	line-height: 1.7;
	padding-left: 16px;
	padding-right: 12px;
}
.anli-desc:after,
.anli-desc:before{
	display: block;
	content: '　';
	position: absolute;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.anli-desc:after{
	right: 0;
	bottom: 2px;
	background-image: url(../images/mh-2.png);
}
.anli-desc:before{
	left: 0;
	top: 2px;
	background-image: url(../images/mh-1.png);
}
.anli-ft{
	overflow: hidden;
}
.anli-ft .anli-comment{
	float: left;
	height: 20px;
	color: #999999;
}
.anli-ft .anli-comment .iconfont{
	font-size:18px;
	margin-right: 4px;
}
.anli-ft .anli-link{
	display: block;
	float: right;
	line-height: 20px;
	color: #009cff;
	font-size: 18px;
}
.anli-ft .anli-link:hover{
	text-decoration: underline;
}
.loading{
	padding: 20px;
	text-align: center;
}
.loading img{
	width: 40px;
}

@media only screen and (min-width: 700px) {
	.wenda-title{
		font-size: 24px;
	}
	.col-page a{
		margin: 0 2px;
	}
	.ku-list li{
		width: 25%;
	}
	.zt-list li{
		width: 33.33%;
		float: left;
	}
	.t-number{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
		left: 20px;
		top: 52px;
	}
	.toplist-pic img{
		width: 88px;
		height: 88px;
		border-radius: 10px;
	}
	.toplist-cells .list-cell{
		padding-left: 80px;
	}
	.top-tabs li{
		float: left;
		width: auto;
		padding:0px;
	}
	.top-tabs{
		position: relative;
		padding: 0;
		height: 42px;
		border-bottom: 0;
	}
	.top-tabs:after{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 2px;
		content: '　';
		background: #ffaf3e;
	}
	.top-tabs li a{
		display: block;
		height: 42px;
		padding: 0 20px;
		border-bottom: 0;
		position: relative;
		z-index: 11;
	}
	/*.top-tabs li a:before{*/
		/*display: block;*/
		/*width: 1px;*/
		/*height: 22px;*/
		/*background: #ffaf3e;*/
		/*position: absolute;*/
		/*right: 0;*/
		/*top: 50%;*/
		/*margin-top: -11px;*/
		/*content: '　';*/
	/*}*/
	.top-tabs li.active a:after{
		height: 42px;
		border-top: 2px solid #ffaf3e;
		border-left:1px solid #ffaf3e;
		border-right:1px solid #ffaf3e;
		border-bottom: 2px solid #ffaf3e;
	}
	.navbar-collapse{
		float: left;
	}
}

@media only screen and (min-width: 1200px) {
	
	.t-list-ft .btn-link{
		width: 94px;
		height: 40px;
		line-height: 40px;
		padding: 0;
		font-size: 15px;
	}
	.m-in-list li{
		width: 20%;
	}
	.m-rep-time{
		position: absolute;
		right: 0;
		top: 3px;
		line-height: 16px;
	}
	.m-ask-list li .ask-time{
		position: absolute;
		line-height: 20px;
		right: 0;
		top: 0;
	}
	.c-content{
		font-size: 16px;
	}
	.page-info{
		margin-left: 20px;
	}
	.list-more a{
		display: inline-block;
		height: 50px;
		font-size: 18px;
		line-height: 48px;
		border-radius: 50px;
		width: 160px;
		text-align: center;
		border:1px solid #ffaf3e;
	}
	.t-summary{
		font-size: 16px;
	}
	.t-title a{
		font-size: 18px;
	}
	.zt-list-box img{
		width: 320px;
		height: 190px;
	}
	.ku-list li{
		width: 14.285714285714%;
	}
	.ku-in-box p{
		font-size: 16px;
	}
	.ku-in-box{
		width: 114px;
		margin: 0 auto;
	}
	.ku-in-box img{
		width: 114px;
		height: 114px;
		border-radius: 20px;
	}
	.ku-swiper{
		height: 400px;
	}
	.ku-swiper img{
		height: 400px;
	}
	.col-main{
		width: 760px;
		float: left
	}
	.col-sidebar{
		width: 260px;
		float: right;
	}
	.navbar-nav>li>a{
		font-size: 16px;
	}
	.navbar-nav{
		margin-left: 70px;
	}
	.navbar-form{
		margin:8px 20px;
	}
	body{
		padding-top: 78px;
	}
}
@media only screen and (max-width: 1000px) {
	
	.nav-care{
		position: absolute;
		top: 5px;
		right: 90px;
	}
	.c-ask-title a{
		font-size: 16px;
	}
	.col-sidebar{
		margin-top: 30px;
		padding: 0 20px;
	}
	.g-list-box img{
		width: 100px;
		height: 100px;
	}
	.navbar-logo{
		margin-left: 15px;
		float: left;
	}
	.navbar-logo img{
		height: 34px;
	}
	.navbar-toggle{
		margin-top: 0;
		margin-bottom: 0;
	}
	.col-t-list .t-list-pic{
		width: 100px;
		height: 100px;
	}
	.col-t-list .t-list-pic img{
		width: 100px;
		height: 100px;
	}
	
}

@media (max-width: 700px) {
	.nav-care{
		right: 70px;
	}
	.m-rep-desc{
		margin-bottom: 5px;
	}
	.m-ask-list li .ask-time{
		margin-top: 5px;
		text-align: right;
	}
	.page-info{
		margin-top: 20px;
	}
	.t-list-ft .btn-download{
		width: 100px;
		font-size: 10px;
		padding:6px 0;
		height: 34px;
		line-height: 1.2;
	}
	.g-info-grid .t-list-pic{
		width: 100px;
	}
	.g-info-grid .t-list-pic img{
	    display: block;
	    width: 100px;
	    height: 100px;
	    border-radius: 22px;
	}
	.wrap{
		padding-top:15px;
		padding-bottom: 30px;
	}
}

@media (max-width: 420px) {
	.water-box{
		margin: 0 auto;
	}
	.waterfull{
		margin: 0 auto;
	}
	.waterfull li{
		margin-left: 8px;
	}
}

/*登陆注册*/
.in-panel{
	background: #fff;
}
.in-panel-header{
	border-bottom: 1px solid #e5e5e5;
	padding:20px;
	line-height: 20px;
	font-size: 20px;
}
.in-panel-body{
	padding: 25px;
}
.in-logo{
	padding: 20px 0;
	text-align: center;
}
.form-group{
	position: relative;
	margin-bottom: 20px;
}
.form-code-group{
	padding-right: 80px;
}
.link-code{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.form-control{
	height: 40px;
	box-shadow: inset 0 0 0 rgba(0,0,0,0)
}
.form-main .form-link{
	color: #ffaf3e;
}
.form-checkbox{
	overflow: hidden;
	padding:10px 0 15px 0;
}
.form-checkbox label{
	float: left;
	line-height: 20px;
	color: #999;
}
.form-checkbox>.form-link{
	display: block;
	float: right;
	line-height: 20px;
}
.form-main .btn-default,
.form-main .btn-default:active{
	height: 50px;
	width: 100%;
	font-size: 18px;
	border:0;
	background: #ffaf3e;
	color: #fff;
}
.other-account{
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 30px;
}
.other-account li{
	width: 33.33%;
	float: left;
	text-align: center;
}
.o-link{
	display: inline-block;
}
.o-link .iconfont{
	font-size: 42px;
}
.form-footer{
	color: #999;
	text-align: center;
}
.o-link .icon-qqcopy{
	color: #1296db;
}
.o-link .icon-weixin{
	color: #5ac64f;
}
.o-link .icon-weibo{
	color: #ee1515;
}
.formcode{
	height: 20px;
	padding: 0 15px;
	position: absolute;
	right: 0;
	top: 10px;
	color: #ffaf3e;
	outline: none;
	background: transparent;
	border:0;
	border-left: 1px solid #eee
}
.formcode:disabled{
	color: #999;
}
.user-settings-section{
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    max-width: 700px;
    text-align: left;
    border-bottom: 1px solid #eee;
}
.user-settings-section:last-child{
	border-bottom: 0;
}
.settings-section-contents .form-group{
	overflow: hidden;
}
.settings-section-contents{
	color: #777
}
.settings-section-contents .form-group>div{
	float: left
}
.settings-section-title{
	margin-bottom: 15px;
	font-size: 16px
}
.settings-section-contents .btn-default,
.settings-section-contents .btn-default:active{
	width: 100px;
	height: 40px;
	font-size: 16px;
	border:0;
	background: #ffaf3e;
	color: #fff;
}
.control-label{
	display: block;
	line-height: 40px;
	color: #999;
	margin-bottom: 0;
	font-weight: normal;
}
.form-sm-control{
	width: 30%;
	margin-right: 3.33%;
	float: left;
}
.user-avatar{
	position: relative;
	width: 130px;
	height: 130px;
	border-radius: 130px;
	overflow: hidden;
	margin:20px auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.user-avatar img{
	width: 130px;
	height: 130px;
	border-radius: 130px;
}
.user-avatar:after{
	display: block;
	content: '　';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
}
.upload-box{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-top: -30px;
	margin-left: -30px;
	cursor: pointer;
	background: url('../images/photo.png') center no-repeat;
	z-index: 111;
	overflow: hidden;
}
.upload-box input{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	cursor: pointer;
}
.sex-label{
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
	height: 40px;
	line-height: 38px;
	width: 80px;
	overflow: hidden;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.sex-label input{
	position: absolute;
	left: -100px;
	opacity: 0;
}
.sex-label .iconfont{
	font-size: 20px;
	color: #999;
}
.sex-label:first-child.active{
	border: 1px solid #007ef4;
}
.sex-label:last-child.active{
	border: 1px solid #e46c74;
}
.sex-label:first-child.active .icon-nan{
	color: #007ef4;
}
.sex-label:last-child.active .icon-nv{
	color: #e46d75;
}
.update-file-main .btn-default,
.update-file-main .btn-default:active{
	height: 50px;
	width: 120px;
	font-size: 17px;
	border:0;
	background: #ffaf3e;
	color: #fff;
}




@media (min-width: 750px) {
	.control-label{
		text-align: right;
	}
	.settings-section-title{
		float: left
	}
	.settings-section-contents{
		width: 400px;
		float: right;
	}

	.form-main{
		width: 380px;
		margin: 0 auto;
	}
	.in-logo{
		padding: 40px 0;
		text-align: center;
	}
}