﻿.container{width:1920px;height:821px; background: url(../images/sub8/bg_1.jpg) no-repeat;margin-left:-960px;}

/**
 * 互动游戏
 * @type {[type]}
 */
.hd_game .title{margin:60px 0 0 50px;}
.hd_game .backBtn{position: relative; left:800px; top:100px;}
.hd_game{color:#fff;}
.hd_game .con{width:950px; height:500px; padding-top:25px; overflow: hidden; }

.hd_game .con li{float: left; margin: 10px 10px; }
.hd_game .con li .tc{width:291px; height:62px; background:url(../images/sub7/hd_game/t_b.png) no-repeat; margin-bottom: 10px; }
.hd_game .con li .tc .t1{color: #000;font-size:50px; font-style: italic; float: left;width:50px;}
.hd_game .con li .tc .t2{color: #fff;font-size:18px; float: left; width:220px; height:40px;margin:20px 0 0 20px; line-height: 40px; text-align: center;}

.hd_game .con li .lc{ width:275px; height:340px;background-color: #000; border:6px solid #e5152e ; line-height: 22px;}
.hd_game .con li .lc .cTxt{padding: 20px 10px 0 10px;}
.hd_game .con li:hover{}

.hd_game .con li .playBtn{width:275px; height:200px; background:url(../images/public/playBtn.png) center center no-repeat; position: absolute; display: none; background-color: #000; opacity: 0.6;filter:alpha(opacity=60)}


/**
 * 产品定制
 * @type {[type]}
 */
.diy_pro{color:#fff; width:1920px;height:806px; background: url(../images/sub8/bg_3.jpg) no-repeat;margin-left:-960px;}
.diy_pro2{color:#fff; width:1920px;height:806px; background: url(../images/sub8/bg_2.jpg) no-repeat;margin-left:-960px;}
.diy_pro .title{margin:60px 0 0 50px;}
.diy_pro{color:#fff;}
.diy_pro .con{width:950px; height:550px; padding-top:25px; overflow: hidden; position: relative; }

.diy_pro .con li{float: left;width:223px; height:145px; background-color: #ccc; margin: 10px 5px; position: relative;cursor: pointer;}
.diy_pro .con li .fgBg{width:100%;height:100%; background: url(../images/sub7/pro/play.png) center center no-repeat; background-color: #000; opacity:0.6; position: absolute; }
.diy_pro .con li .fgBg:hover{ opacity: 0}

.diy_pro .con .bLeftBtn{position: absolute; left:30px; top:190px; cursor: pointer; margin-top: 40px;}
.diy_pro .con .bRightBtn{position: absolute; right:50px; top:190px;  cursor: pointer;margin-top: 40px;}

.diy_pro .con .videoCon{width:695px; height:450px; margin-top: 40px;}
.diy_pro .con .videoCon #media{width:695px; }


.diy_pro .bBtn{width:250px; height:40px; position: absolute; left:50%; margin-top: -60px;}
.diy_pro .bBtn ul{padding-top: 15px;float: left;}
.diy_pro .bBtn ul li{width:25px; height:25px; float: left; text-align: center; line-height: 25px;  color:#9d9d9d; cursor: pointer;}
.diy_pro .bBtn ul li:hover,.competition .bBtn ul .lrBtnActive{color:#e5152e;}


.diy_pro .lrBtn{width:25px; height:25px; background-color: #e5152e; margin-top: 15px; text-align: center; line-height: 24px; font-weight: bold; color: #fff; float: left;cursor: pointer; margin-right: 10px;margin-left: 10px;

 }
.diy_pro .lrBtn:hover{background: #000;}


/**
 * 活动定制
 * @type {[type]}
 */
.campaign{color:#fff; width:1920px;height:806px; background: url(../images/sub8/bg_4.jpg) no-repeat;margin-left:-960px;}

.campaign .astrict .title{padding:60px 0 0 30px; position: relative;}

.campaign .con{width:950px; height:550px; padding-top:25px; overflow: hidden; }

.campaign .con li{float: left;width:1001px; height:560px; background-color: #ccc; margin: 10px 5px; position: relative; display: none;}
.campaign .con li .fgBg{width:100%;height:100%; background: url(../images/sub7/pro/play.png) center center no-repeat; background-color: #000; opacity:0.6; position: absolute; }
.campaign .con li .fgBg:hover{ opacity: 0}
.campaign .leftBtn{position: absolute; width:50px; height:50px; top:400px; margin-left: -70px; cursor: pointer; }
.campaign .leftBtn:hover{opacity: 0.7;}
.campaign .rightBtn{position: absolute; width:50px; height:50px; top:400px; margin-left: 1030px; z-index: 2; cursor: pointer;}
.campaign .rightBtn:hover{opacity: 0.7;}
.campaign .camconmid {margin:0 42px;font-size:18px; color:#fff; font-family:"微软雅黑"; margin-top:65px;}
.campaign .camconmid h1{ font-size:36px; color:#000; font-family:"微软雅黑"; font-weight:bold; display:inline; margin-right:60px;}
.campaign .camconmid .rt_btn { float:right; margin-top:15px;}
.campaign .acti_title { position:relative; margin-top:80px; }
.campaign .acti_title h3{ font-size:24px;font-weight:bold; color:#000; display:inline-block; width:500px;}
.campaign .acti_title h3 span{font-size:14px;font-weight:normal; margin-left:80px;}
.campaign .acti_title img{ position: absolute; right:0; }
.campaign .leftarrow{ width:58px; height:58px; margin:0px 0 0 -38px; float:left; }
.campaign .rightarrow{width:58px; height:58px; margin:0px -38px 0 0; float:right;}

.campaign .acti_btn{ text-align:center;width:965px; margin-top:50px;}
.campaign .acti_btn a{ margin-right:20px;}
.campaign .acti_btn a.cwld{background:url(../images/sub8/btn_07.jpg); width:178px; height:49px; display:inline-block;}
.campaign .acti_btn a.hdhg{background:url(../images/sub8/btn_08.jpg); width:178px; height:49px; display:inline-block;}
.campaign .acti_btn a.sqzz{background:url(../images/sub8/btn_09.jpg); width:178px; height:49px; display:inline-block;}
.campaign .acti_btn a.newhg{background:url(../images/sub8/btn_10.jpg); width:178px; height:49px; display:inline-block;}
/*.campaign .acti_btn a.cwld:hover{ background:url(../images/sub8/btnhover1.jpg);  }
.campaign .acti_btn a.sqzz:hover{ background:url(../images/sub8/btnhover2.jpg);}*/




.campaign .pic_lists { margin-top:38px;}
.campaign .pic_lists ul li { float:left; padding-right:29px;}
.campaign .pic_lists  ul li .recom_intro{ width:245px; padding:0 20px; height:109px; padding-top:8px; background:#747474; font-size:16px; font-family:"微软雅黑"; margin-bottom:80px;}
.campaign .pic_lists  ul li .recom_intro .white_line{width:245px; border-top:1px #9c9c9c solid; margin:12px 0;}
.campaign .pic_lists  ul li .recom_intro p { color:#fff; font-size:14px;}
.campaign .pic_lists  ul li .recom_intro p span.sma_time{ color:#cbcbcb; font-size:12px; padding-right:50px; margin:-8px 5px;}
.campaign .pic_lists  ul li .recom_intro p span.hd_over{ color:#cbcbcb; font-size:12px; background:#525252; line-height:23px; text-align:center; display:inline-block;_zoom:1;*display:inline; width:85px; height:23px; margin:0px 5px; margin-right:68px;}

.campaign .actinstr_title{ margin-top:60px; font-size:30px;font-family:"微软雅黑"; font-weight:bold; color:#000;}
.campaign .reletimeadre{font-size:14px; margin:24px 0 18px 0;font-family:"微软雅黑";color:#666666;}
.campaign .join_btn img{float:right; margin-top:30px;}
.campaign .four_img{width:384px; height:308px; float:left;}
.campaign .four_img img{float:left;height:154px;width:192px;}
.campaign .actinstr_intro{margin-top:70px;}
.campaign .actinstr_intro p{font-size:14px;font-family:"微软雅黑";color:#000; text-justify:left; line-height:24px;}
.campaign .actinstr_intro p span{ margin-top:30px; float:right;}
.campaign .bd_join,.campaign .bd_join1,.campaign .bd_join2{ background:url(../images/sub8/bd_bg_03.png); margin:30px 42px 0 42px; width:916px; height:606px;}
.campaign .bd_join .con_tit{ font-size:18px; color:#000; font-weight:bold;line-height:35px;}
.campaign .bd_join .con_tit img{ padding-right:50px;}
.campaign .bd_join form{ margin:0 180px; font-size:12px;color:#000; margin-top:144px;width:550px; }
.campaign .bd_join input[type="text"]{ margin:0 45px 0 28px; border:1px solid #b2b2b2; background:url(../images/sub8/jbbg_17.jpg) repeat-x;}
.campaign .bd_join textarea{width:545px; height:101px;border:1px solid #b2b2b2; background:url(../images/sub8/bjbg2_10.jpg) repeat-x;}
.campaign .bd_join .sumbit_app{ float:right; margin:95px 35px 0 0;width:178px; height:49px;}
.campaign .bd_join1 p.shuom,.campaign .bd_join2 p.shuom{color:#000; margin:25px 0 15px 40px; line-height:20px;}
.campaign .bd_join1 form,.campaign .bd_join2 form{ margin:0 40px; font-size:12px;color:#000;width:835px; }
.campaign .bd_join1 input[type="text"]{ padding-left:3px; margin:0 18px 0 7px; width:131px; height:24px; border:1px solid #b2b2b2; background:url(../images/sub8/jbbg_17.jpg) repeat-x;}
.campaign .bd_join1 textarea{width:310px; height:99px;border:1px solid #b2b2b2; background:url(../images/sub8/bjbg2_10.jpg) repeat-x; margin-left:10px; float:left; margin-right:5px;}
.campaign .bd_join1 p,.campaign .bd_join2 p{ margin-bottom:7px;}
.campaign  p span{ float:left;}
.campaign .sumbit_app2{ float:right; margin:-37px 28px 0 0;width:178px; height:49px;}
.campaign .bd_join1 input value{ color:#bababa;}
.campaign .bd_join2 input[type="text"]{ padding-left:3px; margin:0 18px 0 7px; width:200px; height:24px; border:1px solid #b2b2b2; background:url(../images/sub8/jbbg_17.jpg) repeat-x;}
.campaign .bd_join2 textarea{width:406px; height:99px;border:1px solid #b2b2b2; background:url(../images/sub8/bjbg2_10.jpg) repeat-x; margin-left:10px; float:left;}

.campaign .acti_detail{ margin:0 42px; margin-top:90px; }
.campaign .acti_detail h1{font-size:30px; color:#000; font-family:"微软雅黑"; font-weight:bold;}
.campaign .acti_detail h1 span{font-size:14px; color:#000; font-weight:normal; float:right;}
.campaign .acti_detail img.actbig1{ padding:0px 50px 50px 0; float:left;}
.campaign .acti_detail p{font-size:14px;color:#000; margin-bottom:25px;float:left; width:580px;}
.campaign .acti_detail_btn{margin:65px 0 0 0px; text-align:center;}


.campaign .user_search{float: right; line-height: 28px; position:relative; padding-right:20px;}
.campaign  .logo{padding-top:10px; float: left;}
.campaign  .user_login{float: right;padding-top:18px; line-height: 28px; position: relative;}
.campaign .u_l{float:left; transition: all 0.5s;}
.campaign .searchF{width: 150px; height:25px;  background: #ccc; display: none; margin-left: 20px}
.campaign .searchIco{width: 29px; height:25px; float: right;  background: url(../images/public/searchIco.png) center center no-repeat; cursor: pointer; margin-left: 20px;}
.campaign .searchF .searchIco{ background-color: #bababa; margin: 0;}
.campaign .searchF input{float: left; width: 117px; height:23px; border:none; background:none;}
.campaign .sign_in{float: right; margin-left: 15px;}

.header .sign_in{float: right; margin-left: 15px;}

.hide{display:none; z-index:0;}
.show{display:block; z-index:5;}
.hd_search{float: right; line-height: 28px; position:relative; top:15px; left:245px;}
.searchF2{width: 153px; height:31px;  background: #ccc; display: none; margin-left: 20px}
.searchIco2{width: 29px; height:31px;position:absolute; right:0px; background: url(../images/public/searchIco.png) center center no-repeat; cursor: pointer; margin-left: 20px;}
.searchF2 .searchIco2{ background-color: #bababa; margin: 0;}
.searchF2 input{float: left; width: 117px; height:29px; border:none; background:none;}
.sign_in{float: right; margin-left: 15px;}




/**
 * 积分定制
 */

.points{color:#fff; width:1920px;height:807px; background: url(../images/sub8/bg_1.jpg) no-repeat;margin-left:-960px;}
.points .title{padding:60px 0 0 0px; position: relative;}
.points .moreBtn{position: absolute; right: 0px; top:-65px; cursor: pointer;}

.points .con{width:1000px; height:600px; background-color: #ccc; margin-top: 25px; position: relative;}
.points .con li{width:200px; height:200px; float: left; overflow: hidden;position: relative; cursor: pointer;}
.points .con li .hit{width:200px; height:200px; position: absolute; color: #000; display: none;}
.points .con li .hit .downBtn{width:200px; height: 39px; position: absolute; bottom: 0; z-index: 1; cursor: pointer;}

.points .con li .hit .hTxt{ position: absolute; z-index: 1; margin: 10px 0 0 10px;}
.points .con li .hit .hTxt h2{font-weight: bold; font-size: 28px; margin-bottom: 10px}

.points .con li .hit .hitBg{width:200px; height:200px; position: absolute; top:0;  background-color:#fff; opacity: 0.8; filter:alpha(opacity=80) }




/**
 * 附近活动
 */
.bd_join1 .i_btn{width:54px;height:25px; float: right; background:url(../images/sub8/upload.jpg) no-repeat; cursor: pointer;}
.bd_join1 .i_btn:hover{opacity: 0.8;filter:alpha(opacity=80)}


.bd_join1 .ibCon{width: 530px; height:30px; float: left; margin-bottom: 10px;}




/**
 * '定位城市'的下拉菜单
 */

#mainsearch_select{width:147px;height:35px;position:absolute; z-index: 111; margin-left:-140px;  font-size:14px;
 background: url(../images/sub8/dw_btn.jpg) no-repeat; width: 147px; height:35px;
}
#mselect-t{width:147px;height:33px;line-height:38px;cursor:pointer;margin-left:5px;}
#mselect-t span{width:147px;height:33px;float:left;display:block;color:#000;}
#mselect-t i{width:5px;height:3px;margin-top:17px;float:left;display:block;}
#mselect-c{border:solid 1px #000;position:absolute;top:37px;left:0;background:#333;display:none; }
#mselect-c li{width:145px;height:33px;border-bottom:dotted 1px #666;line-height:33px;text-align:center;cursor:pointer;color:#fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
#mselect-c li:last-child{border-bottom:none;}
#mselect-c li:hover{background:#000;color:#ccc; }
#mainsearch_btn{width:70px;height:42px;float:right;overflow:hidden;}
#mainsearch_btn input[type=submit]{width:70px;height:42px;border:none;background:transparent;text-indent:-9999em;}
#mselect{display:none;}