@charset "utf-8";
/* CSS Document */

body, div, ul, li, ol dd, dl, p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; list-style: none; }
body { background-color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; color: #000; }
a { text-decoration: none; display: block; color: #000; }
input { border: 0 none; padding: 0; margin: 0; outline: none; }
input::-webkit-input-placeholder {
 color: rgba(0, 0, 0, 0.5);
 font-family: "Microsoft YaHei";
}
input::-moz-input-placeholder {
 color: rgba(0, 0, 0, 0.5);
 font-family: "Microsoft YaHei";
}
input::-ms-input-placeholder {
 color: rgba(0, 0, 0, 0.5);
 font-family: "Microsoft YaHei";
}
img { display: block; width: 100%;}
.clear{ clear:both; overflow:hidden;}

.headcase{ background:#fafafa; height:400px; width:100%;}
.headcasepic{ height:360px; margin:0 auto; overflow:hidden; padding-top:20px;  position:relative; width:1200px;}
.headcasepic span{ display:block; width:1200px; height:360px;}
.casesearch{ height:108px; margin:25px auto auto; width:1200px;}
.thememain{ background:#fff; margin:30px auto 0; width:1200px;}
.themelist{ width:560px; margin:0 20px 30px; float:left;}
.themetop{ width:100%; border-bottom:1px solid #ddd; padding:10px 0;}
.themetop p{ font-size:18px; color:#333; width:70%; float:left;}
.themetop p span{ display:inline-block; font-size:18px; color:#fff; background:#c72b05; margin-right:7px; padding:0 3px; line-height:22px;}
.themetop a{ -webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	float: right; width:20px; height:20px; cursor: pointer; border-radius: 100%; background: url(../images/newyxkallbackground.png) -2px -114px no-repeat #DDDDDD; margin-top:6px;}
.themetop a:hover{background:url(../images/newyxkallbackground.png) -2px -114px no-repeat #BBBBBB;}	
.themebox{ width:100%; margin-top:12px;}
.themeleft{ width:226px; height:auto; float:left; margin-right:12px;}
.themeleft span{ width:220px; height:122px; padding:2px; border:1px solid #f0f0f0; background:#fff; display:block;}
.themeleft span img{ width:220px; height:122px;}
.themeright{ width:314px; float:left;}
.themeright a{ display:block; padding-bottom:8px; font-size:13px; color:#333; line-height:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dashed #dcdcdc; margin-bottom:9px;}
.themeright a:hover { color:#3b97f6; font-size:13px; font-weight:400;}
.themeright a span{ width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px;}
.themeright a.nub{ font-size:12px; color:#3b97f6; text-align:right; border:none;}


.sidenav{ width:344px; margin:40px auto;}
.sidenav a{ display:block; float:left; text-align:center; width:169px; height:42px; border:1px solid #dadada; color:#333; font-size:18px; line-height:42px;}
.sidenav a.operin{ border-top-left-radius:4px; border-bottom-left-radius:4px; border-right:none;}
.sidenav a.loseon{ border-top-right-radius:4px; border-bottom-right-radius:4px; border-left:none;}
.sidenav a.nowlist{ width:170px; height:44px; background:#3b97f6; border:none; color:#fff; line-height:42px;}