p{font-size:14px;color:#222}
body{background:url(../images/body_bg1.jpg)}
/*header start*/
.App-header {
background-color: #fff;
border-bottom: 1px solid #0091ea;
height: 100px;
}

.App-header img {
margin-left: 10%;
float: left;
}
.App-header .nav{
float: right;
margin-right: 20%;
margin-top: 50px;
font-size: 16px !important;
}
.App-header .nav li{
float: left;
padding-left:35px;
}
/*header end*/

.home_banner{
margin-bottom:30px;
}

/*直播 start*/
.container .ico{
width: 26px;
height: 28px;
display: inline-block;
}

.container h2 .icon-208{
background-position: -690px 0;
background-image: url("../images/home_icons.png");
}
.container h2 .icon-209{
background-position: -598px 0;
background-image: url("../images/home_icons.png");
}
.container h2{color: #0091ea;}
.container p{margin-top:0px}
.container p font{border-bottom: 2px solid #0091ea;padding-bottom: 10px;color:#0091ea;}
.home_play_item{
margin:10px 10px 10px 0;
padding-left: 15px;
}

.home_play_item img{
width: 329px !important;
height: 200px;
border: 1px solid #0091ea;
}
.home_play_item img:hover{
background:#0091ea;
opacity: 0.8;
content:'进入直播间';
}
.home_play_item_title{
width: 100%;
padding: 10px 30%;
text-align: center !important;
background: #0091ea;
color:#fff;
display: flex;
}

.home_ad img{
width: 100%;
border-radius:8px;
margin: 20px 0;
}
/*直播 end*/


/*左侧固定导航 satrt*/
.float_leftNav{
width: 175px;
z-index: 9999;
left: 8%;
top: 30%;
position: fixed;
background: url("../images/leftNav.png") no-repeat;
padding: 125px 10px 10px 10px;
border-radius: 8px;
color: #fff;
}
.float_leftNav h4{
color:#fff;
text-align: center;
border-bottom: 1px solid #fff;
}
.float_leftNav li{
border-bottom: 1px dotted #fff;
line-height:25px;
}
.float_leftNav a{color:#fff}
/*左侧固定导航 end*/

/*底部 start*/
.foot{
background: #0091ea;
height: 350px;
}

.foot_top{
height:210px;
}

.foot_item{
float: left;
width: 25%;
color: #222;
height: 150px;
display: inline;
margin: 30px 0;
text-align: center;
border-right: 1px solid #fff;
}

.foot_item:last-child{
border-right:none;
}

.foot_bottom{
padding-top: 10px;
width: 100%;
text-align: center;
color:#fff;
}
.foot_bottom a{
color:#fff;
}
.foot_bottom ul{
margin-top:30px;
padding-left:30%;
}

.foot_bottom li{
float:left;
width:20%;
padding:0 5%;
border-right:1px solid #fff;
}

.foot_bottom li:last-child{
border-right:none;
}

.foot_bottom p{
clear: both;
color:#fff;
font-size: 14px;
font-weight:normal;
margin:0;
padding-top: 10px;
}
/*底部 end*/


/*文章详情 start*/
.layout_padding h2{
padding-left:45%;
color: #222;
border-bottom: 1px solid #f0f0f0;
width:100%;
}

.layout_padding .div_page{
font-size: 14px;
color: #222;
line-height: 10px !important;
margin-top:30px;
}

.layout_padding .div_page p{
line-height: 20px !important;
}
/*文章详情 end*/

/*登录 start*/
.phone,.pass{
border: 1px solid #f0f0f0;
background: #fff;
border-radius: 8px;
margin-top: 10px;
padding: 10px;
}
.popular_text{
color:#222;
font-size:20px;
font-weight: bold;
}
.submit{
border-radius: 8px;
background: #0091ea !important;
border-color:#0091ea !important;
margin-top:20px;
}
.divlogin{
background: #fff;
text-align: center;
padding:20px;
border:1px solid #f0f0f0;
border-radius:8px;
box-shadow: 10px 5px 5px #ccc;
}
.js-btn{
color:#0091ea !important;
}
/*登录 end*/

/*个人中心 start*/
.headers{
clear: both;
}

.accordion{
max-width: 100% !important;
}

.accordion .photo a{
display: block;
display:inline-block;
height:88px
height: 88px;
padding: 10% 30%;
}

.herszhezhao{
width: 80px;
height: 80px;
border-radius: 44px 44px 44px 44px;
border-style: solid;
border-width: 2px;
border-color: #0091ea;
}

.accordion .photo p{
width: 100%;
overflow: hidden;
line-height: 20px !important;
}

.Leftlayout{
width: 260px !important;
}
.homepage{

}
/*个人中心 end*/