/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
:focus{outline:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:400;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400;}
abbr,acronym{border:0;font-variant:normal;}
code,kbd,samp,tt{font-size:100%;}
input,button,textarea,select{*font-size:100%;border:0;}
body{background:#fff;color:#4a4a4a;font:14px/2em Microsoft YaHei,SimSun,Arial;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
sup,sub{font-size:100%;vertical-align:baseline;}
:link,:visited,ins{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a:link,a:visited{color:#4a4a4a;}
a:hover{color:#c9394a;}
a:active {color:#666;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.l{float:left;}
.r{float:right;}
.clear{height:0;overflow:hidden;clear:both;}
.hide{display:none;}
.btn.hide{display:none;}
a.hidefocus{outline:0;}
button.hidefocus::-moz-focus-inner{border:0;}
a:focus{outline:0;-moz-outline:0;}
input,textarea{outline:0;}
h2{font-size:20px;}
h3{font-size:16px;line-height:32px;}
h5{font-size:14px;line-height:28px;}
.img_border{border:4px solid #fff;border-radius:1px;}
.bb{border-bottom:1px solid #d2d2d2;}
.bt{border-top:1px solid #d2d2d2;}
.bbn{border-bottom:0!important;}
.mc{margin:0 auto!important;}
.m0{margin:0!important;}
.m1{margin:1px!important;}
.m2{margin:2px!important;}
.m3{margin:3px!important;}
.m4{margin:4px!important;}
.m5{margin:5px!important;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.mt5{margin-top:5px!important;}
.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb0{margin-bottom:0!important;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.ml0{margin-left:0!important;}
.ml8{margin-left:8px!important;}
.ml1{margin-left:1px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml12{margin-left:12px!important;}
.ml13{margin-left:13px!important;}
.ml15{margin-left:15px!important;}
.ml25{margin-left:25px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml38{margin-left:38px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml55{margin-left:55px!important;}
.ml57{margin-left:57px!important;}
.ml60{margin-left:60px!important;}
.ml80{margin-left:80px!important;}
.ml100{margin-left:100px!important;}
.ml110{margin-left:110px!important;}
.ml120{margin-left:120px!important;}
.ml150{margin-left:150px!important;}
.ml200{margin-left:200px!important;}
.ml250{margin-left:250px!important;}
.ml285{margin-left:285px!important;}
.ml835{margin-left:835px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr80{margin-right:80px!important;}
.mr100{margin-right:100px!important;}
.mr250{margin-right:250px!important;}
.mr300{margin-right:300px!important;}
.pointer{cursor:pointer;}
.color-gray,a.color-gray:link,a.color-gray:visited{color:#b7bcc0;}
.color-white{color:#fff!important;}
.color-blue{color:#088bd3;}
.fl{float:left;}
.fr{float:right;}
.mr60{margin-right:60px;}
.color-red{color:#EF1300!important;}
.pr{position:relative;}
.pa{position:absolute;}
.errorHint{height:25px;line-height:20px;font-size:12px;color:#f01414;}
.breakall{word-break:break-all;}
.wui-dialog{background-color:#fff;box-shadow:#ccc 1px 4px 20px 3px;position:absolute;box-shadow:0 12px 24px 0 rgba(0,0,0,.24);}
.cb{clear:both;}
.fs12{font-size:12px!important;}
.fs14{font-size:14px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.bold{font-weight:700!important;}
input{background:none;outline:none;border:0px;}

/* global css */
.DetailsWorks{margin:0 auto;width:1200px;}


body{
	background: #f4f4f4;
} 

/* 搜索框 */
.search-waper{
	display: block;
	position: relative;
} 
.search-frame{
	display: block;
	position: relative;
	width: 80%;
	height: 50px;
	line-height: 50px;
	float: right;
	border: 2px solid #ae2225;
	margin-top: 30px;
	color: #898989;
}
.search-frame>.icon-search{
	display: block;
	position: absolute;
	top:30%;
	font-size:18px;
	margin-left: 10px;
}
.search-frame>.search-case{
	display: block;
	position: absolute;
	padding-left: 35px;
	font-size: 14px;
	width: 80%;
	line-height: 50px;
}
.search-frame>.search-button{
	display: block;
	float: right;
	width: 20%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background: #ae2225;
	color: #FFF;
	letter-spacing:2px;
}

.Hot-search{
	display: block;
	margin-bottom: 20px;
	color: #898989;
	width: 80%;
	height: 25px;
	line-height: 25px;
	float: right;
	letter-spacing:2px;
}
.Hot-search>p{
	display: inline-block;
	margin-right: 5px;
}

/* 信息 */
.main-waper{
	display: block;
	width: 100%;
	background: #f2f2f2;
	border-top: 2px solid #fff;
}
.information-waper{
	padding-top: 20px;
	padding-bottom: 76px;
	position: relative;
}
.information-waper>.cover{
	display: block;
	float: left;
	width: 270px;
	height: 380px;
}
.information-waper>.cover>img{
	display: block;
	width: 270px;
	height: 380px;
}
.information{
	display: block;
	float: left;
	padding-left: 30px;
	vertical-align:middle;
}
.information>.news{
	margin-bottom: 20px;
}

.information>.news>.special{
	font-size: 20px;
	letter-spacing: 2px;
	color: #5b5959;
	line-height: 40px;
	font-weight: 550;
}
.information>.news>p{
	color: #898989;
	font-size: 14px;
}



.cooperate{
	display: block;
	position: absolute;
	bottom: 76px;
	width: 110px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background: #ae2225;
	color: #fff;
}

.Details-waper{
	position:relative;
	display: block;
}

/* 图文详情 */
.Details-left{
	float: left;
	width: 66%;
	padding: 3%;
	background: #fff;
}
.Details-left>p{
	display: block;
	width: 100%;
}
.Details-left>p img{
	display: block;
	width: 100%;
	height:100%;
}
.Details-title{
	display: block;
	width: 100%;
	font-size: 20px;
	color: #5b5959;
	line-height: 40px;
	border-bottom: 2px dotted #5b5959;
}

.Details-left>.creative-idea{
	margin:40px 0px;
	color: #898989;
	line-height: 1.75em;

}
.Details-left>.cartoon{
	display: block;
	width: 100%;
	margin-bottom: 40px;
}
.Details-left>.img-group{
	display: block;
	width: 88%;
	margin: 0 6%;
}
.Details-left>.img-group>img{
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
}


/* 分页栏 */
.pagination-bar{
	display: block;
	margin: 40px auto;
}


.disabled {
    border-right: 1px solid #eee;
    color: #ddd;
}

.pagination-bar>span{
    display: inline-block;
    margin-left: 10px;
    width: 25px;
    text-align: center;
    color: #6b6b6b;
}

.ui-pagination-container {
	float: right;
	height: 27px;
	line-height: 27px;
}

.ui-pagination-container .ui-pagination-page-item {
	display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-left: 10px;
    background: #f6f6f6;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    color: #6a6a6a;
	text-decoration: none
}

.ui-pagination-container .ui-pagination-page-item:hover,.ui-pagination-container .ui-pagination-page-item.active {
	display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-left: 10px;
    background: #ae2225;
    border: 1px solid #ae2225;
    border-radius: 2px;
    color: #fff;
}


.empower-waper{
	display: none;
}

/* 与搜索词相关授权作品 */
.Relevant-img{
	display: block;
	border-bottom: 2px dotted #5b5959;
	padding: 25px 0;
}

.Relevant-img>li{
	float: left;
	width: 30%;
}

.Relevant-img>li>.Relevant-name{
	display: none;
}

.last-img{
	margin-right: 5%;
}

.Relevant-img>li:last-child{
	margin-right: 0%;
}

.Relevant-img>li>img{
	display: block;
	width: 100%;

}

.Propaganda{
	display: block;
	width: 100%;
}
.Propaganda>img{
	max-width: 100%;
	max-height: 100%;
}
/* 合作机构 */
.Partners-waper{
	display: block;
	position: relative;
	margin-top: 5px;
	border-top: 1px solid #5b5959;
}

.Partners-waper>span{
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	height: 2px;
	font-size: 20px;
	color: #5b5959;
	background: #fff;
}
.Partners-waper>span>.Partners-title{
	display: block;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	letter-spacing: 2px;
}
.Partners-ul{
	display: block;
	margin-top: 70px;
}
.Partners-ul>li{
	display: block;
	float: left;
	width: 15%;
	height: 50px;
	margin: 20px 4%;
	vertical-align: middle;
}
.Partners-ul>li>img{
	display: block;
	max-width: 100%;
	max-height: 124px;
	margin: 0 auto;
}


/* 收藏 */
.Details-right{
	display: block;
	float: right;
	width: 280px;
	position: relative;
	} 

.fixed-waper{
	display: block;
	width: 280px;
}

.Collect-plate{
	display: block;
	width: 100%;
	height: 130px;
	padding-top: 15px;
	background: #fff;
	margin-bottom: 10px;
}
.Collect-words{
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #5b5959;
	width: 100%;
	text-align: center;
}
.Collect-button{
	position: relative;
	width: 100%;
	height: 60px;
}
.button-plate{
	display: block;
	background: #ae2225;
	width: 85px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.button-left{
	position: absolute;
	bottom: 10px;
	left: 6%;
}
.button-right{
	position: absolute;
	bottom: 10px;
	right: 6%;
}


/* 赛事资源 */
.Race-plate{
	display: block;
	width: 88%;
	padding : 25px 6% 10px 6%;
	background: #fff;
}
.button-race{
	margin-bottom: 15px;
}

.race-ul{
	display: block;
	margin-top: 15px;
}
.race-li{
	display: block;
	float: left;
	width: 49%;
	height: 200px;
	margin-right: 2%;
	margin-bottom: 10px;
}

.race-li:nth-of-type(even){
	margin-right: 0px;
}

.race-li>img{
	display: block;
	width: 100%;
	height: 100%;
}


.return{
	display: block;
	background: #ae2225;
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	position: fixed;
	bottom: 50px;
	right: 50px;
	cursor: pointer;
}


@media(max-width:780px){
	.DetailsWorks{width:auto;margin:0 auto;}

	.search-waper {display: none;}
	.information-waper{padding-top: 0px;padding-bottom: 0px;}
	.information-waper>.cover {display: block;width: 100%;height: 100%;}
	.information-waper>.cover>img {display: block;width: 100%;height: 100%;}
	.information {padding: 10px 20px;}
	.information>.news{margin-bottom: 10px;}
	.information>.news>.special{font-size: 15px;letter-spacing: 2px;line-height: 25px;font-weight:500;}
	.information>.news:first-child>h4{font-size: 20px;color: #292929;line-height: 30px;font-weight:800;letter-spacing: 3px;}
	.information>.news>p{font-size: 14px;line-height: 25px;}
	.information>.news:last-child>p{font-weight:normal;}
	.cooperate{bottom: 20px;right:10px;width: 100px;height: 35px;line-height: 35px;}

	.Details-left {width: 100%; padding: 0;}
	.Details-title{font-size: 15px;line-height: 30px;border-bottom: 1px dotted #5b5959;width: 94%;margin: 10px 3%;}
	.Details-left>.creative-idea {margin:10px 3%;width: 94%;}
	.Details-left>.cartoon {margin-bottom: 15px;}
	.Details-left>.img-group>img {margin-bottom: 10px;}
	.pagination-bar {margin: 15px auto;}
	.ui-pagination-container {height: 22px;line-height: 22px;margin-right: 6%;}
	.ui-pagination-container .ui-pagination-page-item:hover, .ui-pagination-container .ui-pagination-page-item.active {width: 20px;height: 20px;line-height: 20px;margin-left: 7px;}
	.ui-pagination-container .ui-pagination-page-item {width: 20px;height: 20px;line-height: 20px;margin-left: 7px;font-size: 12px;}
	.Relevant-img {border-bottom: 1px dotted #5b5959;padding: 15px 0;}
	.Relevant-img>li {float: left; width: 90%;margin-left: 5%;}
	.Relevant-img>li>.Relevant-name{display: block;font-size: 13px;line-height: 20px;color: #898989;}
	.Relevant-img>li>.Relevant-name>h4{font-size: 15px;color: #5b5959;font-weight:600;line-height:25px;margin-top: 5px;}
	.Propaganda>img{max-height: 100%;}
	.Partners-waper {margin-top: 5px;}
	.Partners-waper>span {top: -2px; width: 100px;height:2px;font-size: 15px;}
	.Partners-waper>span>.Partners-title{top: -20px; width: 100px;height:40px;line-height: 40px;font-size: 15px;}
	.Partners-ul {margin: 15px;}
	.Partners-ul>li {width: 18%;height: 30px;line-height:30px;margin: 10px 3%;}
	.Partners-ul>li>img {max-width: 100%;max-height: 30px;}

	.Details-right{display: none;}
	.empower-waper{display: block;}
	.Collect-plate {height: 120px;padding-top: 20px;background: #fff; margin-bottom: 0px;border-top: 5px solid #f2f2f2;border-bottom: 5px solid #f2f2f2;}
	.Collect-words {height: 30px;line-height: 30px;font-size: 14px;}
	.Collect-button {height: 60px;}
	.button-left {bottom: 15px;left: 6%;}
	.button-right {bottom: 15px;right: 6%;}
	.button-plate {width: 80px;height: 30px;line-height: 30px;font-size: 12px;margin-left: 15px;}
	.concent {max-width: 767px;min-width: 320px; width: 100%;padding: 20px 0 0 0;}
	.race-ul {display: block;margin: 15px;white-space: nowrap;overflow-x: auto;}
	.race-div { list-style: none; display: inline-block; width: 35%; height: 200px;margin-right: 2%;}
	.race-div>img { display: block;width: 100%;height: 100%;}

	.return {width: 30px;height: 30px;line-height: 30px;position: fixed;bottom: 20px;right: 20px;}


}