@import url(base.css);
@import url(innerPublic.css);
body>header,body>footer{background-color: #900;}
h1{padding:1em 1em 0 0; height:100%; color:white; text-align: right;}

figure{margin:0 auto; width:100%; max-width:1280px;}
figcaption{width:100%; height:202px;  background: url(banner_dangjian.jpg) no-repeat 0 0/auto 100%;}

figure>ul{width:100%; overflow: hidden;}
figure>ul li{float:left; display: inline; margin-top:2em; padding:0.5em; border:transparent 1px solid; width:49%;}
figure>ul li a>*+*{margin-top:1em;}
figure>ul li:nth-child(2n-1){clear: left;}
figure>ul li a:nth-of-type(1), figure li span{width:100%;display:block;}
figure>ul li span{font-size:0.8rem;}
figure>ul li p{ max-height:6em; width:100%; font-size:0.9rem; line-height:2; color:#aaa; overflow: hidden;}
figure>ul li img+p{padding-left:1em; width:68%;}
figure>ul li span+img{float:left; display: inline; width:30%; clear:left;}
figure>ul li img{width:100%}
figure>ul li:hover{border:#ddd 1px solid; }

.hot{margin-top:1em; padding:1em; width:100%; background: linear-gradient(to bottom,white 50%,rgb(255, 218, 218)); border-top:red 3px double; border-bottom:red 2px solid; position:relative; overflow: hidden;}
.hot h2{padding:0.5em 3em; font:0.8em/1.2 ""; color:white; background-color:red; position:absolute; right:-3.5em; top:0.5em; transform: rotate(45deg);}
.hot ul{margin-top:1em; line-height: 2; list-style:disc; list-style-position: inside;}
.hot li::marker{color:brown}

@media screen and (max-width:1280px) {
    figcaption{height:calc(100vw * 300 / 1903);}
}

@media screen and (max-width:1000px) {
    figcaption{height:160px;}
}

@media screen and (max-width:640px)
{
	figure>ul{position:relative; overflow: hidden;}

	figure>ul li{margin-top:0;padding:2em 0.5em;  width:100%;}		
	figure>ul li+li{border-top:#630606 1px dashed}
    figure>ul li span+img{width:100%;}
    figure>ul li img+p{padding:1em 0 0 0; width:100%; max-height:none; line-height: 1.5;}
}