@CHARSET "UTF-8";

body{
	padding: 6.25rem 0 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.load_more{
	border: 1px solid #4daaf5;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	color: #4daaf5;
	height: 40px;
	line-height: 40px;
}

.video_play{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    background: url(../img/play.png) no-repeat;
    z-index: 1;
}

.video_play_s{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background: url(../img/play.png) no-repeat;
    z-index: 1;
	background-size: 30px 30px;
}

.section{
	display: flex;
}

.clear {
	clear: both;
}

h1{
	font-size: 60px;
    letter-spacing: 8px;
    line-height: 48px;
}

h2{
	font-size: 24px;
    line-height: 34px;
    letter-spacing: 2px;
}

h3{
	font-size: 18px;
    line-height: 26px;
    letter-spacing: 2px;
}

h4{
	color: #5f5f5f;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 20px;
    margin-top: .375rem;
    overflow: hidden;
	font-weight: normal;
}

.left_nav{
	background-color: #fff;
    display: block;
    height: 100vh;
    width: 250px;
    left: -250px;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    z-index: 11222;
    color: #000;
}

.left_nav .close_btn{
	color: #000;
    cursor: pointer;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    right: 0;
    line-height: 0;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    position: absolute;
    width: 1.25rem;
}

.left_nav ul{
	margin-top: 20px;
}

.left_nav ul li{
	margin: 0 1.25rem;
	border-bottom: .0625rem solid #000;
	height: 50px;
	line-height: 50px;
}

.dropdown_nav_user_info{
    position: absolute;
    border-radius: 4px;
    width: 278px;
    top: 55px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
	left: -137px;
	background: rgba(0,0,0,.8);
	z-index: 99999;
	padding: 10px;
	display: none;
}

.dropdown_nav_user_info .avatar_arrow{
	position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #000;
    left: 253px;
    top: -12px;
}

.dropdown_nav_user_info .line_1{
	height: 50px;
	line-height: 50px;	
	padding: 0 10px;
}

.dropdown_nav_user_info .line_1 .avatar{
	float: left;
}

.dropdown_nav_user_info .line_1 .avatar img{
	width: 40px;
	height: 40px;
}

.dropdown_nav_user_info .line_1 .nickname{
	float: left;
	margin-left: 10px;
}

.dropdown_nav_user_info .line_1 .btn_logout{
	float: right;
}

.dropdown_nav_user_info .line_1 .btn_logout a{
	color: #FFF;
	letter-spacing: 1px;
}

.dropdown_nav_user_info .line_2{
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
}

.dropdown_nav_user_info .line_2 .vip{
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: left;
}

.dropdown_nav_user_info .line_2 .vip .vip_line_1{
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}

.dropdown_nav_user_info .line_2 .vip .vip_line_2{
	font-size: 12px;
	height: 25px;
	line-height: 25px;
}

.dropdown_nav_user_info .line_2 .vip_btn{
	float: right;
}

.dropdown_nav_user_info .line_2 .vip_btn a{
	color: #FFF;
}

.dropdown_nav_user_info .line_3{
	padding: 0 10px;
}

.dropdown_nav_user_info .line_3 .title{
	font-size: 14px;
	text-align: left;
}

.dropdown_nav_user_info .line_3 ul{
	
}

.dropdown_nav_user_info .line_3 ul li{
	float: left;
	width: 33%;
}

.dropdown_nav_user_info .line_3 ul li img{
	margin-bottom: 10px;
	margin-top: 20px;
}

.dropdown_nav_user_info .line_3 ul li .t1{
	font-size: 12px;
}

.login_bg{
	background-image: url("http://img.media360.vip/login_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 800px;
}

.login_box{
	width: 460px;
	margin: 0 auto;
	padding-top: 6.25rem;	
}

.login_box .note{
	color:#B3B3B3;
	font-size: 12px;
	margin-bottom: 10px;
}

.login_box .title{
	text-align: center;
	line-height: 1em;
    letter-spacing: -.008em;
    font-size: 36px;
    font-weight: 900;
    font-style: normal;
    text-transform: none;
    margin: 0 0 1.25rem;
    color: #000;
}

.login_box .form_box{
	background: #fff;
    padding: 1.875rem;
	margin: 0 auto;
}

.login_box .line-break{
    display: flex;
    flex-basis: 100%;
    align-items: center;
    margin: 1.5em 0;
}

.login_box .line-break span{
	line-height: 1.33em;
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    background: #fff;
    color: #000;
}

.login_box .line-break:before{
	margin: 0 20px 0 0;
    flex-grow: 1;
    background: #e5e5e5;
    height: 1px;
    content: "";
}

.login_box .line-break:after{
	margin: 0 0 0 20px;
    flex-grow: 1;
    background: #e5e5e5;
    height: 1px;
    content: "";
}

.login_box .third_btn_box{
	text-align: center;
}

.login_box .third_btn_box img{
	width: 32px;
}

.category_txt{
	margin-bottom: .3125rem;
	letter-spacing: .0875rem;
    line-height: .8125rem;
	color: #5f5f5f;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 0;
	height: 15px;
    overflow: hidden;
    line-height: 15px;
}

.masthead {
	background: rgba(0,0,0,.8);
    color: #fff;
    height: 100px;
    left: 0;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 15!important;
	padding-top: 10px;
}

.masthead .header{
	align-items: center;
    display: flex;
    height: inherit;
    justify-content: space-between;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 20px;
	height: 55px;
}

.masthead .header .logo{
    position: absolute;
    left: 48%;
}

.masthead .header .logo img{
	height: 35px;
}

.masthead .header .masthead_menu {
    background: url(../img/menu.svg) 0 0 no-repeat;
    height: 16px;
    width: 20px;
	border: 0;
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: normal;
}

.masthead_interactive {
    display: flex;
	color: #ccc;
	position: relative;
}

.masthead_interactive .search_box{
	float: right;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    text-align: right;
    cursor: pointer;
	margin-right: 50px;
}

.masthead_interactive a{
	color: #fff;
}

.masthead_interactive .search_box .masthead_search {
    width: 18px;
	border: 0;
    display: inline-block;

    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: normal;
}

.masthead_interactive .search_box .masthead_search i {
    color: #ccc;
    font-size: 18px;
}

.masthead_interactive .search_box .search-text{
	padding-left: 5px;
	font-weight: 500px;
}

.icon-search-glass {
    position: relative;
    display: inline-block;
    top: 2px;
    padding: 7px;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAA4klEQVR42sWUKw6EMBCGAYXAoLkBx+AkeExtD8MVloNgMXgchgSF+jZ0Z0UXWh4h2ZF/50vnHQR/N1JKGnpmZnoaStJjKEYz8WsTmtiHZbS4rCVzY4M4dShyEhJyFJ2owy5KLL8tVETWS0TFIr9uA0YLVuxGUwiqt5X8lKRy5l9JmewKU0pukROMJNfSlhsjKm+rlPFpbLE3Yu4Fc+PT2+JsxMQLJsZnfgi8Her54rweasfdAbg9cieHfNzdysO1Wq0mvLrIox/1nA5qL+o+VoSHqLMlz6BXr+4Xra8f7BWtCd+hCe/il3O+fgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
}

.user_login{
	float: right;
    height: 44px;    vertical-align: top;

    position: relative;
    cursor: pointer;
	line-height: 44px;
}

.user_login a {
	font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.masthead_nav {

    display: flex;
    height: 35px;
    justify-content: center;
    overflow: hidden;
    transition: all .2s ease-out;
}

.masthead_nav ul{
	display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

.masthead_nav ul li.masthead_nav_item{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.4px;
    line-height: 35px;
    margin: 0 15px;
    text-transform: uppercase;
}

.masthead_nav ul li.masthead_nav_item a{
	display: block;
    position: relative;
	color: #FFF;
	box-sizing: border-box;
}
.masthead_nav ul #nav_item_1:hover,.masthead_nav ul li.selected_1{
	border-bottom: 4px solid #ff5400;
}
.masthead_nav ul #nav_item_2:hover,.masthead_nav ul li.selected_2{
	border-bottom: 4px solid #ff8a00;
}
.masthead_nav ul #nav_item_3:hover,.masthead_nav ul li.selected_3{
	border-bottom: 4px solid #ffd200;
}
.masthead_nav ul #nav_item_4:hover,.masthead_nav ul li.selected_4{
	border-bottom: 4px solid #99dc09;
}
.masthead_nav ul #nav_item_5:hover,.masthead_nav ul li.selected_5{
	border-bottom: 4px solid #09dc80;
}
.masthead_nav ul #nav_item_6:hover,.masthead_nav ul li.selected_6{
	border-bottom: 4px solid #09c6dc;
}
.masthead_nav ul #nav_item_7:hover,.masthead_nav ul li.selected_7{
	border-bottom: 4px solid #1679f4;
}
.masthead_nav ul #nav_item_8:hover,.masthead_nav ul li.selected_8{
	border-bottom: 4px solid #1679f4;
}
.masthead_nav ul #nav_item_9:hover,.masthead_nav ul li.selected_9{
	border-bottom: 4px solid #db0bb3;
}
.masthead_nav ul #nav_item_10:hover,.masthead_nav ul li.selected_10{
	border-bottom: 4px solid #09dc80;
}
.masthead_nav ul #nav_item_11:hover,.masthead_nav ul li.selected_11{
	border-bottom: 4px solid #99dc09;
}
.masthead_nav ul #nav_item_12:hover,.masthead_nav ul li.selected_12{
	border-bottom: 4px solid #ff5400;
}

.home_carousel{
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
	width: 100%;
	height: 520px;
	
}

@media screen and (min-width:1280px){
	.home_carousel{
		height: 520px;
	}
}

@media screen and (min-width:800px) and (max-width:1280px){
	.home_carousel{
		height: 400px;
	}
}

.carousel-inner{
	height: 100%;
}

.home_carousel .carousel-item{
	background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.home_row{
	width: 1280px;
	overflow: hidden;
	margin-top: 50px;
	margin: 1.375rem auto 0;
}

.article_box{
	display: flex;
}

.article_box .left{
	flex: 0 0 66.66667%;
	padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.article_box .left .article_info{
	padding-bottom: 3.125rem;
}

.article_box .left .article_info .cover_img{
	margin-bottom: 1.1875rem;
	display: block;
	position: relative;
}

.article_box .left .article_info .cover_img img{
	width: 100%;
}

.article_box .left .article_info h2{
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 2px;
}

.article_box .right{
	flex: 0 0 33.33333%;
    max-width: 33.33333%;
	padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.article_box .right .slug_component{
	border-top: .1875rem solid #000;
	height: 60px;
	line-height: 60px;
}

.article_box .right .slug_component .slug{
	letter-spacing: .3rem;
    line-height: 3.75rem;
    font-size: 2.3125rem;
}

.article_box .right .scroll_box{
	border-top: 1px solid #ccc;
	overflow: scroll;
    overflow-x: hidden;
	height: 1090px;
	border-top: .1875rem solid #000;
}

.article_box .right ul.r_article_list{
	
}

.article_box .right ul.r_article_list li{
	border-top: .0625rem solid #ccc;
    padding: .625rem 0;
	overflow: hidden;
	display: flex;
}

.article_box .right ul.r_article_list li.f{
	border-top: 0;
}

.article_box .right ul.r_article_list li .info{
	flex: 1 1 100%;
}

.article_box .right ul.r_article_list li .info span{
	letter-spacing: .0875rem;
    line-height: .8125rem;
	color: #5f5f5f;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 .25rem;
    padding-left: 0;
}

.article_box .right ul.r_article_list li .info h2{
	font-size: 1rem;
    line-height: 25px;
    letter-spacing: .01875rem;
	padding-top: .375rem;
	max-height: 56px;
	overflow: hidden;
}

.article_box .right ul.r_article_list li .cover_img{
	flex: 0 0 calc(50% - 40px);
    margin-left: 1.25rem;
	position: relative;
}

.article_box .right ul.r_article_list li .cover_img img{
	width: 100%;
}

.home_row_col{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

.home_row_col .slug_component{
	border-top: .1875rem solid #000;
	margin: 0 auto;
	text-align: center;
	margin: 0 1.25rem;
}

.home_row_col .slug_component h2{
	font-size: 48px;
    letter-spacing: .5rem;
    line-height: 100px;
}

.home_row_col ul.aritlce_list{
	overflow: hidden;
	margin-top: 50px;
}

.home_row_col ul.aritlce_list li{
	float: left;
	width: 50%;
	padding: 0 1.25rem;
	margin-bottom: 1.6875rem;
}

.home_row_col ul.aritlce_list li .cover_img{
	margin-bottom: 1.1875rem;
	display: block;
	position: relative;
}

.home_row_col ul.aritlce_list li img{
	width: 100%;
}

.home_row_col1{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

.home_row_col1 .slug_component{
	border-top: .1875rem solid #000;
	margin: 0 auto;
	text-align: center;
	margin: 0 1.25rem;
}

.home_row_col1 .slug_component h2{
	font-size: 48px;
    letter-spacing: .5rem;
    line-height: 100px;
}

.home_row_col1 ul.aritlce_list{
	overflow: hidden;
}

.home_row_col1 ul.aritlce_list li{
	float: left;
	width: 25%;
	padding: 0 1.25rem;
	margin-bottom: 1.6875rem;
}

.home_row_col1 ul.aritlce_list li .cover_img{
	margin-bottom: 1.1875rem;
	display: block;
	position: relative;
}

.home_row_col1 ul.aritlce_list li img{
	width: 100%;
}

.home_row_col2{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

.home_row_col2 .slug_component{
	border-top: .1875rem solid #000;
	margin: 0 auto;
	text-align: center;
	margin: 0 1.25rem;
}

.home_row_col2 .slug_component h2{
	font-size: 48px;
    letter-spacing: .5rem;
    line-height: 100px;
}

.home_row_col2 .left{
	flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.home_row_col2 .right{
	flex: 0 0 33.33333%;
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    padding: .3125rem 0 0;
    position: relative;
    z-index: 1;
	padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.home_row_col2 .left ul.article_list{
	
}

.home_row_col2 .left ul.article_list li{
	border-bottom: .0625rem solid #ccc;
    padding: 1.25rem 0;
	display: flex;
}

.home_row_col2 .left ul.article_list li .info{
	flex: 1 1 100%;
}

.home_row_col2 .left ul.article_list li .cover_img{
	flex: 1 1 100%;
    margin-left: 2.5rem;
	position: relative;
}

.home_row_col2 .left ul.article_list li .cover_img img{
	width: 386.66px;
	height: 217.64px
}

.home_row_col2 .left ul.article_list li .info h4{
	overflow: hidden;
    max-height: 98px;
}

.more_btn{
	margin: 0 auto;
	width: 150px;
}

.more_btn a{
	font-size: .875rem;
    line-height: 31px;
    letter-spacing: .1125rem;
	background-color: #146fb9;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    height: 31px;
    display: block;
    margin: 2.1875rem auto 1.25rem;
}

.home_row_col3{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

.home_row_col3 .slug_component{
	border-top: .1875rem solid #000;
	margin: 0 auto;
	text-align: center;
	margin: 0 1.25rem;
}

.home_row_col3 .slug_component h2{
	font-size: 48px;
    letter-spacing: .5rem;
    line-height: 100px;
}

.home_row_col3 ul.aritlce_list{
	overflow: hidden;
	margin-top: 40px;
	min-height: 300px;
}

.home_row_col3 ul.aritlce_list li{
	float: left;
	width: 33%;
	padding: 0 1.25rem;
	margin-bottom: 1.6875rem;
}

.home_row_col3 ul.aritlce_list li .cover_img{
	margin-bottom: 1.1875rem;
	display: block;
	position: relative;
}

.home_row_col3 ul.aritlce_list li img{
	width: 100%;
}

.home_row_col3 h3{
	height: 52px;
	overflow: hidden;
}

.home_row_col3 ul.category1_list{
	margin: 0 1.25rem;
	height: 40px;
}

.home_row_col3 ul.category1_list li{
	float: left;
	text-align: center;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #cccccc;
	cursor: pointer;
}

.home_row_col3 ul.category1_list li a{
	font-size: 16px;
}

.home_row_col3 ul.category1_list li.selected{
	border-bottom: 3px solid #000;
}

.home_row_col3 ul.category1_list li.selected a{
	font-weight: 700;
}

.home_row_col3 ul.category2_list{
	margin: 10px 1.25rem;
	height: 30px;
}

.home_row_col3 ul.category2_list li{
	float: left;
	text-align: center;
	width:120px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.home_row_col3 ul.category2_list li div{
	font-size: 14px;
}

.home_row_col3 ul.category2_list li.selected{
	background-color: #cccccc;
	border-radius: 10px;
}

.home_row_col3 ul.category2_list li.selected div{
	font-weight: 700;
}

.page_article_list{
	
}

.page_article_list .title{
	max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
}

.page_article_list .title .slug_component{
	max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
}

.page_article_list .title .slug_component .slug{
	font-size: 3.75rem;
    letter-spacing: .5rem;
    line-height: 3rem;
	padding-top: 1.5625rem;
    margin-bottom: 0;
    padding-bottom: 0;
	font-weight: 400;
	margin-top: 1.5rem;
}

.page_article_info{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

.page_article_info .left{
	flex: 0 0 58.33333%;
    max-width: 58.33333%;
    margin-left: 8.33333%;
    padding-left: .1875rem;
    padding-right: .8125rem;
}

.page_article_info .left .time{
	margin-bottom: .0625rem;
	etter-spacing: .0875rem;
    line-height: .8125rem;
	color: #5f5f5f;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 .25rem;
    padding-left: 0;
}

.page_article_info .left .title{
	letter-spacing: .05937rem;
    font-size: 2.2rem;
    line-height: 3.25rem;
	margin-bottom: 1.2rem;
	font-weight: 700;
}

.page_article_info .left .des{
	line-height: 1.5rem;
    letter-spacing: .01312rem;
    font-weight: 300;
	color: #5f5f5f;
    margin: 0 0 1.3125rem;
}

.page_article_info .left .cover_img{
	margin-bottom: 33px;
	position: relative;
}

.page_article_info .left .cover_img img{
	width:100%;
}

.page_article_info .left .content_box{
	border-top: .0625rem solid #ccc;
	display:flex;
}

.page_article_info .left .content_box .social{
	flex: 0 0 4.125rem;
    margin-right: 2.5rem;
    padding-top: 1.875rem;
	opacity: 1;
    transition: opacity .2s ease-out;
}

.page_article_info .left .content_box .social ul{
    width: 66px;
	margin-top: 10px;
}

.page_article_info .left .content_box .social ul li{
	margin-bottom: 10px;
	text-align: right;
}

.page_article_info .left .content_box .content{
	flex: 1 1 37.5rem;
    max-width: 37.5rem;
}

.page_article_info .left .content_box .content .authoer{
	margin-bottom: 1.125rem;
	padding-top: 1.5rem;
	letter-spacing: .0875rem;
    line-height: .8125rem;
	color: #ef5b24;
	font-size: .8125rem;
    font-weight: 700;
}

.page_article_info .left .content_box .content .article_content{
	font-size: 16px;
    letter-spacing: .2px;
    line-height: 1.75rem;
}

.page_article_info .left .content_box .content .article_content p{
	font-size: 16px;
}

.page_article_info .left .content_box .content .article_content span{
	font-size: 16px;
}

.page_article_info .left .content_box .content .article_content img{
	width: 100%;
	margin: 10px 0;
}

.page_article_info .left .content_box .content .article_content iframe{
	height: 400px;
	width: 100%;
}

.page_article_info .right{
	flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    margin-top: .8125rem;
    padding-left: 1.625rem;
}

.setting_box{
	width: 460px;
	margin: 0 auto;
	padding: 40px 0;
}

.setting_box .title{
	font-size: 2.4rem;
    color: #333;
    margin-bottom: 40px;
	text-align: center;
}

.vip_box{
	width: 1280px;
    overflow: hidden;
    margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}

.vip_box .title{
	font-size: 80px;
	font-weight: bold;
	letter-spacing: 2px;
}

.vip_box .line1{
	margin-top:50px;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 2px;
}

.vip_box .line2{
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 2px;
}

.vip_box .line3{
	margin-top:50px;
	font-size: 20px;
	letter-spacing: 2px;
}

.vip_box .line3 .b{
	font-weight: bold;
	font-size: 40px;
}

.vip_box .line4{
	font-size: 20px;
	letter-spacing: 2px;
}

.vip_box .line5{
	font-size: 20px;
	letter-spacing: 2px;
}

.vip_box  ul{
	margin-top:50px;
}

.vip_box  ul li{
	float: left;
	width: 33%;
	padding:1px;
	
}

.vip_box  ul li img:hover{
	border: 1px solid #fff;
}

.vip_box  ul li img{
	width: 100%;
}

.pop_content{
	width: 110px;
}

.pop_content .qrcode{
	width: 100%;
}

.pop_content .qrcode img{
	width:100%;
}

.pop_content .txt{
	text-align: left;
	font-size: 12px;
}

.search_input{
	height: 56px;
	line-height: 56px;
	border: 0; 
	padding: 10px;
	webkit-box-shadow:none;
     box-shadow:none;
}

.search_input:focus{
	border-color:#fff;
    webkit-box-shadow:none;
    box-shadow:none;
}

.search_modal ul.aritlce_list{
	overflow: hidden;
	margin-top: 20px;
}

.search_modal ul.aritlce_list li{
	float: left;
	width: 33%;
	padding: 0 1.25rem;
	margin-bottom: 1.6875rem;
}

.search_modal ul.aritlce_list li .info_box{
	background-color: #fff;
	padding: 1.25rem;
	height: 160px;
	overflow: hidden;
}

.search_modal ul.aritlce_list li .info_box h3{
	margin-top: 8px;
}

.search_modal ul.aritlce_list li .cover_img{
	display: block;
	position: relative;
}

.search_modal ul.aritlce_list li img{
	width: 100%;
	height: 152px;
}

.footer{
	margin-top:20px;
	background-color: #000000;
	width: 100%;
	overflow: hidden;
	color:#FFFFFF;
	
}

.footer a{
	color:#ffffff;
}

.footer .footer_content{
	width: 1280px;
	margin: 0 auto;
	
}

.footer .footer_content .intro{
	float: left;
	width: 50%;
	padding-right: 50px;
}

.footer .footer_content .intro .intro_title{
	margin-top: 40px;
	font-size: 18px;
	font-weight: 900;
}

.footer .footer_content .intro .intro_content{
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	margin-top: 20px;
}

.footer .footer_content .link{
	float: left;
	width: 25%;
	padding-right: 20px;
}

.footer .footer_content .link .link_title{
	margin-top: 40px;
	font-size: 18px;
	font-weight: 900;
}

.footer .footer_content .link .link_ul{
	
} 

.footer .footer_content .link .link_ul li{
	float: left;
	width: 50%;
	line-height: 20px;
	margin-top: 20px;
}

.footer .footer_content .link .link_ul li a{
	font-size: 14px;
}

.footer .footer_content .more{
	float: left;
	width: 25%;
}

.footer .footer_content .more .more_title{
	margin-top: 40px;
	font-size: 18px;
	font-weight: 900;
}

.footer .footer_content .more ul{
	margin-top: 20px;
}

.footer .footer_content .more ul li{
	float: left;
	text-align: center;
}

.footer .footer_content .more .qrcode_img{
	
}

.footer .footer_content .more .qrcode_txt{
	margin-top: 10px;
	font-size: 14px;
}

.footer .footer_line{
	height: 1px;
	background-color: #FFF;
	width: 100%;
	margin-top: 30px;
}

.footer .footer_content1{
	width: 1280px;
	margin: 20px auto;
	overflow: hidden;
}

.footer .footer_content1 .left{
	float: left;
	width: 20%;
}

.footer .footer_content1 .left img{
	width: 113px;
}

.footer .footer_content1 .right{
	float: right;
	text-align: right;
	width: 80;
	font-size: 14px;
}


.ads_line{
	width: 100%;
	margin: 3.125rem 0;
    min-height: 6.6875rem;
    background-color: #f4f4f4;
	padding: .78125rem 0 1.0625rem;
    margin: 0 auto;
	text-align: center;
}

.ads_shu{
	text-align: center;
}

.ad_slug{
	font-size: .625rem;
    letter-spacing: .07687rem;
}

.rank_nav{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

.rank_nav ul{
	
}

.rank_nav ul li{
	float: left;
	width: 16.666667%;
	text-align: center;
	height: 80px;
	line-height: 80px;
}

.rank_nav ul li a{
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
	padding-left: 30px;
	font-size: 20px;
}

.rank_nav ul li.pq a{
	background-image: url('../img/rank/pp_b.png');
}

.rank_nav ul li.pq.select a{
	background-image: url('../img/rank/pp_w.png');
}

.rank_nav ul li.dls a{
	background-image: url('../img/rank/dls_b.png');
}

.rank_nav ul li.dls.select a{
	background-image: url('../img/rank/dls_w.png');
}

.rank_nav ul li.mj a{
	background-image: url('../img/rank/mj_b.png');
}

.rank_nav ul li.mj.select a{
	background-image: url('../img/rank/mj_w.png');
}

.rank_nav ul li.zy a{
	background-image: url('../img/rank/zy_b.png');
}

.rank_nav ul li.zy.select a{
	background-image: url('../img/rank/zy_w.png');
}

.rank_nav ul li.dsj a{
	background-image: url('../img/rank/dsj_b.png');
}

.rank_nav ul li.dsj.select a{
	background-image: url('../img/rank/dsj_w.png');
}

.rank_nav ul li.mx a{
	background-image: url('../img/rank/mx_b.png');
}

.rank_nav ul li.mx.select a{
	background-image: url('../img/rank/mx_w.png');
}

.rank_nav ul li.select{
	background: linear-gradient(#469dd2,#61ccf2);
	background: linear-gradient(bottom,#469dd2,#61ccf2);
	background: linear-gradient(top,#469dd2,#61ccf2);
}

.rank_nav ul li.select a{
		color: #FFF;
}

.rank_data{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 1.375rem auto 0;
}

/**媒介库**/
.media_table{
	
}

.rank_data_box{
	padding: 0 1.25rem;
}

.case_line{
	font-size:12px;
	padding: 5px 0;
}

.home_row_col4{
	width: 1280px;
    overflow: hidden;
    margin: 0 auto;
}

.home_row_col4 .slug_component{
	margin: 0 auto;
	text-align: center;
	margin: 0 1.25rem;
}

.home_row_col4 .slug_component h2{
	font-size: 48px;
    letter-spacing: .5rem;
    line-height: 100px;
}

.home_row_col4 .left{
	flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
	border-top: .1875rem solid #000;
}

.home_row_col4 .right{
	flex: 0 0 33.33333%;
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    padding: .3125rem 0 0;
    position: relative;
    z-index: 1;
	padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.home_row_col4 .left ul.article_list{
	
}

.home_row_col4 .left ul.article_list li{
	border-bottom: .0625rem solid #ccc;
    padding: 1.25rem 0;
	display: flex;
}

.home_row_col4 .left ul.article_list li .info{
	flex: 1 1 100%;
}

.home_row_col4 .left ul.article_list li .cover_img{
	flex: 1 1 100%;
    margin-left: 2.5rem;
	position: relative;
}

.home_row_col4 .left ul.article_list li .cover_img img{
	width: 386.66px;
	height: 217.64px
}

.home_row_col4 .left ul.article_list li .info h4{
	overflow: hidden;
    max-height: 98px;
}

.media_article_box{
	border-top: .1875rem solid #000;
}

.home_row_col5{
	width: 1280px;
    overflow: hidden;
    margin-top: 50px;
    margin: 0 auto;
	border-top: .1875rem solid #000;
	display: flex;
}

.home_row_col5 .left{
	flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.home_row_col5 .right{
	flex: 0 0 33.33333%;
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    padding: .3125rem 0 0;
    position: relative;
    z-index: 1;
	padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.home_row_col5 ul.category1_list{
	margin: 20px 1.25rem;
	height: 40px;
}

.home_row_col5 ul.category1_list li{
	float: left;
	text-align: center;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #cccccc;
	cursor: pointer;
}

.home_row_col5 ul.category1_list li a{
	font-size: 16px;
}

.home_row_col5 ul.category1_list li.selected{
	border-bottom: 3px solid #000;
}

.home_row_col5 ul.category1_list li.selected a{
	font-weight: 700;
}

.home_row_col5 .media_info_box{
	margin-top:50px;
	background-color: #cccccc;
	position: relative;
	padding: 15px;
}

.home_row_col5 .media_info_box .media_logo{
	position: absolute;
	left: 15px;
	top: -25px;
}

.home_row_col5 .media_info_box .media_logo img{
	height: 50px;
}

.home_row_col5 .media_info_box .title{
	margin-top: 25px;
	margin-left: 80px;
	font-size: 28px;
}

.home_row_col5 .media_info_box .des{
	margin-top: 10px;
	margin-left: 80px;
	font-size: 13px;
	color: #5f5f5f;
}

.home_row_col5 ul.article_list{
	
}

.home_row_col5 ul.article_list li{
	border-bottom: .0625rem solid #ccc;
    padding: 1.25rem 0;
	display: flex;
}

.home_row_col5 ul.article_list li .info{
	flex: 1 1 100%;
}

.home_row_col5 ul.article_list li .cover_img{
	flex: 1 1 100%;
    margin-left: 2.5rem;
	position: relative;
}

.home_row_col5 ul.article_list li .cover_img img{
	width: 386.66px;
	height: 217.64px
}
.home_row_col5 ul.article_list li .info h4{
	overflow: hidden;
    max-height: 98px;
}

.home_row_col5 .kanli_box{
	
}

.home_row_col5 .kanli_box ul{
	
}

.home_row_col5 .kanli_box ul li{
	border-bottom: .0625rem solid #ccc;
    padding: 0.5rem 15px;
}

.upload_box{
	width: 1280px;
    overflow: hidden;
    margin: 0 auto;
	padding-top: 50px;
	min-height: 600px;
}

.upload_box .title{
	font-size: 36px;
	margin-bottom: 30px;
}

.upload_box .upload_line{
	margin-top: 50px;
}

/**奖项网**/
.award_menu{
	width: 500px;
	margin: 0 auto;
	text-align:center; 
	border-top: 3px solid #000; 
	margin-top: -40px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	font-size: 0.8rem;
}

.award_menu .menu_block{
	float: left;
	width: 20%;
	border-bottom: 3px solid #000; 
}

.award_menu .menu_block .menu_1{
	background-color: #A0FCE8;
}

.award_menu .menu_block .menu_2{
	background-color: #ED92F9;
}

.award_menu .menu_block .menu_3{
	background-color: #E2FC65;
}

.award_menu .menu_block .menu_4{
	background-color: #F6BF6F;
}

.award_menu .menu_block .menu_5{
	background-color: #F0908D;
}

.award_menu .menu_block .menu_title{
	height: 40px;
	line-height: 40px;
}

.award_menu .menu_block ul{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.award_menu .menu_block ul li{
	line-height: 40px;
	margin: 0 3px;
}

.award_menu .menu_block ul li.m_line{
	height: 2px;
	background-color: #fff;
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

.cfirst{
	
}
.category_line{
	background-color: #F6F7F9;
	overflow: hidden;
	margin: 10px 1.25rem;
	border-radius:10px;
	position: relative;
	text-align: center;
	padding:10px 10px;
	height: 100px;
}

.left_category_title{
	float: left;
	width: 120px;
	color: #666;
	border-right: 2px solid #BEBDC9;
}

.left_category_title .title_image{
	text-align: center;
	
}

.left_category_title .title_image img{
	width: 50px;
	height: 50px;
	text-align: center;
}

.left_category_title .title_name{
	margin-top: 5px;
	color: #000;
	font-weight: bold;
}

.right_category_content{
	float: left;
	width: 1090px;
}

.right_category_content_ul{
	overflow:hidden;
}

.right_category_content_ul li{
	float: left;
	line-height: 40px;
	height: 40px;
	margin: 0 5px;
	
}


.right_category_content_ul li a{
	white-space: nowrap;
    zoom: 1;
    color: #000;
	font-size: 16px;
	padding:5px 20px;
	border-radius: 20px;
}

.ul_203 li a:hover,.ul_297 li a:hover,.ul_366 li a:hover{
	color: #fff;
	background-color: #C39CFF;
}

.ul_203 li a.selected,.ul_297 li a.selected,.ul_366 li a.selected{
	color: #fff;
	background-color: #C39CFF;
}

.ul_206 li a:hover,.ul_367 li a:hover{
	color: #fff;
	background-color: #031DAF;
}

.ul_206 li a.selected,.ul_367 li a.selected{
	color: #fff;
	background-color: #031DAF;
}

.ul_239 li a:hover,.ul_309 li a:hover,.ul_368 li a:hover{
	color: #fff;
	background-color: #FFB300;
}

.ul_239 li a.selected,.ul_309 li a.selected,.ul_368 li a.selected{
	color: #fff;
	background-color: #FFB300;
}

.ul_254 li a:hover,.ul_369 li a:hover{
	color: #fff;
	background-color: #00D7CC;
}

.ul_254 li a.selected,.ul_348 li a.selected,.ul_369 li a.selected{
	color: #fff;
	background-color: #00D7CC;
}

.ul_280 li a:hover{
	color: #fff;
	background-color: #16A8D8;
}

.ul_280 li a.selected{
	color: #fff;
	background-color: #16A8D8;
}

.ul_226 li a:hover,.ul_324 li a:hover{
	color: #fff;
	background-color: #FF8C00;
}

.ul_226 li a.selected,.ul_324 li a.selected{
	color: #fff;
	background-color: #FF8C00;
}

.ul_348 li a:hover{
	color: #fff;
	background-color: #E27AC7;
}

.ul_348 li a.selected{
	color: #fff;
	background-color: #E27AC7;
}

.category_line .down_arrow{
	position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}

.list-title{
	font-size: 28px;
	line-height: 38px;
}