@charset "utf-8";
/* CSS Document */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, button, select, option, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-family: "\5FAE\8F6F\96C5\9ED1"; /*min-width: 1200px;*/ min-width: 1450px; background:url(../../jvj/images/page3.jpg) repeat-y center top; }
address, caption, cite, code, dfn, th, em, i, var { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
input, textarea { font-family: inherit; font-size: inherit; font-weight: inherit; }
select { font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size:100%;
}
input { outline: none; }
legend { color: #000; }
pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; }
fieldset, img { border: 0 none; background: none; }
img { vertical-align: top; }
ol, ul { list-style: none; }
textarea { resize: none; }
a { text-decoration: none; outline: 0 none; color:#ffdd99;}
input[type="text"], input[type="password"], textarea { outline-style: none; }
textarea { resize: none; }
.clearfix:after, .clearfix:before { content: " "; height: 0; clear: both; visibility: hidden; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
button{    margin: 0;
    font: inherit;
    color: inherit; 
	overflow: visible; 
	-webkit-appearance: button;
    ursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;}


.E_banner { width: 100%; height: 1050px; background: url(../../jvj/images/banner.jpg) no-repeat center top;}
.wrap { width: 1200px; margin: 0 auto; position: relative; }
.E_onepage { width: 100%; height: auto; }
.logo{ width:1200px; height:140px; float:left;}
.E_com { width: 1200px; margin: 0 auto; float:left; }
.E_com .jj { width:1160px; margin-bottom:40px; float:left; padding:0px 20px; }
.E_com .jj p{font-size:16px; color:#CCC; text-indent:25px; line-height:30px; }
.E_tit { width: 1200px; height: 69px; text-align: center; float: left; margin: 40px 0px; background:url(../../jvj/images/title.png) center top no-repeat; font-size:30px; color:#ffdd99; padding-top:15px; letter-spacing:3px;}

.E_imgbox { width: 545px; height: 370px; float: left; position: relative; background-color: #1b1718; color: #FFF; margin-bottom: 50px; }
.E_imgbox a { width: 545px; height: 370px; display: block; }
.E_imgbox span { width: 545px; height: 42px; line-height: 40px; position: absolute; padding: 0 10px; left: 0px; bottom: 0px; font-size: 16px; color: #FFF; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000, endColorStr=#80000000);
background: rgba(0, 0, 0, 0.5); overflow: hidden; }
.E_rcRight { width: 555px; float: right; margin-bottom: 50px; }
.E_rcRtop { width: 565px; height: 118px; float: left; margin-left: -10px; }
.E_rcRimg { width: 178px; height: 118px; position: relative; float: left; margin-left: 10px; }
.E_rcRimg span { width: 178px; height: 35px; line-height: 35px; position: absolute; padding: 0 10px; left: 0px; bottom: 0px; font-size: 14px; color: #FFF; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000, endColorStr=#80000000);
background: rgba(0, 0, 0, 0.5); overflow: hidden; }
.E_rcnew { width: 555px; height: auto; float: left; color: #ecd59d; font-size: 18px; }
.E_rcnew li { height: 49px; line-height: 49px; border-bottom: 1px solid #2b272c; }
.numbg { width: 25px; height: 25px; text-align: center; line-height: 25px; background: url(../../jvj/images/numbg.png) no-repeat left top; float: left; margin-top: 12px; margin-right: 15px; color: #000; font-size: 16px; }
.E_newP { width: 415px; height: 49px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #ffdd99; }
.E_newP:hover { color: #f4b225; }
.E_newtime { width: 100px; height: 49px; float: right; font-size: 16px; color: #a59381; text-align: right; }
.E_rcRight .new_more { width: 100%; }
.E_rcRight .new_more a { width: 100%; height: 35px; margin: 0 auto; color: ##ffdd99; background: #26272c; float: left; text-align: center; margin-top: 10px; line-height: 32px; border-radius: 5px; }


.row{margin-right:-15px;margin-left:-15px}
.row.flow {
    position: relative;
    margin-top: 10px;
}
.col-sm-1-5 {
    width:240px;
    float: left;
	    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;

}
.row{
    padding: 60px 0 80px;
    font-size: 16px;
    color: #fff;
}
.row .flow span {
    position: absolute;
    top: 40px;
    right: -15px;
}
.row .flow p { margin-top:20px;}
.rowimg {
    margin-bottom: 10px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.text-center{ text-align:center;}


.E_rcbox { width: 1200px; float:left; position:relative;}
.E_rcli { width: 176px;  float: left; border-top: 1px solid #2a2a2a; margin-right: 28px; margin-bottom: 30px; }
.E_rcli.mrnone { margin-right: 0px; }
.E_rclip { width: 176px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #fff; background-color: #1b1c20; float: left; }
.E_rcliword { background: #363636; width: 176px; height: 65px; text-align: center; padding: 10px; float: left; color: #f1ca77; font-size: 16px; border-bottom: #1b1c20 3px solid; }
.E_rcPH { width: 100%; height:40px; text-align: center; font-size: 16px; color: #f1ca77; line-height: 30px; margin: 30px 0px; float:left;}


.E_onebot { float: left; position: relative; }
.E_gueststitle { width: 1200px; height: 45px; float: left; color: #ffdd99; font-size: 24px; line-height: 45px; margin-bottom: 30px; font-weight: bold; margin-top: 30px; }
.E_gueststitle span { width: 110px; float: left; }
.E_gueststitle img { margin-top: 20px; }
.wyhulbox { width: 1200px; height: auto; float: left; margin-left: -20px; /*height: 460px;*/ overflow: hidden; position: relative; }
.wyhulbox li { width: 149px; height: 230px; float: left; position: relative; margin-left: 22px; margin-bottom: 20px; }
.wyhulbox li img { width: 125px; height: 125px; display:block; border-radius:50%; border:#987732 2px solid; margin:0 auto;}
.wyhbg3 { width: 149px; height: 92px; float:left;  z-index: 10; padding: 10px 0px; overflow: hidden; }
.wyhP3 { font-size: 12px; color: #fff; overflow: hidden; width: 100%; text-align:center;}
.wyhname { font-size: 16px; color: #ffdd99; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; text-align:center; }
.sbmore { width: 320px; height: 50px; line-height: 50px; text-align: center; float: left; margin-left: 400px; color: #ffdd99; font-size: 20px; cursor: pointer; margin-top: 20px; display: none; background: url(../../jvj/images/jzmorebg.png) no-repeat bottom center; padding-bottom: 85px; }



#menu { position: fixed; left: 90%; /*margin-left: 650px;*/ top: 530px; z-index: 999; }
#menu ul { position: relative; background: url(../../jvj/images/01_03.png) no-repeat; width: 137px; height: 500px; padding: 70px 10px; }
#menu li { text-align: center; height: 37px; line-height: 42px; border-bottom:#454238 1px solid; }
#menu li a { color: #f8dfb7; font-size: 16px; }
#menu li a:hover, #menu li a.current { text-decoration: none; color: #f4b225; }
#menu .top { margin-top: 0; position: relative; }


/*奖项设置*/
.tabox{width:1200px;margin:30px auto; float:left;}
.tabox .hd{overflow:hidden;}
.tabox .hd h2{ text-align:center; font-size:36px; height:50px; color:#FC0; margin-bottom:50px; background:url(../../jvj/images/fl.png) no-repeat bottom;}
.tabox .hd ul.part5{  margin:0 auto; width:1200px; height:160px;}
.tabox .hd ul.part3{margin:0 auto; width:800px; height:160px;}
.tabox .hd ul.part2{margin:0 auto; width:800px; height:160px;}
.tabox .hd ul.part1{margin:0 auto; width:200px; height:160px;}
.tabox .hd li{position:relative;height:160px;line-height:37px;text-align:center;width:175px;float:left; font-size:16px;_font-weight:bold;cursor:pointer;  background:url(../../jvj/images/cup.png) no-repeat; color:#ffdd99; padding-top:100px; float:left; margin:0px 12px;}
.tabox .hd li.on{width:175px; background:url(../../jvj/images/cupon.png) no-repeat;color:#f4b225;}
.tabox .bd{height:auto;}
.tabox .lh{overflow:hidden;margin-right: -15px;margin-left: -15px;}
.tabox .lh .lh_tit{ width:1200px; height:50px; margin:30px auto; background:url(../../jvj/images/headline.png) no-repeat; font-size:24px; text-align:center; color:#ffdd99;}
.tabox .lh li{width:205px;padding:0 15px;float:left; margin-bottom:30px;}

.tabox .lh li .p-img{width:125px;height:125px;padding:0;margin:0 auto;text-align:center;}
.tabox .lh li .p-img img{width:125px;height:125px;}
.tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden; color:#ffdd99; text-align: center; margin:10px 0; font-size:14px;
}
.tabox .lh li .p-vote{text-align:center;}
.tabox .lh li .p-vote p{color: #ffdd99;  font-size:14px;}
.tabox .lh li .p-vote button{
	cursor: not-allowed;
	display: inline-block;
  margin-top: 10px;
  width: 60px;
  height: 36px;
  font-size: 12px;
  background: #b5b5b5;
  border: 0;
  border-radius: 5px;
  color: #4a1300;
  pointer-events:none;
  }
  
  
.timeddtp { width: 1200px; height: 30px; float:left; z-index: 95; text-align: center; color: #ffdd99; font-size: 16px; margin:10px 0px 30px 0px; }
.E_onebot { float: left; margin-bottom:40px; }
.qyul { width: 1200px; height: auto; float: left; }
.qyul li { width: 170px; height: 55px; float: left; margin:0 15px 30px }
.qyul li img { width: 170px; height: 55px; }



@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#rotate{ width:1200px; background:#1b1b1d; color:#fff; float:left;}
.applytab
{
	width:95%;margin:0 auto;color:#FFF;
	border-collapse: collapse;
	 font-size:1.3em;
	 margin-top:20px ;
	 margin-bottom:20px ;
}

table.applytab th{
  text-align:right;
  width:30%;
  font-weight:normal;
  padding:10px 30px;
  border-width:0;
  
}
table.applytab td{
  padding-left:30px;
  border-width:0;
  
}
table.applytab tr{
}
table.applytab caption
{  
	font-size:1.8em;
}
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "\5FAE\8F6F\96C5\9ED1", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    /*padding: 0 0 0 4px;*/ border-bottom:#666 2px solid; height:71px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	width:150px;
    float: left;
    margin: 0 0 0 1px;
	height:60px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
	font-size:30px;
    line-height: 2.0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color:#FC0;
	border-bottom:#FC0 2px solid;
}
.ui-tabs-nav a span { 
    padding-top: 6px;
    padding-right: 0;
	
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer; border-bottom:#FC0 2px solid;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
    background:#1b1b1d; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.validatebox-invalid {
  border-color: #ffa8a8;
  background-color: #fff3f3;
  color: #000;
  font-size:14px;
}
input[type='text'] {
display: block;
width: 70%;
height: 30px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type='text']:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
} 
.blue-pill {
    margin:20px;
    background-color: #b5b5b5;
    
    border-radius: 18px;
    border-style: none;
    color: #000;
    font: bold 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
	cursor:not-allowed;
	pointer-events:none;
}
.blue-pill:hover {
    background-color: #b5b5b5;
    border-style: none;
    cursor: not-allowed;
	pointer-events:none;
}



#demo{ color:#ccc;}
#demo .s2{ width:175px; height:175px;}
#demo p{ margin:5px 0; padding:0 15px;}
#demo p.c-name{ color:#ffdd99;}
#demo p.c-company{ font-size:14px;}

.wyhulbox2 { width: 1200px; height: auto; float: left; margin-left: -20px;  overflow: hidden; position: relative; }
.wyhulbox2 li { width: 205px; height: 300px; float: left; position: relative; margin-left: 25px; margin-bottom: 20px; }
.wyhulbox2 li img { width: 200px; height: 200px; display:block;  border:#987732 2px solid; margin:0 auto;}
.wyhbg4 { width: 205px; height: 92px; float:left;  z-index: 10; padding: 10px 0px; overflow: hidden; }

.E_com .bm{ width:1200px; height:80px; float:left; padding-left:100px; margin:50px 0 30px 0;}
.E_com .bm a{ width:275px; height:70px; font-size:28px; padding:10px;color:#300;  border-radius:5%; float:left; text-align:center; margin:0 100px; line-height:2.9rem; background:url(../../jvj/images/partake.png) no-repeat; font-weight:bold;}
.E_com .bm a:hover{ opacity:0.9; padding-top:11px;}
.E_rcPH-2{width: 100%; height:40px; text-align: center; font-size: 20px; color: #f1ca77; line-height: 30px; margin: 5px 0px; float:left;}

/*.E_banner .zb{ color:#facd52; position:absolute; left:380px; top:600px; width:1120px;text-align:left;}*/
.E_banner .zb{ color:#facd52; /*position:absolute; left:380px; top:600px;text-align:left;*/ padding-top:600px; margin:0 auto; width:1120px;}
.E_banner .zb-1{ width:230px; float:left;}
.E_banner .zb-2{ width:330px; float:left;}
/*.E_banner .mt{ margin-left:-10px;position:absolute;left:380px; top:760px; width:1120px;}*/
.E_banner .mt{ margin-left:-10px;/*position:absolute;left:380px; top:760px;*/ padding-top:150px; margin:0 auto; width:1120px;}
.E_banner .mt h3{color:#facd52; font-weight:bold; margin-bottom:15px;}
.E_banner .mt img{ width:120px; height:50px; margin:10px; float:left;}
.E_banner .mt span{ color:#facd52; margin:10px; float:left;}

/*.E_banner .mt2{ margin-left:-10px;position:absolute;left:380px; top:940px; width:1120px;}*/
.E_banner .mt2{ margin-left:-10px;/*position:absolute;left:380px; */ padding-top:150px; margin:0 auto; width:1120px;}
.E_banner .mt2 h3{color:#facd52; font-weight:bold; margin-bottom:15px;font-size: 20px;}
.E_banner .mt2 img{ width:150px; height:60px; margin:10px; float:left;}

.footer{padding-top:24px;padding-bottom:10px;text-align:center;width:1200px;float:left;}
.footer p{color:#c1c1c1; font-size:14px;}