@charset "UTF-8";
body,ul,li,p,dl,dt,dd,img,h1,h2,h3,h4,h5,h6,input{ margin: 0; padding: 0;} ul,li{ list-style: none;} a{ text-decoration: none;} img{ border: 0;}
body{ max-width: 1920px; margin: 0 auto; font-family: "Microsoft yahei",Arial; background: #0A3565;}
body>div{ width: 100%;}

.fl{ float: left;}
.fr{ float: right;}
.clearB{ clear: both;}
.hide{ display: none;}
.b0{ border: 0!important;}
.dCenter{ margin: 0 auto;}
.fs16{ font-size: 16px!important;}
.fb{ font-weight: bold;}
.pt40{ padding-top: 40px;}
.pb40{ padding-bottom: 40px;}
.pl6{ padding-left: 6px;}
.mt20{ margin-top: 20px;}
.mt11{ margin-top: 18px!important;}
.fst{ font-family: "宋体", arial;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.w820{ width: 820px; overflow: hidden; margin: 0 auto; height: 140px;}
.w900{ width: 900px; margin: 0 auto;}
.w1000{ width: 1000px; margin: 0 auto;}

.tcenter{ text-align: center;}

/*banner1*/
.banner1{ width: 100%; background: url("/special/opple/images/banner1.jpg") no-repeat center; height: 544px;}

/*导航列表*/
.navList{ width: 100%; background: #0076c1; overflow: hidden;}
.navBar li{ float:left; height:68px; line-height:68px; width:166px; text-align: center; cursor: pointer; margin-right:0;}
.navBar li:hover{ background: #008de7;}
.navBar li.cur{ background: #008de7;}
.navBar li a{ color: #fff; text-decoration: none; font-size: 20px; font-weight: 700;}
.textBlock{ width: 100%; background: url("/special/opple/images/dy.jpg") no-repeat center #0A3565; height: 332px; color: #9AC0EB;}
.txt{ width: 785px; padding: 110px 0 0 110px;}
.txt p{ text-indent: 2em; font-size: 14px; line-height: 18px; line-height: 26px;}

/*banner2*/
.banner2{ background: url("/special/opple/images/banner22.jpg") no-repeat center; height: 749px; text-align: center;}
.banner2 dl{ padding-top: 390px;}
.banner2 dt{ font-size: 40px; color: #fff; font-weight: bold;}
.banner2 dd span{ display: inline-block; color: #fff; padding: 5px 25px 20px; font-weight: bold;}
.banner2 .downLoad{ display: inline-block; padding: 15px 80px; background: #FF9000; color: #fff; font-size: 50px; font-weight: bold; border-radius: 20px; box-shadow: 0 5px 0 #1A314A; margin-bottom: 25px;}
.downLoad:hover{ background: #FF6000;}
.banner2 .w1000>p{ color: #fff; font-size: 15px; font-weight: bold;}
.btn_fillData{ display: block; height: 48px; width: 145px;/* border-radius: 20px;*/ background: #40A01A; color: #fff; box-shadow: 0 5px 0 #1A314A; line-height: 48px; font-size: 24px; font-weight: bold; /*margin-top: 14px;*/}
.btn_fillData:hover{ background: #378A00;}

/*banner3*/
.banner3{ width: 100%; background: #0A3565;}
.banner3 .w1000{ height: 548px; background: url("/special/opple/images/banner3.jpg") no-repeat;}

/*banner4*/
.banner4{ width: 100%; background: url("/special/opple/images/banner4.jpg") center no-repeat; height: 691px; overflow:hidden}
.vedioBox{ height: 520px; width: 800px; border-radius: 40px; margin:100px auto 0; background:#000 url(/special/opple/images/opple_logo.jpg) bottom center no-repeat; }
.vedioBox .vedio{ padding: 0 50px;}

/*活动*/
.activity{ width: 100%; background: #0A3565; overflow: hidden; padding-bottom: 30px;}
.interview li{ width: 200px; height: 280px; background: #032143; margin: 10px 20px; padding: 5px; display:inline-block; float:left}
.img200{ width: 200px; height: 200px; background: #565656; position:relative}
.img200 .png { position:absolute; bottom:0; left:0; background:#032143; opacity:0.6;filter:alpha(opacity=60); height:36px; width:180px; padding:10px; color:#fff;font-size:12px;}
.img200 .png h3 { font-weight:700; margin-bottom:5px; }
.img200 img{ width: 100%;}
.interviewText p{ font-size: 14px; color: #fff; line-height: 20px; display: inline-block; overflow: hidden;overflow: hidden; padding:20px 10px; text-align:center;}
.interviewText p a { color:#fff;}
.interviewText p a:hover { color:#35bfff; text-decoration:none}

/*搜索*/
.research{ background: #245182; overflow:hidden}
.research form{ display: block; color: #fff; font-size: 12px; background:#0a3565; margin-top:30px; margin:30px auto; padding:50px; width:900px; overflow:hidden}
.research form p{ padding: 20px 0 15px 0; font-weight: bold;}
form ul{ overflow: hidden;}
form li{ float: left; text-align: left; margin-right: 10px; height: 30px;}
.ul1 li{ width: 110px;}
.ul2 li{ width: 150px;}
#btn_submit{ display: block; height: 48px; line-height:48px; width: 140px; color: #fff; background: #40a01a; border: 0; margin:  100px auto 0; font-size: 24px; font-weight: bold; cursor: pointer; box-shadow:0 3px 0 #1a314a;}

/*底部*/
.footer{ width: 100%; padding-bottom:80px;}
.footer_T{background: #112944; height:345px;}
.weixin{ overflow: hidden; margin: 0 auto; width: 1000px;height: 200px; text-align: center; padding-top: 85px;color: #fff; }
.weixin .contact-user{margin: 35px 40px 0 0;}
.weixin h2{font-size: 30px; line-height: 200px;margin-right: 85px}
.weixin dl{width: 160px;text-align:center;}
.weixin dt{height: 45px; line-height: 45px;margin-bottom: 20px;}
.weixin dt img{vertical-align: middle;margin-right: 4px;}
.weixin dd{line-height: 22px;}
.weixin .wx{ margin: 0 40px 0 0;}
.weixin .wx p{ line-height: 42px; font-size: 14px;}
.linkList{ margin: 0 auto; width: 415px; margin-top: 80px; overflow: hidden;}
.linkList li{ float: left; font-size: 14px; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; height: 14px; line-height:14px;}
.linkList li a{ color: #fff;}
div.contact{ width: 680px; margin: 0 auto; font-size: 12px; color: #fff; margin-top: 30px;}
div.contact span{ margin-left: 7px;}
.comInfo{ width: 320px; margin: 10px auto 0; font-size: 12px; color: #fff;}

/*返回顶部*/
.backTop{ width: 60px; height: 60px; border-radius: 10px; background: url("/special/opple/images/arrow_down.png") no-repeat center center #D1D1D1; position: fixed; right: 20px; top: 85%; margin-top: -30px; cursor: pointer;}

/*填写资料*/
.fillData{ width: 600px; height: 550px; position: fixed; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; background: #fff; padding: 75px 0 0 60px; box-sizing: border-box; display: none;}
.fillData h2{ font-size: 20px; font-weight: bold; color: #333333; margin-bottom: 35px;}
.fillData form{ font-size: 14px; font-weight: bold; color: #666666;}
.fillData form label { width:80px; overflow:hidden; display:inline-block; float:left; text-align:right; height:40px; line-height:40px;}
.fillData form p{ margin: 4px 0;}
.fillData form input{ height: 40px; width: 410px; border: 1px solid #DADADA; font-size: 14px; font-weight: bold; color: #666666; background: #F7F7F7; text-indent: 1em; outline: none;}
.fillData form input:focus{ border-color: #FF0000; color: #FF0000;}
.fillData .error_info{ margin: 0; margin-left: 71px; color: red; font-size: 12px; font-family: "宋体", arial; font-weight: normal; display: inline-block; height: 15px;}
#upFile{ width: 110px; background: #fff; display: inline-block; height: 40px!important; border: 1px solid #dadada; text-align: center; line-height: 4px; cursor: pointer;}
.upload_btn{ width: 110px; height: 40px; background: #fff;}
#upFile .uploadify-button-text{ line-height: 40px;}
.fillData .btn_submit{ width: 493px; color: #fff; font-weight: bold; background: #FF9000; font-weight: bold; font-size: 20px; text-indent: 0; font-family: "Microsoft yahei", Arial;cursor: pointer; border:0}
.fillData .btn_submit:hover{ background: #FF6000;}
.fillData .btn_submit:focus{ border: 0; color: #fff;}
.btn_cancel{ display: inline-block; width: 160px; height: 40px; background: #999999; line-height: 40px; color: #fff; font-size: 20px; margin-left: 15px;}
.btn_close{ width: 60px; height: 60px; position: absolute; top: 0; right: 0; background: url("/special/opple/images/btn_close.png") center no-repeat #999999; cursor: pointer;}
.btn_confirm{ display: inline-block; height: 40px; font-size: 20px; width: 160px; color: #fff; font-weight: bold; background: #FF9000; line-height: 40px; margin-left: 180px; margin-top: 40px; cursor: pointer;}
.fillData .btn_confirm:hover{ background: #FF6000;}
.succeed_info{ font-size: 30px; font-weight: bold; color: #339933; text-align: center; margin-top: 170px; text-indent: 0;}

/*作品收集*/
.collecting{ height: 600px; background: #0A3565;}
.collecting .cup{ width: 152px; height: 68px; padding-top: 160px;}
.collecting h1{ color: #FFAE00; font-size: 35px; font-weight: bold; margin-top: 22px;}
.collecting p{ margin-top: 55px; color: #FFAE00; font-size: 20px;}

/*奖品设置*/
.encouragement{ width: 100%; background: #0A3565;}
.encouragement .w1000{ height: 1276px; background: url("/special/opple/images/encouragement.jpg") no-repeat; padding-top: 360px;}
.encouragement .downLoad{width: 281px; height: 48px; display: block; background:url("/special/opple/images/download.png") no-repeat; color: #fff; font-size: 25px; font-weight: bold; box-shadow: 0 5px 0 #1A314A;  margin-left: 175px;}
.encouragement .downLoad:hover{ background:url("/special/opple/images/download1.png") no-repeat;}
.encouragement .btn_fillData{ margin-left: 15px;}

/*活动规则说明*/
.explanation{ width: 100%; background: #0A3565;}
.explanation .w1000{  overflow: hidden; padding-bottom: 10px;}
.explanation h2{width: 170px;height: 50px;background: url("/special/opple/images/explanation_bg.png") no-repeat;margin: 45px 0 40px 0}
.explaList{ width: 100%; padding-top: 160px; overflow: hidden;}
.explaText{ width: 100%; background: #112944; min-height: 100px; padding-top: 45px; padding-bottom: 60px;margin-bottom:20px;}
.explaText h3{width:910px;color:#fff;margin: 0 auto;padding-bottom: 15px;border-bottom: 2px solid #354a61}
.explaText p{ width:910px;font-size: 14px; color: #9ac0eb; text-indent: 2em; line-height: 30px;margin: 25px auto 0;}

/*教程视频*/
.vedioTeach{ width: 100%; background: #0A3565;}
.vedioTeach .w1000{ background: url("/special/opple/images/jcsp_bg.png") no-repeat left 65px; overflow: hidden; padding-top: 165px; padding-bottom: 35px;}
.vedioBlock{ height: 855px; width: 100%; background: #000;}
.vedioName{ font-size: 16px; font-weight: bold; color: #fff; padding-top: 28px; padding-bottom: 20px;}
.vedioContent{ width: 900px; margin: 0 auto;}
.vedioList{ margin: 0 auto; height: 96px; margin-top: 45px; position: relative;}
.vedioList .prev,.vedioList .next{ width: 19px; height: 39px; background: url("/special/opple/images/lr_arrow.png") no-repeat; position: absolute; cursor: pointer;}
.vedioList .prev{ left: -19px; top: 30px; background-position: -26px 0;}
.vedioList .next{ left: 900px; top: 30px; background-position: 0 0;}
.vedioList .list{  width: 10000px;}
.vedioList .list li{ width: 166px; height: 96px; background: #fff; margin-right: 52px; padding: 3px; box-sizing: border-box; line-height: normal; *margin-right: 44px;}
.list li p{ font-size: 12px; font-weight: normal; color: #fff; margin-top: 4px;}

/*作品详细样式*/
.workDetail{ padding: 50px; margin-top: 40px; box-sizing: border-box; width: 1000px; margin: 0 auto; background: #032143; margin-top: 40px; padding-bottom: 90px; margin-bottom: 40px;}
.detailHead{ padding-bottom: 40px; border-bottom: 3px solid #26405D;}
.detailHead .fr{ color: #FF9000;}
.detailHead .fl h2{ color: #FFF; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.workDetail p{ color: #CCCCCC; font-size: 14px;}
.detailHead .ticketNum{ font-size: 30px; font-weight: bold; padding-right: 40px; vertical-align: middle;}
.detailHead .btn_confirm{ font-size: 26px; color: #fff; font-weight: bold; padding: 5px 10px; border-radius: 20px; margin: 0; box-shadow: 0 3px 0 #8C5600;}
.detailContent .w900 img{ width: 100%;}
.detailExpla p{ font-size: 14px; text-indent: 2em; padding-top: 40px; line-height: 30px;}

/*总投票*/
/*第一期*/
.work1,.work2{ width: 100%; background: #0A3565;}
.work2{ margin-bottom: 60px;}
.cateDiv ul{ overflow: hidden;}
.cateDiv .cateTitle{ height: 38px; background: #0076C1; width: 100%; border-radius: 38px; box-shadow: 0 6px 3px #030E1C; line-height: 38px; color: #fff; margin-bottom: 25px;}
.cateTitle .fl{ font-size: 20px; font-weight: bold; text-indent: 20px;}
.cateTitle .fr a{ margin-right: 20px; font-size: 14px; color: #fff; text-decoration: none;}
.cateDiv li{ width: 240px; height: 308px; background: #0D243D; float: left; margin: 5px; padding: 10px; box-sizing: border-box; *width: 220px; *height: 285px;}
.imgBox{ border-bottom: 1px solid #26405D; margin-bottom: 20px; width: 220px;}
.imgBox p{ font-size: 14px; color: #fff; font-weight: bold; padding-top: 10px;}
.imgBox .author{ font-size: 12px; color: #999999; padding-bottom: 14px;}
.imgBox img{ width: 100%;}
.ticketBlock{ font-size: 14px; color: #FF9000;}
.giveTicket{ display: inline-block; height:26px; line-height:26px; padding: 0 15px; font-size: 16px; font-weight: bold; color: #fff; background: #FF9000; border-radius: 15px; box-shadow: 0 3px 0 #8C5600; margin-top: -7px;}
.giveTicket:hover{ background: #ff6000;}

.giveTicket_no{ display: inline-block; height:26px; line-height:26px; padding: 0 15px; font-size: 16px; font-weight: bold; color: #343434; background: #727272; border-radius: 15px; box-shadow: 0 3px 0 #414141; margin-top: -7px;}
.giveTicket_no:hover{ background: #727272;}

/*子列表*/
.sonList{ width: 100%; background: #0A3565; margin-bottom: 60px;}

/*首页第二版*/
.banner_step_1 { background:#0d437e url(/special/opple/images/banner_step_1.jpg) no-repeat center center; height:325px;}
.banner_step_2 { background:#104d8f url(/special/opple/images/banner_step_2.jpg) no-repeat center center; height:319px;}
.banner_step_3 { background:#1a408d url(/special/opple/images/banner_step_3.jpg) no-repeat center center; height:367px; border-bottom:1px solid #2e5b8d;}
.banner_step_4 { background:#1a408d url(/special/opple/images/banner_step_4.jpg) no-repeat center center; height:340px;}
.banner_step_1_l { /*width:400px;*/ float:left; padding:50px;margin: 150px 0 0 55px;}
    .downLoad{width: 281px; height: 48px; display:inline-block; background:#032143 url("/special/opple/images/download.png") no-repeat; color: #fff; font-size: 25px; font-weight: bold; box-shadow: 0 5px 0 #1A314A; margin-top:10px;}
    .downLoad:hover{ background:url("/special/opple/images/download1.png") no-repeat;}
    .downLoad-text { background:url("/special/opple/images/icon-down.png") 30px 10px no-repeat; padding:15px 30px 15px 60px; text-align:center; border:1px solid #2e4779; color:#fff; font-size:16px; font-weight:700; display:inline-block}
.banner_step_1 .btn_fillData{ margin-left: 15px;}
.banner_step_1_r { float:right; width:400px; padding:90px 0 0;}
.banner_step_1_r h3 { color:#9ac0eb; font-size:16px; margin-bottom:10px;}
.banner_step_1_r p { color:#9ac0eb; line-height:20px; font-size:12px; text-indent:2em;}
.more {  border:1px solid #366ba5; font-size:14px; color:#9ac0eb; padding:8px 20px; display:inline-block; margin-top:10px;}

.tabs { width:700px; margin:0 auto; position:relative; top:-40px;}
.tabs .tabs_a { color:#fff; background:#0d56c3; width:310px; height:40px; line-height:40px; font-size:18px; display:inline-block; text-align:center;}
.tabs .tabs_a.cur i { border:10px solid; border-color:#0d56c3 #000 #000 #000; display:inline-block; position:absolute; bottom:-20px; *bottom:-60px; left:150px}
.tabs .tabs_b { color:#fff; background:#712a86; width:310px; height:40px; line-height:40px; font-size:18px; display:inline-block; text-align:center;}
.tabs .tabs_b.cur i { border:10px solid; border-color:#712a86 #000 #000 #000; display:inline-block; position:absolute; bottom:-20px; *bottom:-60px; left:450px}
.tabs .tabs_m { color:#fff; background:#555; width:70px; height:40px; line-height:40px; font-size:18px; display:inline-block; text-align:center;}
.tit-h2 { font-size:30px; text-align:center; font-weight:700; padding:30px 0; color:#fff;}
.research-tit { font-size:30px; font-weight:700; color:#fff;}

.research-box { border-right:1px solid #234a75; width:600px; float:left;}
.interview-more { text-align:center; padding:10px 0 0}

.link-more { border:1px solid #366ba5; font-size:14px; color:#9ac0eb; padding:10px 50px; display:inline-block;}

/*活动采访*/
.cover{ width: 100%; background: #0A3565; overflow: hidden; padding-bottom: 30px;}
.cover .tit{width:177px;height: 50px;background: url("/special/opple/images/cover.jpg") no-repeat;margin: 50px 0;}
.cover-view li{ width: 200px; height: 280px; background: #032143; margin: 10px 40px 10px 0; padding: 5px; display:inline-block; float:left}
.link-more { border:1px solid #366ba5; font-size:14px; color:#9ac0eb; padding:10px 50px; display:inline-block;}
.tph_head { height:146px; background:url(/special/opple/images/tph1.jpg) no-repeat;}
.tph_head span { float:right; color:#fff; font-size:12px; padding:70px 20px 0}
.detailHead .btn_confirm_no{ font-size: 26px; color: #343434; font-weight: bold; padding: 5px 10px; background:#727272; border-radius: 20px; margin: 0; box-shadow: 0 4px 0 #414141;}

.text-l { float:left; width:400px; overflow:hidden; padding:115px 0 0 100px; color:#fff; font-size:16px;}
.text-l p { margin-bottom:5px; line-height:26px;}
.yellow { color:#ffd927; font-weight:700}

.store{position:relative; margin:20px auto; width:900px; overflow:hidden;}		
.store .direction{display:none; position:absolute; top:200px; width:48px; height:97px; background:url("/special/opple/images/store_icon.png"); cursor:pointer;}
.store .direction_l{left:0; background-position:0 0;}
.store .direction_r{right:0; background-position:0 -108px;}			
.store .store_list{overflow:hidden;}
.store_list li{float:left; width:900px; height:550px; overflow:hidden; margin-right:0;}
.store .store_item{ text-align:center; padding:12px 0; position:absolute; width:100%; bottom:0; height:10px;}
.store_item a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#666; border-radius:6px;}
.store_item a:hover , .store_item a.cur{background:#f60;}

.detail-h3 { color:#ccc; font-size:16px; margin:10px 0; line-height:30px; border-top:1px solid #26405d; padding:5px 0; font-weight:700}
.detail-text { color:#ccc;}
.detail-text p { margin:10px 0; line-height:26px; text-indent:20px;}