/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@media screen and (min-width: 320px) { .films .con { font-size: 20px !important;} }
@media screen and (min-width: 375px) { .films .con { font-size: 18px !important; } }
@media screen and (min-width: 414px) { .films .con { font-size: 16px !important; } }

/*************************登录注册*****************/
.popuper { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 88888;}
.popuper-container { width: 1000px; margin: auto; margin-top: 300px; height: 100%; text-align: center; vertical-align: middle; position: relative; }
.login-tit,.reg-tit{
    padding: 1rem 0rem;
    font-size: 1.5rem;
}
.login-btn,.reg-btn{
    padding: 1.5rem 0rem;
}
.login-btn>button,.reg-btn>button{
    padding: 0.5rem 1.5rem;
    font-size: 0.85rem;
}
.login-tip>a,.reg-tip>a{
    display: block;
    width: 45%;
    padding-bottom: 1rem;
    color: #002c99 !important;
}
.login-con>div,.reg-con>div{
    padding: 0.5rem 0rem;
}
.login-con>div>span,.reg-con>div>span{
    display: inline-block;
    width: 17%;
    height: 1rem;
}
.login-con>div>input,.reg-con>div>input{
    width: 60%;
    height: 2rem;
    padding-left: 0.75rem;
}
.tips{
    color: orangered;
    padding-bottom: 1rem;
}

/**/
.register{
    width: 50%;
    margin: auto;
    background-color: #f9f8f8;
    border: 1px solid #e5e5e5;
}

/*************************登录注册*****************/

body{
	width:1200px;
	margin:0 auto;
	text-align:center;
	font-family: "微软雅黑";
}
.head{
	 width:100%;
	 height:133px;
	 /*background:url(../images/logo.png) no-repeat center center;*/
}
a{
	color: #3c3a4a;
	text-decoration:none;
}
a:link {
	color: #3c3a4a;
	text-decoration: none;
}
a:visited {
	color: #3c3a4a;
	text-decoration: none;
}
a:hover {
	color: #3c3a4a;
	text-decoration: none;
}
a:active {
	color: #3c3a4a;
	text-decoration: none;
}
.clear {
	clear:both;
}
/************导航*/
.nav_left{
	width:220px;
	height:25px;
	text-align:left;
	margin-top:54px;
	float:left;
	font-size: 18px;
	overflow:hidden;
}
.nav_left img{vertical-align:bottom;}
.nav_middle{
    width: 300px;
    float: left;
    margin-top: 40px;
}
.nav_right{
	width:220px;
	height:25px;
	margin-top:54px;
	text-align:right;
	line-height: 25px;
	float:right;
	font-size: 18px;
	overflow:hidden;
}
.nav_right img{
    vertical-align:bottom;
}
.nav_change a{
	color: #359770;
	text-decoration:none;
}
/***********分类*/
.cat{
    width: 100%;
	height:50px;
	line-height:50px;
	text-align:left;
	padding-left:15px;
	border: 1px solid #e2e2e2;
	margin-bottom: 15px;
}
.cat a{
    display: block;
    height: 50px;
	margin-right:15px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #494949;
	float:left;
}
.cat .heave{
    font-weight: bold;
    color: #359770;
}
.cat .right {
	margin-right:5px;
	display: block;
	float:right;
}
/***********轮播*/
.carousel{
	width:1200px;
	height:500px;
}
.carousel-indicators {
position: absolute; /*整个计数区域绝对定位*/
bottom: 10px; /*距容器carousel底部10px*/
z-index: 15; /*设置其在Z轴的层级*/
/*让整个计数区水平居中*/
left: 50%;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #FFF;
border-radius: 10px;
}
/*设置当前状态样式*/
.carousel-indicators .active {
width: 14px;
height: 14px;
margin: 0;
background-color: #359770;
border: 1px solid #359770;
}
/***********分栏title*/
.index_fen_title1{
	width: 1200px;
	height: 50px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	position:relative;
}
.index_fen_title{
	width: 1200px;
	height: 150px;
	line-height:150px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	position:relative;
}
.index_fen_title .more{
	float:right;
	width:60px;
	height:30px;
	margin-top:60px;
	line-height:28px;
	font-size:12px;
	font-weight:100;
	color:#b7b7b8;
	border: 1px solid #b7b7b8;
	border-radius: 15px;
	position:absolute;right:1px;
}
.title .more{
    float: right;
    width:60px;
	height:22px;
	margin-top:3px;
	line-height:20px;
	font-size:12px;
	font-weight:100;
	color:#b7b7b8;
	border: 1px solid #b7b7b8;
	border-radius: 15px;
}

/***********面包削*/
.panko{
    position:absolute;
    left:1px;
	font-size:12px;
	font-weight:100;
}
/***********首页星IP*/
.index_xing {
    width: 100%;
    margin-top: 15px;
}
.index_xing .list {
    width: 170px;
    height: 80px;
    float: left;
    text-align: center;
}
.index_xing .list img {
    width: 130px;
    height: 70px;
    /*border-radius: 140px;*/
    border: 1px solid #ccc;
}
.index_xing .list .title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
}
/***********首页 新闻*/
.index_news {
    width: 100%;
}
.index_news .title{
    text-align: center;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 5px;
}
.index_news .left {
    width: 595px;
    padding:0px 50px;
    float: left;
    border-right: 2px solid #359770;
}
.index_news .right {
    width: 595px;
    padding:0px 50px;
    float: left;
}
.index_news .list {
    text-align: left;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    width: 495px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-inline-box;
}
.index_news .list a{
    display: block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*新闻列表页*/
.newslist .list{
    text-align: left;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    width: 1200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-inline-box;
}
.newslist .list a{
    display: block;
    width: 1200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newslist .list a span{
   float: right;
   margin-right: 15px;
}
.newslist .list a:hover{
    color: #359770;
}
/**/
.index_news .list #newsdate{
    margin-left: 10px;
}
.index_news .list a:hover{
    color: #359770;
}
.index_news .list img {
    width: 150px;
    height: 100px;
    margin-right: 25px;
    float: left;
}
.index_news .list .title {
    width: 100%;
    height: 40px;
    line-height: 120%;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}
.index_news .list .con {
    width: 100%;
    height: 50px;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
}
.index_news .list .con img {
    width: 10px;
    height: 10px;
    margin-left: 15px;
    float: none;
}
.index_news .b2 {
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.index_news .b1 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.index_news .b4 {
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.index_news .b3 {
    border: 1px solid #e5e5e5;
}

/***********首页 游戏*/
.index_game {
    width: 1230px;
	margin-left:-10px;
    margin-top: 15px;
}
.index_game .list {
    width: 285px;
    height: 280px;
    margin: 10px;
    padding: 15px 0 15px 0;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 10px #e2e2e2;
}
.index_game .list img {
    width: 250px;
    height: 150px;
    margin-bottom: 15px;
}
.index_game .list .title {
    width: 250px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.index_game .list .con {
    width: 250px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
}

/***********首页 商店*/
.index_shop {
    width: 100%;
}
.index_shop .box{
    width: 1200px;
	height:468px;
	box-shadow: 0px 0px 10px #e2e2e2;
}
.index_shop .list{
	display:inline-block;
	position:relative;
	float:left;
}
.index_shop .list img{
   position:absolute; bottom:15px; right:15px; z-index:9;
}
.index_shop .list .title{
    position:absolute; top:15px; left:15px; z-index:10;
}
.index_shop .left{
    width: 265px;
	height:468px;
	float:left;
	border-right: 1px solid #e5e5e5;
}
.index_shop .left img{
    width: 265px;
	height:340px;
	margin-bottom: 15px;
}
.index_shop .left .title{
    width: 220px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.index_shop .left .con{
    width: 220px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
}
.index_shop .center{
    width: 705px;
	float:left;
}
.index_shop .one{
    width: 470px;
	height:234px;
}
.index_shop .two{
    width: 235px;
	height:234px;
}
.index_shop .right{
    width: 230px;
	float:right;
}
.index_shop .three{
    width: 230px;
	height:156px;
}
.index_shop .three img{
   position:absolute; width:100px; height:100px; bottom:15px; right:15px; z-index:9;
}
/***********首页 影视*/
.index_films {
    width: 100%;
    margin-top: 15px;
}
.index_films .list {
    width: 366px;
    /*height: 360px;*/
	display:inline-block;
	position:relative;
    padding: 10px 0 10px 0;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 10px #e2e2e2;
    margin-right: 50px;
}
.index_films .list:last-child{
    margin-right: 0px;
}
.index_films .list img {
    width: 340px;
    height: 210px;
    margin-bottom: 15px;
}
.index_films .list .title {
    width: 310px;
    margin-left:20px;
    line-height: 150%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.index_films .list .con {
    width: 310px;
    margin-left:20px;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
}
.index_films .list .con img {
    width: 10px;
    height: 10px;
	position:absolute; top:268px; right:15px; z-index:9;
    float: none;
}
.index_films .marginc {
   margin: 0 50px 0 50px;
}
/***********影视*/
.films {
    width: 100%;
    margin-top: 15px;
}
.films .box{
    width:100%;
	height:500px;
	padding:15px;
	border: 1px solid #e2e2e2;
}
.films .left{
    float:left; width:630px;margin-right:15px;
}
.films .right{
	display:inline-block;
	position:relative;
    float:right;
    width:500px;
    height:500px;
}
.films {
    width: 100%;
    margin-top: 15px;
}
.films .iocn {
	float:left;
	margin-right:20px;
}
.films .iocn img{
    width: 90px;
    height: 90px;
    border-radius: 10px;
}
.films .title{
	float:left;
    width: 310px;
	height:30px;
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.films .title1{
    float:left;
    width: 310px;
	height:30px;
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.films .xing{
    float:left;
    width: 310px;
	height:30px;
    line-height: 30px;
    text-align: left;
}
.films .con{
    width: 100%;
	padding:15px;
	padding-left:5px;
	padding-right:35px;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
}
.films .but{
    width: 100%;
	height:100px;
    line-height: 100px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.bdsharebuttonbox{
	position:absolute; bottom:55px;
}
.bdsharebuttonbox span{
	float:left;
	margin-left:80px;
	margin-right:80px;
	font-size: 30px;
	font-weight: 50;
	color:#e3e3e3;
}

/***********banner*/
.banner {
    width: 100%;
    margin-top: 15px;
}
/***********login*/
.login {
    width: 50%;
    margin: auto;
    margin-top: 15px;
	background-color:#f9f8f8;
	border: 1px solid #e5e5e5;
}
.login .box{
	margin:auto;
	width: 470px;
	height:500px;
}
.login input{
	width: 370px;
	height:50px;
	border:none;
	/*color:#e2e2e2;*/
}
.login .title{
    margin:20px;
    line-height: 150%;
    text-align: center;
    font-size: 24px;
    font-weight: 150;
}
.login .name{
	margin:auto;
    width: 470px;
	height:52px;
	text-align:left;
    margin-top: 15px;
	padding-left:62px;
	border: 1px solid #e2e2e2;
	font-size: 18px;
	background-image:url(../images/login_name.png);
	background-repeat:no-repeat;
	background-color:#FFF;
}
.login .pass{
    margin:auto;
    width: 470px;
	height:52px;
	text-align:left;
    margin-top: 15px;
	padding-left:62px;
	border: 1px solid #e2e2e2;
	font-size: 18px;
	background-image:url(../images/login_pass.png);
	background-repeat:no-repeat;
	background-color:#FFF;
}
.login .yzm{
    margin:auto;
    width: 470px;
	height:52px;
	text-align:left;
    margin-top: 15px;
	padding-left:62px;
	border: 1px solid #e2e2e2;
	font-size: 18px;
	background-image:url(../images/login_yzm.png);
	background-repeat:no-repeat;
	color:#e2e2e2;
	background-color:#FFF;
	margin-bottom:15px;
}
.login .txt_left{
	float:left;
	text-align:left;
}
.chk_1 {
    display: none;
}
.chk_1 + label {
    background-color: #FFF;
    border: 1px solid #C1CACA;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
	margin-right:15px;
}
.chk_1 + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chk_1:checked + label {
    background-color: #FFF;
    border: 1px solid #92A1AC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #243441;
}

.chk_1:checked + label:after {
    content: '\2714';
    position: absolute;
    top: 0px;
    left: 0px;
    color: #359770;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 1px 0 0 0;
    vertical-align: text-top;
}

.login .txt_right{
    float:right;
	width:50%;
	text-align:right;
}
.login .but {
	margin:auto;
    width: 210px;
    height: 65px;
    margin-top: 25px;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    font-weight: 150;
    background-color: #359770;
    color: #ffffff;
}
.login .reg{
    display: block;
	margin:auto;
	width: 210px;
    height: 65px;
	line-height:65px;
	text-align: center;
	font-size: 14px;
	background-color:#FFF;
}
/*********** 星IP 商店*/
.xing_shop {
    width: 1230px;
	margin-left:-10px;
}
.xing_shop .list {
    width: 270px;
    height: 419px;
    margin: 18px;
    padding: 15px;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 15px #e2e2e2;
}
.xing_shop .list img {
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}
.xing_shop .list .title {
    width: 200px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.xing_shop .list .con {
    width: 200px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
}
.xing {
    width: 1230px;
	margin-left:-10px;
}
.xing .list {
    width: 220px;
    height: 319px;
    margin: 10px;
    padding: 15px;
    float: left;
    text-align: center;
}
.xing hr {
    width:20%;margin:auto; margin-top:15px;height:1px;border:none;border-top:2px solid #9acbb7;
}
.xing .list img {
    width: 200px;
    height: 200px;
    margin-bottom: 5px;
}
.xing .list .title {
    width: 200px;
    margin: auto;
    line-height: 150%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.xing .list .con {
    width: 200px;
    margin: auto;
    line-height: 150%;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
}
/*分组轮播*/
.pad_010{
	margin:auto;
	width:900px;
	height:150px;
	background-color:#FFF;
}
.pad_010 .pic img {
	margin:15px;
    width: 110px;
    height: 110px;
    border-radius: 110px;
}
.pad_010 .carousel-indicators {
position: absolute; /*整个计数区域绝对定位*/
bottom: 10px; /*距容器carousel底部10px*/
z-index: 15; /*设置其在Z轴的层级*/
/*让整个计数区水平居中*/
left: 50%;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
background-color:#FFF;
}
.pad_010 .left {
	background-image:none;
	background-color:#FFF;
	padding-top:50px;
}
.pad_010 .right {
	background-image:none;
	background-color:#FFF;
	padding-top:50px;
}
/***********首页 商店*/
.shop {
    width: 100%;
}
.shop .left{
    width: 600px;
	height:300px;
	border: 1px solid #e2e2e2;
	float:left;
}
.shop .left img{
    width: 598px;
	height:298px;
}
.shop .list{
	width:300px;
	height:300px;
	display:inline-block;
	position:relative;
	float:left;
}
.shop .list img{
	width:200px;
	height:200px;
   position:absolute; bottom:25px; left:50px; z-index:9;
}
.shop .list .title{
    position:absolute; top:15px; left:15px; z-index:10;
	font-size: 16px;
    font-weight: 150;
}
/***********新闻*/
.news {
    width: 100%;
}
.news_box {
    width: 1230px;
	margin-left:-10px;
    margin-top: 15px;
}
.news_box .list {
    width: 285px;
    height: 360px;
    margin: 10px;
    padding: 15px 0 15px 0;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 10px #e2e2e2;
}
.news_box .list img {
    width: 250px;
    height: 150px;
    margin-bottom: 15px;
}
.news_box .list .title {
    width: 220px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 5px;
}
.news_box .list .con {
    width: 220px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
	margin-bottom: 15px;
}
.news_box .list .but{
    width: 220px;
    margin: auto;
    line-height: 150%;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
    color: #359770;
	margin-bottom: 15px;
}
.news_box .list .but a{
    font-size: 14px;
    font-weight: 100;
    color: #359770;
}
.news_box .list .time {
    width: 220px;
    margin: auto;
    line-height: 150%;
    text-align: left;
	font-size:12px;
	font-weight:100;
	color:#ccc;
}
.news .content .title{
	width: 1200px;
	height: 30px;
	line-height:30px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
.news .content .time{
	width: 1200px;
	height: 30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	font-weight:100;
	color:#ccc;
}
.news .content .con{
	clear:both;
	text-align:left;
}
/***********列表 游戏*/
.game {
    width: 100%;
}


/***********page*/
.page {
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	line-height:50px;
	min-width:50px;
	max-width:250px;
	height:50px;
}
.page a{
    display: block;
    width: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    font-weight: 100;
    color: #a0a0a0;
	float:left;
}
.page .heave{
    font-weight: bold;
    color: #000000;
}
.page .left {
	background-image:none;
	background-color:#FFF;
	float:left;
}
.page .right {
	background-image:none;
	background-color:#FFF;
	float:right;
}
/***********foot*/
.foot {
    width: 100%;
    margin-top: 15px;
}
.foot .list1 {
	margin:auto;
    width: 50%;
    height: 1px;
    background: #ccc;
}
.foot .list2 {
	height:50px;
	margin:auto;
	line-height:50px;
	text-align:center;
}
.foot .list2 a{
    margin:20px;
    line-height: 150%;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
	color:#5a5a5a;
}
.foot .list3 {
	margin:auto;
	line-height:150%;
	text-align:center;
	font-size: 12px;
    font-weight: 100;
	color:#5a5a5a;
}

.www{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/www.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 2px;
}