@charset "utf-8";
/* 首页样式 */

body{ background-color:#f7f7f7}
.opacity{filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* 老版Mozilla */
-khtml-opacity:0.5;              /* 老版Safari */
opacity: 0.5;           /* 支持opacity的浏览器*/
}

/*向下慢慢出现*/
@-webkit-keyframes downMove {
0% {
-webkit-transform:translateY(-40px);
opacity:0
}
100% {
-webkit-transform:translateY(0px);
opacity:1
}
}
@keyframes downMove {
0% {
transform:translateY(-40px);
opacity:0
}
100% {
transform:translateY(0px);
opacity:1
}
}

.downMove {
	-webkit-animation:downMove 2s ease;
	-moz-animation:downMove 2s ease;
	-o-animation:downMove 2s ease;
	animation:downMove 2s ease;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
	-o-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
	filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
}

@-webkit-keyframes leftMove {
0% {
-webkit-transform:translateX(40px);
opacity:0
}
100% {
-webkit-transform:translateX(0px);
opacity:1
}
}
@keyframes leftMove {
0% {
transform:translateX(40px);
opacity:0
}
100% {
transform:translateX(0px);
opacity:1
}
}
.leftMove{
	-webkit-animation: leftMove 1s ease 1s;
	animation: leftMove 1s ease 1s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
}


/*顶部导航*/
#myheader{ width:100%;height:142px;background:url(../images/topbg.jpg) repeat-x; z-index:10000}
.site-nav {
height:32px;
background-color: #2b0b46;
border-bottom: 1px solid #000;
position: relative;
z-index: 100;
color:#b88ed3
}


.page-responsive {
width: 1002px;
height:32px;
margin: 0 auto;
position: relative;
color:#FFF
}
.site-nav .left-nav {
left: 0;
}
.site-nav .left-nav, .site-nav .right-nav {
position: absolute;
display: inline-block;
top: 10px;
color:#b88ed3;
line-height:12px;
}
.site-nav .left-nav li, .site-nav .right-nav li {
float: left;
line-height: 12px;
padding: 0 15px;
position: relative;
border-right: 1px solid #b88ed3;
color:#b88ed3;
}
.site-nav li {
display: inline;
}
.site-nav a{color:#b88ed3} 
.site-nav a:hover{ text-decoration:none; color: #FF0} 
.site-nav .left-nav .nav-last, .site-nav .right-nav .nav-last {
border-right: 0;
}
.site-nav .right-nav {
right: 0;
display: none;
}

/*顶部*/
#top_main{ width:1002px; margin:0 auto; height:110px;}
#logo{ width:306px; height:69px; background:url(../images/logo.png) no-repeat; margin:20px 0 0 0; float:left; cursor:pointer}

/*搜索框*/
.form-2 {
    /* Size and position */
    width: 660px;
	height:50px;
    padding: 10px 0px 10px 10px;
	float:left;
	margin:20px 0 0 15px;

    /* Styles */
/*    background: #fffaf6;
*/	filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
    border-radius: 4px;
    color: #7e7975;
/*    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); */
}
 

.form-2 input[type=text],
.form-2 input[type=password] {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 528px;
	height:38px;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #ebe6e2;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	float:left
}

.form-2 input[type=text]:hover,
.form-2 input[type=password]:hover {
     border-color: rgba(170, 67, 230, 0.8);
}

 
.form-2 input[type=text]:focus,
.form-2 input[type=password]:focus {
  background:rgba(233, 244, 253, 0.8);
  outline: 0;
  border-color:rgba(170, 67, 230, 0.8);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(196, 116, 242, 0.6);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(196, 116, 242, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(196, 116, 242, 0.6);
  
}

.form-2 input[type=submit],
.form-2 .searchBtn {
    /* Size and position */
    width: 100px;
    height: 48px;
    float: left;
	margin:0 0 0 10px;

    /* Styles */
    box-shadow: inset 0 1px rgba(255,255,255,0.3);
    border-radius: 3px;
    cursor: pointer;

    /* Font styles */
    font-family: 黑体;
    font-size: 18px;
    line-height: 48px; /* Same as height */
    text-align: center;
    font-weight: bold;
}

.form-2 input[type=submit] {
    margin-left: 1%;
    background: #8024b4; /* Fallback */
    background: -moz-linear-gradient(#fbd568, #ffb347);
    background: -ms-linear-gradient(#fbd568, #ffb347);
    background: -o-linear-gradient(#fbd568, #ffb347);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347));
    background: -webkit-linear-gradient(#fbd568, #ffb347);
    background: linear-gradient(#fbd568, #ffb347);
    border: 1px solid #f4ab4c;
    color: #996319;
    text-shadow: 0 1px rgba(255,255,255,0.3);
}

.form-2 .searchBtn {
    margin-right: 1%;
    background: #8024b4; /* Fallback */
    background: -moz-linear-gradient(#8024b4, #661098);
    background: -ms-linear-gradient(#8024b4, #661098);
    background: -o-linear-gradient(#8024b4, #661098);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#8024b4), to(#661098));
    background: -webkit-linear-gradient(#8024b4, #661098);
    background: linear-gradient(#9203e3, #9203e3);
    border: 1px solid #5b018f;
    color: #ffffff;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    text-decoration: none;
	float:left
}

.form-2 input[type=submit]:hover,
.form-2 .searchBtn:hover {

    box-shadow: 
        inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15);
}

.form-2 input[type=submit]:active,
.form-2 .searchBtn:active{
    top: 1px;
}

.form-2 .searchBtn:active{
	position: relative;
	text-shadow: none;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
}


/* Fallback fro broswers that don't support box shadows */
.no-boxshadow .form-2 input[type=submit]:hover {
    background: #ffb347;
}

.no-boxshadow .form-2 .searchBtn:hover {
    background: #7001af;
}

.form-2 p:last-of-type {
    clear: both;    
}

.form-2 .opt {
    text-align: right;
    margin-right: 3px;
}

.form-2 label[for=showPassword] {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 400;
    text-transform: capitalize;
}

.form-2 input[type=checkbox] {
    vertical-align: middle;
    margin: -1px 5px 0 1px;
}

/*按钮样式*/
.btn2 {
margin:0 5px;
display: inline-block;
padding: 4px 12px;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
cursor: pointer;
background: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn2-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn2:hover, .btn2:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn2-primary:hover,
.btn2-primary:focus,
.btn2-primary:active,
.btn2-primary.active,
.btn2-primary.disabled,
.btn2-primary[disabled] {
  color: #ffffff;
  background: #9203e3;
  *background: #9203e3;
}

.btn2-primary:active,
.btn2-primary.active {
  background: #003399 \9;
}

/*顶部浮动搜索显示*/
#top_float{
	background-color: rgba(250,250,250,.95);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f2fafafa', EndColorStr='#f2fafafa');
	border-color: #ccc;
	border-bottom: 1px solid rgba(0,0,0,.06);
	background-clip: content-box;
	height:40px; width:100%;
	line-height:40px;
	position:fixed;
	top:0;
	display:none;
	z-index:1000;
}
#top_float_wrapper{
	position: relative;
	margin: auto;
	width: 1002px; margin:0 auto;
	overflow: hidden;
}
#top_float_logo{
	background:url(../images/logo_small.png) no-repeat; width:146px; height:34px; float:left; margin:3px 0 0 0;
}
#top_float_logo a{ display:block; width:146px; height:34px; cursor:pointer; text-indent:1000px; overflow:hidden}
#top_float_menu{
	width:400px; height:40px; float:left;margin:0 0 0 20px;
}
#top_float_menu ul li{ float:left; color: #666; text-shadow:1px 1px #fff; font-size:14px}
#top_float_menu ul li a{ color: #60C; text-decoration:none; padding:3px 10px; }
#top_float_menu ul li a:hover{ color: #fff; background:#90F;border-radius: 10px;text-shadow:none;}
#top_float_search{
	width:412px; height:40px; float:left; margin:0 0 0 20px;
}
#top_float_search .searchBox{
	width:300px; height:20px; padding:4px;border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	margin:1px 0 0 0;
}
#top_float_search .searchBox:focus {
  background:rgba(233, 244, 253, 0.8);
  outline: 0;
  border-color:rgba(170, 67, 230, 0.8);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(196, 116, 242, 0.6);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(196, 116, 242, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(196, 116, 242, 0.6);
}
#top_float_search .searchBox:hover{
	border-color: rgba(170, 67, 230, 0.8);
}
#top_float_search .searchBtn{
	width:80px; height:30px; cursor:pointer;
	background: linear-gradient(#9203e3, #9203e3);
	border: 1px solid  #CCC;
	color: #ffffff;
	text-decoration: none;
	box-shadow: inset 0 1px rgba(255,255,255,0.3);
	border-radius: 3px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	margin:0 0 0 5px;
	font-size:14px;
}
#top_float_search .searchBtn:hover{
	    box-shadow: 
        inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15);
		  color: #ffffff;
  		background: #90F;
  		*background: #90F;
}

.list-good .band_bar{ width:77px; height:77px; position:absolute; background:url(../images/band_bar.png) no-repeat; z-index:100; right:-14px; top:-14px; cursor:pointer}
.list-good .band_bar span{ font-size:30px; text-align:center; text-shadow:1px 1px 0 #FFF; color:#96050a; margin:30px auto 0  auto; display:block}

.transition1s{transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}