/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr,acronym { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ins,a { text-decoration:none; }
a:hover { text-decoration: underline; }
a:focus,*:focus { outline:none; }  /* IE6_7 clear dottedLine */

/* clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; font-size:0; }
.clearfix:after,.cl{ clear:both; }
.clearfix { *zoom:1; } /* IE < 8 */

/* float */
.fl { float: left; display: inline; border: 0; background: none; }
.fr { float: right; display: inline; }

body { font: 14px/1.4 arial,"Microsoft yahei","微软雅黑"; background: #f7f7f7; color: #333; }
#wp,.wp,#hd .wp { width: 1200px; padding: 0; background: none; }
#hd a:hover { text-decoration: none; }
#pt {margin-bottom: 12px;margin-top: 2px; }
.topNav,.hdc,#nv,#hd .nv { min-width: 1200px; }
#ft { background: none; }

.inl-block { display: inline-block; }
.textcen { text-align: center; }

/*宽度*/
.w1200 { width: 1200px; margin: 0 auto; }
.w625 { width: 625px; margin: 0 auto; }
.w500 { width: 500px; }
.w216 { width: 216px; margin: 0 auto; }

/*边距*/
.mr30 { margin-right: 30px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt17 { margin-top: 17px; }
.mt60 { margin-top: 60px; }
.ml96 { margin-left: 96px; }
.mb22 { margin-bottom: 22px; }
.ml87 { margin-left: 87px; }
.mt44 { margin-top: 44px; }
.mb10 { margin-bottom: 10px; }
.mb22 { margin-bottom: 22px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml120 { margin-left: 120px; }
.mb20 { margin-bottom: 20px; }

.pt15 { padding-top: 15px; }
.pb20 { padding-bottom: 20px; }
.pl6 { padding-left: 6px; }
.pl18 { padding-left: 18px; }

/* 颜色 加粗 字体*/
.block { margin:0; }
i { font-style: normal; }
.f14,.font14 { font-size: 14px; } 
.fl { border:none; background:none; }

.grey6 { color: #666; }
.c62 { color: #626262; }
.c92 { color: #929292; }
.c5e { color: #5e5e5e; }
.green{ color: #06af3c; background:none; border:0; }
#vote_info .red { color: #f00; border:0; background:none; }
.red { color: #DD2222; padding-right: 6px; border: 0; background: none; }
.none { display: none; }

.fb { font-weight: bold; }
.tc { text-align: center; }

.bdshare-button-style0-16 .bds_more { background-position:0 0; }

/*按钮样式定义*/
.btn-sty { display: inline-block; *display: inline; zoom: 1; width: 190px; height: 50px; line-height: 50px; margin-top: 30px; background-color: #ff9c11; color: #be0022; font-size: 20px; text-align: center; text-decoration: none; border-radius: 4px; }
.btn-sty:hover { text-decoration: none; background-color: #ee8c03; }

/*banner*/
.t-banner { height: 300px; width: 100%; background: url(../images/tti-activity-banner.jpg) no-repeat center top; }

/*正文部分*/
.sub-wrap-blank { background: #fff; width: 1000px; margin: 40px auto; }
.sub-wrap-blank:first-child { margin-top: 70px; }
.gradient-line { height: 5px; width: 470px; background: #0073ae; }
.left-gradient { display: block; width: 60px; height: 100%; background: #f28b00; }
.inner-wrap-cont { width: 920px; margin: 0 auto; padding: 40px 0; }
.inner-wrap-cont h2 { color: #0073ae; font-size: 24px; }
.inner-paragraph { font-size: 16px; line-height: 2; text-align: justify; }
.navpro-title a { color: #ea8300; font-size: 20px; text-decoration: none; }
.video-play-area li { display: inline-block; *display: inline; zoom: 1; float: left; padding: 25px 0 0; }
.video-play-area li:first-child { margin-right: 30px; }
.video-play-title { font-size: 16px; text-align: center; margin-top: 15px; }
.wp-active { display: block; text-align: center; }
.wp-active h3 { background: url(../images/dl-wp.jpg) no-repeat; padding-left: 30px; margin-top: 25px; display: inline-block; font-size: 16px; color: #0073ae; }
.cha-block-tips { border: 1px dashed #ea8300; height: 54px; line-height: 54px; background: #fcf0e0; margin: 35px 0; }
.cha-block-tips p { width: 400px; margin: 0 auto; font-size: 18px; color: #666; }
.cha-tips-click { display: block; float: left; color: #ea8300; padding-left: 32px; background: url(../images/handicon.jpg) no-repeat 0 17px; cursor: pointer; }
.cmp-intro-blk { width: 560px; float: left; margin-left: 30px; }
.cmp-intro-blk h3 { color: #0073ae; font-size: 18px; margin: 30px 0; }
.cmp-intro-blk p { line-height: 2; }

/*footer*/
.m_footer { height: 150px; text-align: center; }
.m_footer p,.m_footer p a { color: #666; font-size: 12px; text-align: center; line-height: 2.4; }

/*抽奖*/
#circle-lottery { width: 488px; height: 488px; float: left; position: relative; }
#disk { background: url(../images/circle-cha.jpg) no-repeat; width: 100%; height: 100%; }
#start { width: 189px; height: 272px; position: absolute; left: 160px; top: 105px; cursor: pointer; }


/*抽奖模块*/
.prilist{
    width: 480px;
    height: 374px;
    background: url(../images/choujiang-bg.jpg) no-repeat center center;
    margin: 10px auto;
    border: 1px solid #FFFFFF;
    padding: 0px;
}
.prilist li{
    display: block;
    border: 1px solid #fff;
    border-left: none;
    border-top: none;
    padding: 0;
    width: 234px;
    height: 124px;
    cursor: pointer;
    text-align: center;
    line-height: 125px;
    font-size: 18px;
}

.prilist li.left,.prilist li.right{
    width: 140px;
}
.prilist li.right{
    border-right: 0;
}
.prilist li.active{
    border: 0;
    padding: 0;
    background: url(../images/opacity.png);
}
#begin-btn{
    cursor: pointer;
}
#begin-btn:active{
    font-size: 20px;
    color: red;
}
#begin-btn::selection{
    background:#fff;
}
/*抽奖模块end*/
/*抽奖弹出层*/
.result-cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 45;
}
.result {
    display: none;
    position: fixed;
    width: 340px;
    left: 50%;
    top: 50%;
    margin-left: -170px;
    margin-top: -250px;
    padding-top: 40px;
    text-align: center;
    z-index: 50;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666;
    font-size: 14px;
}
.result .close-panel {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    font-size: 26px;
    font-weight: bold;
    color: #d22222;
    line-height: 1;
    cursor: pointer;
}
.result .close-panel:hover {
    color: #d22222;
}
.result .btn-wrap {
    padding: 30px 0 30px;
}
.result .btn-wrap .tips {
    margin: 0 0 15px;
    color: #666;
    font-size: 14px;
}
.btn-wrap .tips span {
    color: #e60012;
}
.btn-wrap .tips strong {
    margin-left: 6px;
    color: #333;
    font-weight: bold;
}
.btn-wrap .btn-sty {
    display: inline-block;
    *display: inline;
    zoom: 1;
    min-width: 72px;
    height: 40px;
    padding: 0 30px;
    line-height: 40px;
    margin: 0 auto;
    background-color: #d22222;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}
.showthis {
    display: block;
}

/*中奖效果*/
.havepri h3 {
    padding-top: 30px;
    color: #B97232;
    font-size: 25px;
    font-weight: bold;
    text-indent: 12px;
}
.havepri p {
    margin-top: 10px;
    font-size: 14px;
}
#showpri {
    display: block;
    width: 150px;
    height: 180px;
    margin: 0 auto;
    text-align: center;
}
#prizeName{
    margin-bottom: 20px;
}
.prid1{
    background: url(../images/priz-1.jpg) no-repeat center center;
}
.prid4{
    background: url(../images/priz-2.jpg) no-repeat center center;
}
.prid7{
    background: url(../images/priz-3.jpg) no-repeat center center;
}

/*未中奖*/
.nopri h3 {
    padding-top: 40px;
    font-size: 18px;
    text-indent: 12px;
}
.nopri .nopri-img {
    width: 45px;
    height: 46px;
    margin: 40px auto 20px;
}
/*抽奖机会用完了*/

/*还没有抽奖机会*/
.usedcha p,.nocha p,.nopri p {
    line-height: 24px;
    font-size: 16px;
    color: #d22222;
}
.usedcha blockquote,.nocha blockquote{
    text-align: left;
    padding: 10px 20px;
}
.usedcha blockquote p,.nocha blockquote p{
    text-align: left;
}
.usedcha .tips,.nocha .tips,.nopri .tips{
    color: #333;
    font-size: 14px;
}
.usedcha .cha-tit font, .nocha .cha-tit font, .nopri .cha-tit font, .havepri .cha-tit font{
    font-size: 20px;
    color: #BA712D;
    font-weight: bold;
}
.havepri p.cha-tit { color: #d22222; font-size: 16px; }
.havepri p.tips { color: #333; font-size: 16px; }

/*抽奖登录提示*/
.btn-login-wrap .btn-sty {
    padding: 0;
    width: 140px;
    margin-left: 20px;
}
.chalogin .cha-tit { color: #333; font-size: 24px; padding-top: 20px; padding-bottom: 20px; }
.btn-login-wrap .login-link {
    color: #0066cc;
}
.chainvite .cha-tit, .loginverify .cha-tit { color: #333; font-size: 16px; padding-top: 20px; padding-bottom: 20px; line-height: 2; }
.loginshare .cha-tit { color: #333; font-size: 24px; padding-top: 20px; padding-bottom: 20px; }

/*抽奖中奖名单*/
.lottery-wrap { width: 920px; margin: 0 auto; position: relative; }
.win-express { width: 380px; overflow: hidden; margin-top: 30px; float: right; }
.win-express h2 { height: 50px; line-height: 50px; background-color: #002e55; padding: 0 20px; font-size: 18px; color: #fff; border-width: 1px 1px 0 0; border-style: solid; border-color: #002e55; border-radius: 10px 10px 0 0; }
.winner-list li { height: 26px; line-height: 26px; color: #fff; font-size: 13px; width: 100%; float: left; }
/*.winner-list li:nth-of-type(odd) { background-color: #345978; }
.winner-list li:nth-of-type(even) { background-color: #002e55; }*/
.winlist-wrap { padding: 0 30px 30px; margin: 0 auto; background: #345978; }
.winner-list span { display: inline-block; *display: inline; zoom: 1; float: left; overflow: hidden; text-align: center; }
.winner-list .person { width: 130px; }
.winner-list .prize { width: 130px; text-align: left; }
.winner-list .time { width: 110px; }
.winner-list .no_list { height: 360px; }
.winner-wrap {  }
.winner-wrap p { display: none; height: 170px; line-height: 1.6; font-size: 18px; color: #fff; text-align: center; margin-top: 30px; }
.left-lottery-tip { color: #fff; font-size: 18px; margin: 40px 0; }
.left-lottery-tip span { color: #ff9c11; }
.winlist-bor-wrap { border-width: 0 1px 1px 1px; border-style: solid; border-color: #345978; border-radius: 0 0 10px 10px; overflow: hidden; }
.peo-list { width: 100%; height: 170px; position: relative; }
.plist-wrap { position: absolute; left: 0; top: 0; width: 100%; }
.winlist-para p { color: #fff; line-height: 1.6; padding-top: 50px; }
.winlist-para p a { color: #ea8300; }
.light-blue-link { color: #0073ae; text-decoration: underline; }

#lottery-chance { background-color: #d22222; padding: 60px 0; text-align: center; }
.topic-title-sty1 { width: 400px; height: 68px; line-height: 64px; font-size: 30px; color: #be0022; background: url(../images/lottery-bgtitle.png) no-repeat; display: block; margin: 0 auto; }
.lottery-intro-list { width: 100%; overflow: hidden; margin-top: 60px; }
.lottery-intro-list li { width: 50%; overflow: hidden; display: inline-block; *display: inline; zoom: 1; float: left; }
.chance-item-intro { margin: 0 5% 0 10%; }
.chance-item-intro img { width: 138px; height: 138px; }
.chance-item-intro h3 { font-size: 20px; font-weight: bold; color: #ff9c11; margin-top: 20px; }
.chance-item-intro p { font-size: 16px; color: #fff; line-height: 2; margin-top: 20px; }

#activity-intro { background-color: #be0022; padding: 60px 0; text-align: center; }
.activity-ul { list-style: none; margin: 60px 0 0; }
.activity-ul li { font-size: 14px; color: #fff; text-align: left; line-height: 2; }

/*BaiDu Share*/
.bdshare-button-style0-16::after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.bdsharebuttonbox { top: 20px; position: absolute; right: 0; font-size: 14px; color: #fff; line-height: 38px; }
.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }
.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }
.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }
.bdsharebuttonbox .bds_sqq { 
	background-attachment: scroll; 
	background-clip: border-box; 
	background-image: url("../images/qq-ico.png"); 
	background-origin: padding-box; 
	background-position: 0 0 !important; 
	background-size: auto; 
	background-repeat: no-repeat; 
	height: 38px; 
	margin: 0 0 0 18px;
	padding: 0; 
	width: 38px; 
}
.bdsharebuttonbox .bds_weixin { 
	background-attachment: scroll; 
	background-clip: border-box; 
	background-image: url("../images/weixin-ico.png"); 
	background-origin: padding-box; 
	background-position: 0 0 !important; 
	background-size: auto; 
	background-repeat: no-repeat; 
	height: 38px; 
	margin: 0 0 0 18px;
	padding: 0; 
	width: 38px; 
}
.bdsharebuttonbox .bds_tsina { 
	background-attachment: scroll; 
	background-clip: border-box; 
	background-image: url("../images/weibo-ico.png");
	background-origin: padding-box; 
	background-position: 0 0 !important; 
	background-size: auto; 
	background-repeat: no-repeat; 
	height: 38px; 
	margin: 0 0 0 18px;
	padding: 0; 
	width: 38px; 
}
.bdsharebuttonbox .bds_qzone { 
	background-attachment: scroll; 
	background-clip: border-box; 
	background-image: url("../images/qzone-ico.png");
	background-origin: padding-box; 
	background-position: 0 0 !important; 
	background-size: auto; 
	background-repeat: no-repeat; 
	height: 38px; 
	margin: 0 0 0 18px;
	padding: 0; 
	width: 38px; 
}
.bdsharebuttonbox a, .bdsharebuttonbox .bds_more{
	cursor: pointer;
	float: left;
	font-size: 12px;
	line-height: 16px;
}
/*PoP Windows BDShare*/
.cha-bdshare { position: relative; left: 0; top: 0; width: 280px; height: 80px; margin: 0 auto 20px; }
.cha-bdshare .bdsharebuttonbox { right: auto; left: 0; }
.cha-bdshare .bdsharebuttonbox span { color: #999; }

/*右侧垂直导航栏*/
#right-side-nav { position: fixed; right: 0; top: 60%; z-index: 999; }
.side-nav-ul>li { list-style: none; margin-top: 10px; position: relative; z-index: 1000; }
.side-nav-style { background-color: #000; opacity: 0.8; width: 72px; height: 72px; }
.side-nav-style:hover { opacity: 0.6; cursor: pointer; }
#rside_bdshare { background-image: url(../images/side-nav1.png); background-repeat: no-repeat; background-position: 19px 19px; }
#rside_service { background-image: url(../images/side-nav2.png); background-repeat: no-repeat; background-position: 19px 19px; }
.rslide-content { position: absolute; min-width: 164px; min-height: 72px; background-color: #fff; right: 84px; top: 0; }
.side-nav-ul .corner { display: block; width: 7px; height: 11px; background: url(../images/rside-corner.png) no-repeat 0 0; position: absolute; right: 77px; top: 46px; }
.bdshare-content { width: 308px; font-size: 14px; }
.bdshare-content .bdsharebuttonbox { right: 18px; }
.service-lists li { height: 40px; line-height: 40px; background-color: #fff; color: #666; font-size: 14px; padding-left: 43px; background-image: url(../images/service-qq.png); background-position: 12px 8px; background-repeat: no-repeat; }
.service-lists li:hover { background-color: #f2f2f2; cursor: pointer; }
.rside-wrap { position: absolute; top: 0; right: -999px; z-index: 1002; }


/* 对话框样式 -----------------------------------------------*/
.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,.min_dialog,.max_dialog{ position:absolute; top:10px; right:10px; width:28px; height:28px; color:#D0CECF;text-align:center; cursor:pointer; font-size: 20px;font-family: arial;}
.close-dialog:hover{ color:#444;}
.min_dialog{
    right: 40px;
}
.max_dialog{
    display: none;
    right: 40px;
}
/*对话框表单提交成功提示*/
.success-tip{padding:40px 30px 30px 130px;background:url(../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; color: #fff; background: url(https://www.elecfans.com/skin-2014/images/other-login.png) no-repeat; }
.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(https://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*/
.btn-area{ margin-top: 15px;}
.loading{display:none;float:left;position:relative;margin:7px 0 0 -25px;}
.loading img{display:block;width:16px;height:16px;}
.login-btn-area .btn-hasLoading-wrap{float:left;}
.login-submit,.lostpw-submit { padding: 5px 30px; font-size: 16px; margin: 0;}
.forgetPw { color: #1EA3E4; padding-right: 48px; background-position: right -103px; float: left; margin-top: 10px; 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;}

/*用户资料 - 弹窗表单*/
.form-item li { margin-top: 8px; }
.form-item li label { display: inline-block; text-align: left; font-weight: bold; width: 86px; }
.form-item li.info_area label { display: block; width: 100%; }
.form-item li input,.form-item li select { border: 1px solid #bbb; font-family:\5b8b\4f53; line-height: 20px; }
.form-item li input { width: 210px; padding:0 4px; line-height: 14px;height: 20px; }
.form-item li select { width: 220px; height: 22px;vertical-align: top;}
.form-item li input.input-s { width: 160px;}
.form-item li input.input-m { width: 290px;}
.form-item li input.input-l { width: 450px;}
.form-item li label .no-null { color: #f00; margin-right: 3px; font-style: normal; font-family:\5b8b\4f53;}
#fn_techinfo li { float: left; width: 25%; }
#fn_techinfo li input { height: auto; line-height: 1; padding: 0; margin-right: 10px; width: auto; }
#fn_hangye li { float: left; width: 25%; }
#fn_hangye li input { height: auto; line-height: 1; padding: 0; margin-right: 10px; width: auto; }

/*抽奖 - 弹窗*/
.pop_cha_box { display: none; position: fixed; top: 50%; left: 50%; margin-left: -180px; margin-top: -164px; text-align: center; width: 360px; min-height: 208px; background-color: #fff; box-sizing: border-box; border: 1px solid #e4e4e4; border-radius: 6px; z-index: 999; }
.pop_cha_close { display: block; width: 19px; height: 19px; color: #0074b1; font-size: 28px; line-height: 1; font-weight: bold; position: absolute; top: 11px; right: 13px; z-index: 1000; }
.pop_cha_close:hover { text-decoration: none; }
.has-nopri h2 { font-size: 18px; color: #f28b00; margin-top: 46px; }
.has-nopri p { color: #333; font-size: 16px; margin-top: 10px; }
.btn-nor { width: 100px; height: 30px; line-height: 30px; background-color: #0072ae; color: #fff; font-size: 16px; border-radius: 4px; margin-left: 8px; display: inline-block; *display: inline; zoom: 1; }
.btn-nor:hover { text-decoration: none; }
.pri-show h2 { font-size: 18px; color: #f28b00; margin-top: 46px; }
.pri-show p { color: #333; font-size: 16px; margin-top: 10px; }
.pri-show .pri-tips { font-size: 15px; color: #666; margin-bottom: 30px; }

/*二维码*/
.qrcode { position: fixed; top: 40%; left: 50%; margin-left: 530px; width: 88px; border: 1px solid #e4e4e4; background-color: #fff; border-radius: 4px; box-sizing: border-box; padding: 9px; }
.qrcode p { font-size: 12px; color: #666; text-align: center; }