@charset "UTF-8";
/* 
-webkit-: chrome, safari, ios-safari, android;
-moz-: firefox;
-o-: opera;
-ms-: IE;
*/
/* ============================================================================= */
@font-face {
  font-family: 'logo_icon';
  src:  url('../fonts/logo_icon.eot?snsrp8');
  src:  url('../fonts/logo_icon.eot?snsrp8#iefix') format('embedded-opentype'),
    url('../fonts/logo_icon.ttf?snsrp8') format('truetype'),
    url('../fonts/logo_icon.woff?snsrp8') format('woff'),
    url('../fonts/logo_icon.svg?snsrp8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.logo_icon:before{font-family: 'logo_icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
  -webkit-font-smoothing: antialiased;  /* Better Font Rendering =========== */
  -moz-osx-font-smoothing: grayscale;    /* Better Font Rendering =========== */
	content: "\e900";
  }
* {margin: 0; padding: 0;}
html { margin: 0px; padding: 0px; font-style: normal !important; }
html, body {color: #727171; font-family: "Helvetica Neue", Helvetica, sans-serif, "Microsoft YaHei", Arial; text-decoration: none; -webkit-font-smoothing: antialiased; height: 100%;}
/*---------------------------------------------*/
h1 {font-size: 48px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin: 0px;}
h2 {font-size: 24px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin: 0px;}
h3 {font-size: 16px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em; padding: 0px; margin: 0px;}
h4 {font-size: 24px; font-weight:300; color: #000; margin-bottom: 0.5em; line-height: 1.5em;padding: 0px; margin: 0px;}
p {font-size: 14px; font-weight:300; color: #727171;margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin:0px;}
/*---------------------------------------------*/
dl, dd, dt { margin: 0px; padding: 0px;}
ul, ol, li {margin: 0px;  padding: 0px; list-style-type: none;}
/*---------------------------------------------*/
hr {border-top: solid 1px #838181; margin-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; margin-bottom: 15px;}
/*---------------------------------------------*/
input, textarea, form {margin: 0px; padding: 0px; color: #666666; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;}
input, textarea {font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
/*---------------------------------------------*/
span, img {margin: 0px; padding: 0px; border: 0px; vertical-align: top;}
/*---------------------------------------------*/
table, th, td {font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif; line-height: normal;  margin: 0px; padding: 0px;  color: #333333;}
th {font-size: 1em;}
td {font-size: 1em;}
/*---------------------------------------------*/
a {color: #727171; text-decoration: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;  -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;}
a:hover {color: #004a98; text-decoration: none; opacity: 0.85;}
a:active {color: #004a98;text-decoration: none;}
a:focus{text-decoration: none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-tap-highlight:rgba(255,255,255,0); -webkit-text-size-adjust:none;}
/*---------------------------------------------*/
.bottom60{margin-bottom: 60px;}
.text_center{text-align: center}
.blue_text{color: #004a98;}
.warpper_bg{background-color: #f2f6fa;}
/*---------------------------------------------*/
.topper{background-color: #004a98; padding: 10px;}
.topper .logo_icon{font-size: 50px; color: #fff; margin: 0px; padding: 0px;}
.banner{}
.menubar{margin-bottom: 50px; width: 100%; overflow: hidden; position: relative;}
.menubar ul{width: 932px; margin: 0px auto;}
.menubar ul li{float: left; width: 16%; font-size: 16px;}
.menubar ul li a{display: block; width:100%; text-align: center; padding: 40px 0px; color: #fff; background-color: rgba(0,74,152,1)}
.menubar ul .nav1 a{background-color: rgba(0,74,152,0.6)}
.menubar ul .nav2 a{background-color: rgba(0,74,152,0.7)}
.menubar ul .nav3 a{background-color: rgba(0,74,152,0.8)}
.menubar ul .nav4 a{background-color: rgba(0,74,152,0.9)}
.menubar ul .nav5 a{background-color: rgba(0,74,152,1)}
.menubar ul li .active,.menubar ul li a:hover{background-color: rgba(218,218,218,1); color: #474342; font-weight: 600;}
h2 span{display: block; font-size: 18px; font-weight: 300;}
.warpper{padding: 80px 0px;}
.warpper h2{text-align: center; padding-bottom: 15px; margin-bottom: 2em; border-bottom: solid 1px #979696}
.activity_intro{margin-bottom: 60px;}
.activity_intro h3{background:url(../images/vote/h3_bg.png) no-repeat; height: 40px; color: #fff; padding: 4px 25px; margin-bottom: 15px;}
.activity_intro h3.long{background:url(../images/vote/h3_bg2.png) no-repeat;}
.activity_intro p{margin-bottom: 20px;}
.activity_bar .item {margin-bottom: 30px;}
.activity_bar .item .text{background-color: #fff; padding: 30px 20px; height: 120px; text-align: center;}
.activity_bar .item .selectbar{background-color: #fff; height: 30px; text-align: center; margin-top: -20px;}
.activity_bar .item .text h3{color: #595757; font-size: 16px; margin-bottom: 10px; font-weight: 600;}
.activity_bar .item .text h3 input{width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; margin-top: -3px;}
.activity_bar h4{background:url(../images/vote/h3_bg.png) no-repeat; height: 40px; color: #fff; padding: 4px 40px; margin-bottom: 15px; font-size: 17px;}
.activity_bar .active{color:#F00000;}
.verify_bar {background-color: #fff; padding: 30px; overflow: hidden; position: relative; width: 100%; box-sizing: border-box;}
.verify_bar .code{float: left; margin-top: 5px; }
.verify_bar .code label{margin-right: 10px;}
.verify_bar .code input{margin-right: 10px; border:none; background-color: #ededed; width: 100px; padding: 5px;}
.verify_bar .code span{font-size: 18px;}
.verify_bar .btn_bar{float: right;}
.verify_bar .btn_bar a{display: block; width: 100px; height: 42px; float: left; background-color: #007cbc; margin-right: 10px; text-align: center; line-height: 42px; color: #fff;}
.verify_bar .btn_bar .cancel_bar{background-color: #e9eaea; color: #595757;}
.footer_bar{background: url(../images/vote/footer_bg.jpg) no-repeat; background-size: cover; padding: 60px 0px;}
.footer_bar .text{font-size: 10px; color: #fff;}
.detail_content .big_pic{margin-bottom: 40px;}
.detail_content p{margin-bottom: 1.5em; text-indent: 2em;}
.crumb{border-bottom: solid 1px #838181; margin-bottom: 70px;}
.breadcrumb{background-color: transparent; border-left: solid 4px #004a97; border-radius: 0px; padding: 0px 10px; font-size: 16px; margin-bottom: 10px; font-family:'Glyphicons Halflings';}
.breadcrumb>li+li:before{padding:0 0px;color:#ccc; content:"\e258"; font-size: 14px; margin: 5px 5px 0px -10px;}
.captcha {cursor: pointer;}
.detail_content .big_pic .img-responsive{width: auto;max-width: 100%;}
.activity_intro .votetime{color:#ff0000;}

.magic-radio, .magic-checkbox { position: absolute; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.magic-radio[disabled], .magic-checkbox[disabled] { cursor: not-allowed; }
.magic-radio + label, .magic-checkbox + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; color: rgba(200,200,200,1); }
.magic-radio + label:before, .magic-checkbox + label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content: ''; border: 1px solid rgba(200,200,200,1); margin-top: 2px; }
.magic-radio + label:after, .magic-checkbox + label:after { position: absolute; display: none; content: ''; }
.magic-radio[disabled] + label, .magic-checkbox[disabled] + label { cursor: not-allowed; color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after { cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; animation-name: none; }
.magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before { border-color: #e4e4e4; }
.magic-radio:checked + label:after, .magic-checkbox:checked + label:after { display: block; }
.magic-radio + label:before { border-radius: 50%; }
.magic-radio + label:after { top: 7px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: rgb(0, 124, 188); }
.magic-radio:checked + label:before { border: 1px solid rgb(0, 124, 188); }
.magic-radio:checked + label { color: inherit; }
.magic-radio:checked[disabled] + label:before { border: 1px solid #c9e2f9; }
.magic-radio:checked[disabled] + label:after { background: #c9e2f9; }
.magic-checkbox + label:before { border-radius: 3px; }
.magic-checkbox + label:after { top: 2px; left: 7px; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; }
.magic-checkbox:checked + label:before { border: #3e97eb; background: #3e97eb; }
.magic-checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9; }
@media (max-width: 1200px){
}
	
@media screen and (min-width: 768px) and (max-width: 992px){
	.video_bar .video_thumb{width: auto;}
	.menubar ul{width: 700px; margin: 0px auto;}
	.activity_bar .item .text{background-color: #fff; padding: 20px 10px; height: 100px; text-align: center;}
}	
	

	
@media (max-width:767px) {
.warpper{padding: 30px 0px;}
.banner{margin: 0px -15px;}
.menubar ul{width: 100%; margin: 0px auto;}
.menubar ul li a{padding: 10px 0px; font-weight: 300; font-size: 12px;}
.activity_bar .item .text{background-color: #fff; padding: 20px 10px; height: 100px; text-align: center;}
.activity_popup .close_icon{position: static; text-align: right;}
.detail_content .title h1{font-size: 16px; margin-bottom: 15px;}
.video_bar .video_thumb{width: auto;}
.verify_bar .code{float: none; margin: 0px auto 20px; width: 250px; }
.verify_bar .btn_bar{float: none; margin: 0px auto; width: 220px;}
.topper .container img{width:100%;}
}