﻿@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

body{ position: relative;}
.wrap_bg{ background: url(../images/bg.jpg) no-repeat center top;}
.wrap{ width: 1000px; height: 4551px; margin: 0 auto; color: #343233;}
#wm_bottom_{ left: 0; bottom: 0;}

/* header */
.header{ position: relative; height: 644px; background: url(../images/bg_header.jpg) no-repeat 0 0;}
.logo{ position: absolute; top: 20px; left: 50%; margin-left: -59px;}
.logo img{ width: 118px;}
.entered_btn{ position: absolute; top: 500px; left: 50%; margin-left: -184px;}

/* box1 */
.box1{ height: 779px; padding: 0 38px; background: url(../images/bg_01.jpg) no-repeat 0 0;}
.box1 .info{ padding-top: 220px; margin-bottom: 55px; line-height: 26px; font-size: 16px;}
.box1_iframe .f_left{ position: relative; width: 518px; height: 300px; border: 1px solid #D2C9B8;}
.box1_iframe .slides dl{ z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; height: 62px; color: #FFF;}
.box1_iframe .slides dd{ padding: 10px 0 0 24px;}
.box1_iframe .prev, .box1_iframe .next{ position: absolute; top: 50%; margin-top: -29px;}
.box1_iframe .prev{ left: 1px;}
.box1_iframe .next{ right: 1px;}
.box1_iframe .f_right{ width: 354px; height: 276px; padding: 13px 16px; background: url(../images/news.png) no-repeat 0 0;}
.box1_iframe .f_right dd{ height: 40px; line-height: 40px; overflow: hidden; background: url(../images/news_li.png) no-repeat center left; text-indent: 23px;}
.box1_iframe .f_right dd span{ float: right;}
.box1_iframe .f_right dd a{ color: #353334;}
.box1_iframe .f_right dd a:hover{ color: #C34D27; text-decoration: underline;}
.box1_iframe .f_right dt{ padding-top: 10px; text-align: center;}
.box1_iframe .f_right dt a{ display: inline-block; width: 160px; height: 49px; background: url(../images/news_more.png) no-repeat 0 0;}
.box1_iframe .f_right dt a:hover{ background-position: 0 -49px;}

/* box2 */
.box2{ height: 1201px;}
.box2.vote{ background: url(../images/bg_02_2.jpg) no-repeat 0 0;}
.box2.experiment{ background: url(../images/bg_02.jpg) no-repeat 0 0;}
.box2 .info{ padding: 278px 95px 30px 265px; height: 180px; line-height: 25px;}
.box2 .info h2{ margin-bottom: 20px; font-size: 20px; color: #c24d28;}
.box2 .info span{ color: #C34C2A;}
.login{ visibility: hidden; margin-bottom: 105px; height: 25px; line-height: 25px; text-align: center; background: url(../images/login.png) no-repeat center center; font-size: 16px;}
.login a{ color: #2ac2a7;}
.box2 table{ width: 692px;}
.box2 td{ height: 49px;}
.box2 td.city{ width: 97px; font-size: 16px; font-weight: bold;}
.box2 td.city label{ cursor: pointer;}
.box2 td.city span{ display: inline-block; width: 17px; height: 17px; margin-right: 5px; background: url(../images/radio.jpg) no-repeat 0 0; vertical-align: -2px;}
.box2 td.city label.on span{ background-position: 0 -17px;}
.box2 td.city label input{ display: none;}
.box2 td.bar{ width: 515px; padding-left: 15px; background: url(../images/bar_bg.jpg) no-repeat center left;}
.box2 td.bar div{ width: 501px;}
.box2 td.bar div p{ height: 28px; background: url(../images/bar.jpg) no-repeat 0 0;}
.box2 td.num p{ width: 64px; height: 31px; line-height: 31px; text-align: center; background: url(../images/num.png) no-repeat 0 0; font-size: 14px; color: #e9625d;}
.box2 td.other{ padding: 25px 0; text-align: center; font-size: 18px; color: #2bc2a8;}
.box2 td.other span{ display: inline-block; width: 10px; height: 10px; margin-right: 5px; overflow: hidden; background-color: #27C4A7;}
.box2 td.other input{ width: 274px; height: 34px; line-height: 34px; padding: 0 10px; margin-left: 10px; font-size: 18px; color: #343233; background-color: #FFF; border: 1px solid #8AB2AA; border-radius: 3px;}
.box2 td.vote_btn{ text-align: center;}
.box2 td.vote_btn input{ width: 236px; height: 72px; background: url(../images/vote_btn.png) no-repeat 0 0; border: none; cursor: pointer;}
.box2 .tip{ margin-top: 45px; text-align: center; color: #ea6560;}
.experiment .sub_title{ margin: 40px auto; text-align: center;}
.experiment .sub_title h2{ font-size: 28px; font-weight: normal;}
.experiment .sub_title span{ display: inline-block; width: 32px; height: 2px; overflow: hidden; background-color: #959697;}
.experiment .award{ position: relative; height: 365px; padding-top: 125px;}
.experiment .prize_time, .experiment .prize_code{ position: absolute; left: 50%; margin-left: -119px;}
.experiment .prize_time{ top: 0;}
.experiment .prize_code{ bottom: 0;}

/* box3 */
.box3{ height: 649px; background: url(../images/bg_03.jpg) no-repeat 0 0;}
.box3 .info{ padding: 120px 0 45px 0; text-align: center; line-height: 30px; font-size: 18px; color: #188773;}
.box3 .msg{ width: 951px; height: 312px; padding-top: 33px; margin: 0 auto; background: url(../images/msg.png) no-repeat 0 0;}
.box3 .write{ width: 200px; margin: 0 79px 0 117px;}
.box3 .write .text{ width: 178px; height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid #C7C9C6; background-color: #D3D3D1;}
.box3 .write textarea{ margin: 15px auto; width: 178px; height: 133px; padding: 10px; border: 1px solid #C7C9C6; background-color: #D3D3D1;}
.box3 .write .btn{ display: block; margin: 0 auto; width: 168px; height: 52px; background: url(../images/msg_btn.png) no-repeat 0 0; border: none; cursor: pointer;}
.box3 .list{ width: 500px;}
.box3 .list li{ height: 50px; line-height: 50px; border-bottom: 1px dashed #D7D7D9; font-size: 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* box4 */
.box4{ height: 300px; padding-top: 142px; background: url(../images/bg_04.jpg) no-repeat 0 0;}
.box4 li, .experiment li{ position: relative; float: left; width: 25%; height: 238px; perspective: 1000; transform-style: preserve-3d;}
.box4 li .flip, .experiment li .flip{ transition: 0.6s; transform-style: preserve-3d;}
.box4 li p, .experiment li p{ position: absolute; top: 0; left: 50%; margin-left: -119px; backface-visibility: hidden;}
.box4 li p.front, .experiment li p.front{ z-index: 2;}
.box4 li p.back, .experiment li p.back{ transform: rotateY(-180deg);}
.box4 li:hover .flip, .experiment li:hover .flip{ transform: rotateY(180deg);}

/* box5 */
.box5{ height: 572px; padding-top: 168px; background: url(../images/bg_05.jpg) no-repeat 0 0;}
.hd_nav{ margin-bottom: 39px; padding-bottom: 23px; border-bottom: 1px solid #29C2A6;}
.hd_nav dl{ width: 690px; margin: 0 auto;}
.hd_nav dd{ position: relative; float: left; width: 115px; height: 22px; background: url(../images/nav.png) no-repeat; cursor: pointer;}
.hd_nav dd.n1{ background-position: 12px 0;}
.hd_nav dd.n2{ background-position: -110px 0;}
.hd_nav dd.n3{ background-position: -232px 0;}
.hd_nav dd.n4{ background-position: -356px 0;}
.hd_nav dd.n5{ background-position: -469px 0;}
.hd_nav dd.n6{ background-position: -586px 0;}
.hd_nav dd.n1.on{ background-position: 12px -22px;}
.hd_nav dd.n2.on{ background-position: -110px -22px;}
.hd_nav dd.n3.on{ background-position: -232px -22px;}
.hd_nav dd.n4.on{ background-position: -356px -22px;}
.hd_nav dd.n5.on{ background-position: -469px -22px;}
.hd_nav dd.n6.on{ background-position: -586px -22px;}
.hd_nav dd span{ display: none; position: absolute; top: 42px; left: 0px; width: 108px; height: 20px; background: url(../images/nav_on.png) no-repeat;}
.hd_nav dd.on span{ display: block;}
.slides_pic{ position: relative; height: 410px;}
.hd_pic{ position: absolute; bottom: 10px; left: 0px; width: 100%; text-align: center; height: 11px; z-index: 1;}
.hd_pic a{ display: inline-block; width: 9px; height: 9px; margin: 0 7px; border: 1px solid #4BBEB1; background-color: #FFF; border-radius: 5px;}
.hd_pic a.on{ background-color: #4BBEB1;}

/*右边侧边栏*/
.sider{width:180px;height:406px;position:fixed;right:0;top:300px;background:#bce8e3;text-align: center;}
.sider h3{height:33px;background:url(http://zx.wanmei.com/hd/1611/meeting_bao/images/stit.jpg) no-repeat center;text-indent:-9999px;}
.sider img{margin:10px 0;}
.sider a.download{display:block;width:160px;height:60px;margin:0 auto 10px;text-indent:-9999px;}
.sider a.download.appBtn{background:url(http://zx.wanmei.com/hd/1611/meeting_bao/images/appBtn.jpg) no-repeat center;}
.sider a.download.andBtn{background:url(http://zx.wanmei.com/hd/1611/meeting_bao/images/andBtn.jpg) no-repeat center;}
.sider a#backTop{display:block;width:180px;height:46px;background:url(http://zx.wanmei.com/hd/1611/meeting_bao/images/backTop.jpg) no-repeat center;text-indent:-9999px;position:absolute;bottom:0;left:0;}
.sider a.siderBtn{display:block;width:29px;height:114px;position:absolute;left:-29px;top:90px;background:url(http://zx.wanmei.com/hd/1611/meeting_bao/images/shou.png) no-repeat center;}
.sider a.siderBtn.on{background-image:url(http://zx.wanmei.com/hd/1611/meeting_bao/images/kai.png);}




/*主编修改*/
ul.cf {
	text-align: center;
}

.box4 .cf li {
	display: inline-block;
	float: none;
}
.box2.vote {
	display: none;
}

.box2.experiment.none {
	display: block;
}
.experiment .cf li{
	width: 24%;
}

a.entered_btn.none {
	display: block;
}


/*2016年11月18日*/
.experiment img.prize_code {
	margin-left: -141px;
	top: -13px;
}

.experiment .award {
	padding-top: 261px;
}

.box2 {
	/* height: 1300px; */
}

.box2 .info {
	padding-bottom: 10px;
}

.experiment .sub_title {
	margin: 27px auto;
}