/* ==================index.html==================*/


/* Reset ---------------*/

.content {
	width: 1200px;
	margin: 0 auto;
}

/* #top ---------------*/

#top {
	background-color: #3e3e3e;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
#top a {
	display: inline-block;
	color: #fff;
	padding: 0 8px;
}
#top a:hover {
	color: #CCC;
	text-decoration: none;
	background-color: #6F6F6F;
}
.quick-menu {
	padding: 0 15px;
}
.quick-menu {
	float: left;
}
.quick-menu li {
	float: left;
}
.quick-menu a:hover {
	background: none;
}
.login-info {
	float: right;
	margin-right: 15px;
}

/* .nav ---------------*/

#header {
	border-bottom: 2px solid #000;
	width: 100%;
	background: #fff;
}
.cm-logo {
	margin-top: 30px;
}
.nav {
	position: absolute;
	z-index: 146;
	right: 0;
	bottom: 0;
}
.nav-list li {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	border-width: 3px 3px 2px 3px;
	border-style: solid;
	border-color: #666666 #666666 #000000 #666666;
	width: 144px;
	height: 42px;
	line-height: 42px;
	margin-left: 12px;
	margin-bottom: -2px;
	float: left;
	background-color: #666666;
}
.nav-list li.active {
	border-bottom-color: #ffffff;
	background-color: #ffffff;
}
.nav-list li a {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}
.nav-list .active a {
	color: #333333;
}
.nav-list li:hover {
	background: #000;
	border-color: #000;
}
.nav-list li:hover a {
	color: #fff;
}

/* .banner ---------------*/

#slid_banner {
	position: relative;
	height: 360px;
	margin-top: 40px;
	*z-index: 1;
}
#slid_banner li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center top;
	*z-index: 1;
}
#slid_banner a {
	display: block;
	width: 100%;
	height: 100%;
}
#slid_banner p {
	height: 13px;
	right: 72px;
	bottom: 48px;
	position: absolute;
	text-align: right;
	width: 100%;
	z-index: 50;
}
#slid_banner span {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 13px;
	margin: 0 8px;
	width: 13px;
	background: #cccccc;
	border: 1px solid #888888;
}
#slid_banner span.now {
	background: #e90029;
	border-color: #e90029;
}
#slid_banner div {
	height: 100%;
}
#slid_banner .slid_control {
	position: absolute;
	width: 40px;
	height: 70px;
	overflow: hidden;
	top: 50%;
	margin-top: -40px;
	background-image: url(../images/icons.png);
	z-index: 1000;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#slid_banner .wrapper {
	*z-index: 2;
}
#slid_banner .slid_control:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#slid_banner .slid_prev {
	background-position: 0 -44px;
	left: 0;
}
#slid_banner .slid_next {
	background-position: -66px -44px;
	right: 0;
}
.wrapper {
	width: 1200px;
	margin: 0 auto;
}

/* .video_banner ---------------*/

#video_slid_banner {
	position: relative;
	height: 390px;
	margin-top: 40px;
	*z-index: 1;
}
#video_slid_banner li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	*z-index: 1;
}
#video_slid_banner a {
	display: block;
	width: 100%;
	height: 100%;
}
#video_slid_banner p {
	height: 13px;
	left: 0;
	bottom: 30px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 50;
	display: none;
}
#video_slid_banner span {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 13px;
	margin: 0 8px;
	width: 13px;
	background: #cccccc;
	border: 1px solid #888888;
}
#video_slid_banner span.now {
	background: #e90029;
	border-color: #e90029;
}
#video_slid_banner div {
	height: 100%;
}
#video_slid_banner .slid_control {
	position: absolute;
	width: 40px;
	height: 70px;
	overflow: hidden;
	top: 50%;
	margin-top: -20px;
	background-image: url(../images/icons.png);
	z-index: 1000;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#video_slid_banner .wrapper {
	*z-index: 2;
}
#video_slid_banner .slid_control:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#video_slid_banner .slid_prev {
	background-position: 0 -44px;
	left: 0;
}
#video_slid_banner .slid_next {
	background-position: -66px -44px;
	right: 0;
}
.baner-video-des {
	display: none;
	position: absolute;
	right: 70px;
	top: 0;
	color: #333;
	width: 490px;
}
.baner-video-des h2 {
	font-size: 20px;
}
.baner-video-des blockquote {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 40px;
	text-align: justify;
}
.nowImg .baner-video-des {
	display: block;
}

/* .content ---------------*/

.bd-wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}
.left-blank {
	float: left;
}
.right-blank {
	float: left;
	margin-left: 40px;
}
.bd-inner-wrap {
	margin-top: 40px;
	width: 800px;
}
.innner-wrap-title {
	border-bottom: 4px solid #ccc;
	height: 50px;
	line-height: 50px;
	position: relative;
}
.innner-wrap-title h2 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	border-bottom: 4px solid #f00;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}
.innner-wrap-title .more {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 16px;
	color: #333;
	text-align: right;
	position: absolute;
	right: 0;
}
.inner-wrap-cont {
	padding: 15px 0 0;
}
.inner-wrap-cont img {
	margin-bottom: 15px;
}
.rt-inner-wrap {
	margin: -130px 0 50px 0;
	width: 360px;
}
.right_module {
	margin-top: 40px;
	width: 360px;
}
.sub-mat {
	width: 100%;
	margin: 10px 0;
	float: left;
}
.mat-pic {
	width: 280px;
	float: left;
	margin-right: 30px;
}
.mat-pic img {
	width: 100%;
}
.mat-detail-style .mat-right {
	width: 610px;
	float: right;
}
.mat-right h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}
.mat-right p {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
	color: #333;
}
.mat-right .dlMatBtn {
	display: block;
	float: right;
	width: 108px;
	height: 24px;
	line-height: 24px;
	box-sizing: border-box;
	padding-left: 40px;
	background-color: #e90029;
	background-image: url(../images/mat-dl.png?46);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 17px 4px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	margin-top: 20px;
}
.ind-video {
	margin: 10px auto 46px;
	width: 100%;
}
.ind-video li {
	width: 50%;
	height: 240px;
	float: left;
}
.ind-video li:nth-child(odd) {
	text-align: left;
}
.ind-video li:nth-child(even) {
	text-align: right;
}
.cmp-intro {
	float: left;
	width: 560px;
	margin-right: 40px;
}
.cmp-intro p {
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
}

/* .right-blank---------------*/

.test-qu {
	width: 100%;
	margin-top: 13px;
	margin-bottom: 35px;
	float: left;
}
.test-qu .pic {
	display: block;
	float: left;
	width: 160px;
	height: 100px;
	margin-right: 14px;
}
.test-rt h3 {
	color: #333;
	font-weight: bold;
	font-size: 16px;
}
.test-rt p {
	margin-top: 10px;
	color: #333;
}
.test-rt .chaBtn {
	width: 87px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: block;
	margin-top: 20px;
	float: right;
	background-color: #e90029;
}
.test-rt .noStart {
	color: #fff;
	background-color: #999;
}
.fill-wrap-title {
	height: 45px;
	line-height: 40px;
	background-color: #e90029;
	color: #fff;
}
.fill-wrap-title h2 {
	margin-left: 8px;
	font-size: 20px;
	display: inline;
}
.fill-wrap-cont {
	background-color: #f2f2f2;
}
.fill-wrap-cont ul {
	margin: 0 10px;
	padding: 0 0 20px 0 ;
}
.fill-wrap-cont ul li {
	list-style: none;
	margin-top: 12px;
	margin-bottom: 6px;
}
.prompt-lists h3 span {
	font-size: 20px;
	color: #e90029;
}
.prompt-lists h3 a {
	color: #333;
	font-weight: bold;
	font-size: 16px;
}
.prompt-lists p {
	margin-left: 18px;
	margin-top: 6px;
	font-size: 14px;
}
#promptList h3 a {
	cursor: pointer;
}

/* material Detail Page ------------*/

.mat-detail-style .mat-pic {
	width: 180px;
	height: 96px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
.video-mat {
	margin: 16px 0;
}
.video-mat .mat-pic {
	width: 285px;
	height: 164px;
	float: left;
	margin-right: 12px;
}
.video-mat .mat-right h3 {
	font-size: 16px;
	margin-top: 0;
}
.video-mat .mat-right p {
	margin-top: 10px;
	line-height: 1.6;
}
.video-mat .mat-right .dlMatBtn {
	display: block;
	float: left;
	width: 87px;
	height: 24px;
	line-height: 24px;
	box-sizing: border-box;
	padding-left: 0;
	margin-top: 14px;
	background-color: #e90029;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 0 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

/*微信*/

.wx-cmp {
	margin-left: 15px;
	height: 304px;
}
.wx-cmp h2 {
	color: #e8001a;
	font-weight: bold;
	font-size: 24px;
	margin-top: 16px;
}
.wx-cmp span {
	color: #000;
	font-weight: lighter;
	font-size: 20px;
}
.wx-cmp img {
	margin-left: -15px;
	width: 280px;
	height: 280px;
}
.wx-cmp-tips {
	margin-left: 20px;
	font-size: 18px;
	color: #000;
}

/*客服咨询*/

.kefu-contact {
	color: #333;
	font-size: 16px;
}
.qr_code {
	float: right;
	width: 265px;
	margin: 50px 80px 0 0;
}

/*弹窗*/

.pop_window {
	z-index: 1011;
	position: fixed;
	padding: 0px;
	margin: 0px 0px 0px -250px;
	width: 500px;
	top: 5%;
	left: 50%;
	color: rgb(0, 0, 0);
	border: 8px solid rgb(216, 216, 216);
	border-radius: 5px;
	cursor: default;
	height: 600px;
	line-height: 1.6;
	background: rgb(255, 255, 255);
	font-size: 14px;
}
.form-item {
	height: 484px;
	overflow-y: scroll;
}
.layer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: url(../images/opacity.png);
}
.pop_window_box {
	display: none;
}
.pop_window_box .error {
	color: #f00;
	background: none;
	padding-left: 8px;
	font-weight: normal;
}
#video_box .dialog {
	background: #F6F6F6;
}
#video_box .pop_window {
	width: 800px;
	height: 500px;
	margin-left: -400px;
}
#video_player_box {
	padding: 0;
}
#video_player_box {
	height: 450px;
}
#video_box .dialog-hd {
	margin-right: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

/* footer ------------*/

.footer {
	font: 12px/30px "微软雅黑";
	color: #fff;
	width: 100%;
	padding: 64px 0 64px;
	background: #333;
	border-top: 2px solid #eee;
	text-align: center;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	text-decoration: underline;
}
.contact {
	width: 100%;
	padding: 8px 0;
	color: #fff;
	background: #a0a0a0;
	text-align: center;
}

/*统计*/

.counts {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 66;
	width: 20px;
	height: 20px;
}

/*提示修改邮箱地址 -----------------------------------------------*/

#content {
	width: 1000px;
	margin: 0 auto;
}
#content p#email_tip, #content p#send, #content p#mod, p.email_notice {
	width: 970px;
	height: 50px;
	font: 14px/50px Tahoma, 'Microsoft Yahei', 'Simsun';
	color: #333;
	background: #f3f3f3;
	margin-bottom: 8px;
	padding-left: 30px;
}
.blackTip {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111;
}
#email_mod {
	width: 580px;
	border-radius: 5px;
	background: #fff;
	position: absolute;
	top: 20%;
	left: 27%;
	z-index: 999;
}
.emailTip a, .emailTip a:link, .emailTip a:visited, .emailTip a:hover {
	color: #3d8ec9;
	cursor: pointer;
}
.mod_title, .suc_title {
	font: 20px/50px Tahoma, 'Microsoft Yahei', 'Simsun';
}
.mod_title {
	height: 50px;
	width: 563px;
	color: #666;
	background: #f6f6f6;
	border-radius: 5px 5px 0 0;
	padding-left: 17px;
}
.email-input:focus {
	border: 1px solid #39a3ff;
	color: #666666;
}
#email-form ul {
	padding: 30px 20px 20px 18px;
	font: 16px/18px Tahoma, 'Microsoft Yahei', 'Simsun';
	color: #666;
}
#email-form ul li {
	margin-bottom: 22px;
}
.error {
	background: url('/skin-2012/images/login-ico1.png') no-repeat 1px -74px;
	padding-left: 28px;
	color: #D02D2D;
	font-size: 14px;
	line-height: 24px;
}
#email-error {
	margin-left: 106px;
}
.email-input {
	width: 412px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #ccc;
	font: 16px/18px Tahoma, 'Microsoft Yahei', 'Simsun';
	padding: 7px 10px;
}
.sub, .res {
	float: right;
	width: 120px;
	height: 36px;
	font: 18px/36px Tahoma, 'Microsoft Yahei', 'Simsun';
	text-align: center;
	border-radius: 5px;
	border: 0;
	color: #fff;
	cursor: pointer;
}
.res {
	margin-right: 20px;
	background: #aaa;
}
.res:hover {
	background: #ccc;
}
.sub {
	background: #c80d00;
}
.sub:hover {
	background: #e1261a;
}
.frm_btn {
	background: none;
	color: #fff;
	width: 100%;
	height: 36px;
	vertical-align: top;
}
.email_close {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 18px;
	right: 18px;
	cursor: pointer;
	background: url(http://www.elecfans.com/skin-2012/images/icons.png) no-repeat -147px -337px;
}
.suc {
	text-align: center;
	padding-bottom: 44px;
}
.suc_title {
	margin-top: 14px;
	margin-bottom: 14px;
}
p.suc-tip {
	font: 14px/32px Tahoma, 'Microsoft Yahei', 'Simsun';
	color: #666;
}

/* 对话框样式 -----------------------------------------------*/

.dialog {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	font-family: \5fae\8f6f\96c5\9ed1;
}

/*hd*/

.dialog-hd {
	height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #F1F1F1;
	background: #F6F6F6;
	color: #555;
	font-size: 20px;
	line-height: 50px;
	text-indent: 15px;
}
.dialog-hd span {
	font-size: 12px;
	color: #eee;
	font-family: arial;
}
.dialog-hd a {
	color: #eee;
}

/*bd*/

.dialog-bd {
	padding: 10px;
}
.dialog-loading {
	width: 140px;
	margin: 0 auto;
	padding-top: 25px;
	color: #666;
}
.dialog-loading img {
	float: left;
	margin: 2px 5px 0 0;
}

/*close*/

.close-dialog {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 28px;
	height: 28px;
	color: #D0CECF;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
}
.close-dialog:hover {
	color: #444;
}

/*对话框表单提交成功提示*/

.success-tip {
	padding: 40px 30px 30px 130px;
	background: url(/skin-2012/images/tip-ok.jpg) no-repeat 50px 22px;
}
.tip-title {
	margin-left: -3px;
	color: #000;
	font-size: 26px;
	font-weight: bold;
}
.tip-content {
	color: #666;
	font-size: 12px;
}

/*登录窗口 -----------------------------------------------*/

.other-login-link {
	display: block;
	width: 270px;
	margin: 15px auto;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-indent: 35px;
	font-size: 16px;
	border-radius: 3px;
	background: url(http://www.elecfans.com/skin-2014/images/other-login.png) no-repeat;
}
.dialog .other-login-link {
	color: #fff;
}
.other-login-link:hover {
	color: #fff;
	text-decoration: none;
}
.sina-login-link {
	background-color: #FA8C35;
	background-position: 45px 3px;
}
.qq-login-link {
	background-color: #0C95D9;
	background-position: 45px -42px;
}

/*表单*/

.login-form {
	margin-left: 40px;
	border-top: 1px dotted #E5E5E5;
	width: 270px;
	position: relative;
	margin-top: 20px;
	padding-top: 5px;
}
.login-line {
	position: absolute;
	left: 110px;
	top: -12px;
	background-color: #fff;
	display: inline-block;
	font-size: 14px;
	color: #ccc;
}
.login-form-item {
	margin-top: 15px;
}
.login-input, .login-form-tip, .forgetPw, #back-login-link {
	background: url(http://www.elecfans.com/skin-2012/images/login-ico1.png) no-repeat;
}
.login-input {
	width: 225px;
	height: 20px;
	padding: 7px 5px 7px 40px;
	border: 1px solid #D0CECF;
	border-radius: 3px;
	font-family: \5fae\8f6f\96c5\9ed1;
	font-size: 16px;
	line-height: 20px;
}
.li .red-bor {
	border: 1px solid red;
}
.login-input:focus {
	border-color: #4aabff;
}
.login-input-username {
	background-position: 8px 5px;
}
#password {
	background-position: 8px -33px;
}

/*loading*/

.loading {
	display: none;
	float: left;
	position: relative;
	margin: 7px 0 0 -25px;
}
.loading img {
	display: block;
	width: 16px;
	height: 16px;
}
.login-btn-area {
	margin-top: 10px;
}
.login-btn-area .btn-hasLoading-wrap {
	float: left;
}
.login-submit, .lostpw-submit {
	padding: 5px 30px;
	font-size: 16px;
	margin: 0;
}
.dialog .forgetPw {
	color: #1EA3E4;
	padding-right: 48px;
	background-position: right -98px;
	float: left;
	margin-top: 6px;
	margin-left: 20px;
}
.forgetPw:hover {
	text-decoration: none;
}

/*表单提示*/

.login-form-tip {
	display: none;
	line-height: 24px;
	width: 243px;
	padding-left: 27px;
	background-position: 0 -73px;
	font-size: 14px;
	margin-top: 10px;
}
.login-form-tip.tip-show {
	display: block;
}

/*忘记密码*/

.lostpw-form {
	margin-left: 40px;
	margin-top: 10px;
	width: 270px;
}
.login-input-email {
	background-position: 8px -124px;
}
a#back-login-link {
	color: #666;
	text-decoration: none;
	padding-left: 52px;
	background-position: 0 -231px;
}
.login-submit {
	padding: 3px 20px;
	background-color: #C80C00;
	border: none;
	color: #fff;
	border-radius: 3px;
	font-family: \5fae\8f6f\96c5\9ed1, \5b8b\4f53;
	font-size: 14px;
}
.loading {
	margin-left: -10px;
}

/*12.13top修改*/

.notice {
	float: right;
	padding-left: 24px;
	margin-right: 20px;
	color: #fff;
	background: url(/skin-2012/images/notice.png) no-repeat 0 3px;
}
.my-info {
	float: right;
	position: relative;
	z-index: 100;
}
.u-info {
	float: left;
}
.u-info img {
	float: left;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	margin-top: 5px;
}
.drop-icon {
	*float: left;
	*margin-top: 4px;
	padding-right: 16px;
	background: url(/skin-2012/images/arrow.png) no-repeat 5px 1px;
}
.top-dropdown:hover .drop-icon {
	background-position: 5px -43px;
}
.top-dropdown-menu {
	position: absolute;
	right: 0;
	top: -9999px;
	width: 130px;
	padding: 9px 0;
	background: #111;
	z-index: 100;
	box-shadow: 2px 2px 3px #999;
}
#top .top-dropdown-menu a {
	font-size: 14px;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #ccc;
	white-space: nowrap;
}
.top-dropdown-menu a:hover {
	color: #fff;
	text-decoration: none;
	background: #999;
}
.icons {
	display: inline-block;
}
#NITopAdLeft {
	float: left;
	height: 90px;
	overflow: hidden;
	width: 728px;
}
#NITopAdRight {
	float: right;
	height: 90px;
	overflow: hidden;
	width: 260px;
}

/*↑什么鬼！CSS写的乱七八糟的！！！*/


/*
 *导航子集下拉菜单样式
 */

.sub_menue {
	display: none;
	position: absolute;
	margin: 0 -3px;
	left: 0;
	right: 0;
	border: none;
	background: #292929;
	background: rgba(0, 0, 0, .8);
}
.sub_menue li {
	background: none;
	border: none;
	margin: 0;
}
.sub_menue li a {
	font-size: 14px;
	color: #fff !important;
	background: none;
	font-weight: normal;
}
.nav-list li:hover .sub_menue {
	display: block;
}

/*活动介绍*/

.content_des {
	padding: 45px 0;
	line-height: 32px;
}
.content_des h2 {
	display: block;
	margin-bottom: 25px;
}
.content_des a {
	color: #D02D2D;
	text-decoration: underline;
}
#answer_btn {
	background: #DD2222;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}

/*幸运礼品*/

.gifts {
	margin: 50px 0;
}
.gifts ul {
	display: block;
	margin-right: -65px;
}
.gifts li {
	float: left;
	text-align: center;
	margin-right: 64px;
}
.gifts img {
	border: 1px solid #ddd;
	padding: 0 20px;
	display: block;
	margin: 30px 0;
}

/*抽奖*/

#lottery {
	padding: 20px 45px;
	background: #F6F6F6;
}
.lotter_des {
	width: 400px;
}
.lotter_des h2 {
	font-size: 18px;
	display: block;
	margin: 40px 0 20px 0;
}
.lotter_des p {
	line-height: 30px;
	margin-bottom: 20px;
}
.lotter_des big {
	font-size: 16px;
	display: block;
	margin-bottom: 30px;
}
.lotter_des .join_btn {
	background: #AE6112;
	color: #fff;
	border: none;
}
.lotter_des a {
	text-decoration: underline;
	color: #D02D2D;
}

/*抽奖功能区*/

#lottery_area {
	width: 770px;
}
.turntable {
	background: url(../images/turntable.png) no-repeat top center;
	width: 370px;
	height: 370px;
	position: relative;
	margin-left: 20px;
}
#lottery_start_btn {
	background: none;
	width: 135px;
	height: 135px;
	background: url(../images/start.png) no-repeat center center;
	border: none;
	outline: none;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -67.5px 0 0 -67.5px;
	color: #fff153;
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
	z-index: 100;
}
#lottery_start_btn:active {
	font-size: 30px;
}
.lottery_start_bg {
	background: url(../images/pointer.png) no-repeat center center;
	width: 200px;
	height: 200px;
	margin: -100px 0 0 -100px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 20;
}

/*获奖名单*/

.winner_list {
	width: 300px;
	background: #ED4A67;
	color: #fff;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 15px;
}
.winner_list a {
	color: #FFC20E;
	text-decoration: underline;
}
.winner_list_title {
	display: block;
	background: #E90029;
	font-size: 16px;
	padding: 10px 20px;
}
.winner_list_list {
	display: block;
	margin: 20px;
	overflow: hidden;
	height: 150px;
}
.winner_list_des {
	display: block;
	padding: 20px;
	font-size: 14px;
}
.winner_list_list li {
	line-height: 25px;
}
.winner_list_list .null {
	padding: 20px 0;
	font-size: 16px;
	text-align: center;
}

/*弹窗样式*/


/*抽奖弹窗样式*/

.lotter_alert.layui-layer {
	min-width: 250px;
	padding: 30px;
	background: #fff;
}
.lotter_alert .layui-layer-title {
	display: none;
}
.lotter_alert .layui-layer-content {
	text-align: center;
}
.lotter_alert .layui-layer-content i {
	display: block;
	color: #C77701;
	font-size: 40px;
	font-style: normal;
	padding: 20px 0;
}
.lotter_alert .layui-layer-content big {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.lotter_alert .layui-layer-content span {
	color: #999;
	display: block;
	margin-bottom: 20px;
}

/*抽奖机会用完*/

.no_chance big {
	display: block;
	padding-top: 20px;
}
.no_chance .btns {
	display: block;
	padding: 20px 0;
}
.no_chance .btn {
	color: #000;
	border: none;

	margin: 0 3px;
	display: inline-block;

	border: 2px solid #D02D2D;
	color: #D02D2D;
	padding: 5px 15px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 25px;
}

/*中奖了*/

.winner big b {
	color: #ff0000;
}
.winner img {
	display: block;
	margin: 10px auto;
}

/*在线研讨会*/

.webinar {
	margin-bottom: -18px;
}
.webinar li {
	display: block;
	padding-bottom: 37px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}
.webinar strong {
	display: block;
}
.webinar a {
	color: #000;
}
.webinar .btn {
	float: right;
	width: 108px;
	height: 24px;
	line-height: 24px;
	box-sizing: border-box;
	background-color: #e90029;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 17px 4px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
}