/*
* @Author: v.luxiao
* @Date:   2016-05-11 19:01:46
* @Last Modified by:   v.luxiao
* @Last Modified time: 2016-07-15 09:45:54
*/
html, body, div, span, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, cite, code, del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html { overflow-y: auto; overflow-x: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; display: block; }
ul, li, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
em, cite, dfn { font-style: normal; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *display: inline-block; *zoom: 100%; }
.clear { clear: both; line-height: 0; height: 0; *display: inline; font-size: 0; }
:focus, a { outline: none; -moz-outline-style: none; display: block; }
a:visited, a:link { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
.none { display: none; }
#SDGCOPYRIGHT a { display: inline-block; }
.fl { float: left; }
.fr { float: right; }
.marL10 { margin-left: 10px }
.simsun { font-family: "simsun", "\5B8B\4F53"; }
body { font: 14px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", arial, tahoma, sans-serif; color: #fff; height: 100%; }
/* 弹层 */
.dialog {max-width: 1280px; max-height:1580px;}
.alert_bg { width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 999; display: none; }
.dialog,.dialog-loading { position: absolute; z-index: 10001; color: #4b4b4b; top: 50px; display: none; }
.close_dialog { width: 30px; height: 30px;z-index: 5;display: block; position: absolute; top: 8px; right: 9px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/close.png) no-repeat; }
.close_dialog:hover{opacity:.8;filter:alpha(opacity=80); }
.picBtnTop{ width:942px; min-height:743px;padding:64px 68px 0 75px;  position:relative;  overflow:hidden;  zoom:1; background: #fff;  }
.picBtnTop .hd{ width:120px;  height:513px; position:absolute; left:765px;overflow-y: auto;overflow-x: hidden;  }
.picBtnTop .hd ul li{ width:120px; text-align:center; padding:0 0 4px 4px;  }
.picBtnTop .hd ul li img{ width:95px; height:70px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom;}
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
.picBtnTop .hd ul li img:hover{border-color:#f60;  }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .bd{ width:684px;  height:513px; position:relative;}
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;height: 513px;}
.picBtnTop .bd li img{width:684px; height:513px;}
.auther-info{font-size: 14px;color: #555555;line-height: 24px;padding-top: 15px;}
.info-right{margin-right: 140px;}
.red{color: #f5513c;}
/* 页面 */
.wrap { width: 100%; height: 1580px; min-width:1300px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/bg.jpg) left 0 no-repeat; }
.leftbg { width: 229px; height: 1580px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/leftbg.jpg) no-repeat; margin-right: 25px; }
.main{position: relative;}
/* 导航 */
.nav { margin-top: 15px; }
.nav li a{width: 252px; height: 79px;display: block;}
.nav li { width: 252px; height: 79px; float: left; cursor: pointer; position: relative;  transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.nav li.n1 { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/nav1.png) no-repeat; }
.nav li.n2 { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/nav2.png) no-repeat; margin-right: 113px;margin-left: 113px;}
.nav li.n3 { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/nav3.png) no-repeat; }
.nav li.n1.now { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/n1.jpg) no-repeat; }
.nav li.n2.now { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/n2.jpg) no-repeat; }
.nav li.n3.now { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/n3.jpg) no-repeat; }
.drop{width: 982px;position: absolute;top: 98px;left:0;/*z-index: 50;*/height: 340px; }
.dropin { width: 982px;position: absolute; z-index: 10;height: 340px;display: none;}
/* .down1 { top: 80px; left:0px; }
.down2 { top: 80px; left: 50%;margin-left: -491px;}
.down3 { top: 80px; right: 0px; } */
.dropin .d1 { background: #eb644a;padding:10px 25px 30px; }
.down-tit { font-size: 18px; border-bottom: 1px solid rgba(255, 255, 255, .3); line-height: 35px; width: 776px; }
.branch { width: 776px; margin-top: 10px; }
.branch .branch-in { height: 18px; line-height: 18px; float: left; padding-right: 30px; }
.branch .branch-in.pr50 { padding-right: 50px; }
.branch a { color: #fff; font-size: 12px; display: inline; width: 100%; }
.branch a:hover{color:#000;text-decoration:underline ;}
.branch a.now{color:#000;text-decoration:underline ;}
/* 主体内容顶部 */
.main-part{position: relative;}
.main-part .p1{position: absolute;}
/* 左侧简介 */
.brief { height: 242px; background: #fff; color: #5a5a5a; padding: 35px; margin-top: 72px; position: relative;	/* display: none; */ }
.design-tit { width: 580px; }
.tit { font-size: 24px; text-align: center; }
.b-main { margin-top: 25px; }
.b-time { margin-top: 45px; }
.decorate { width: 5px; height: 244px; background: #ee785d; position: absolute; left: 0; top: -1px; }
/* design */
/* 右侧轮播 */
.picScroll-left { width: 352px; height: 332px; background: #262641; position: relative; padding: 13px 17px; margin-top: 30px; }
.picScroll-left .next, .picScroll-left .prev { width: 25px; height: 43px; position: absolute; top: 145px; z-index: 3; cursor: pointer; }
.picScroll-left .prev { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/pre.png) no-repeat; left: -8px; }
.picScroll-left .next { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/next.png) no-repeat; right: -8px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; position: relative; width: 317px; height: 250px;}
.picScroll-left .bd ul li  img { width: 317px; height: 250px; }
.winner { margin-left: -5px; margin-bottom: 22px; }
.cn { position: absolute; top: -1px; right: 9px; }
.auther { color: #e6e6e6; font-size: 15px; text-align: center; position: absolute; top: 80px; width: 100%; }
.designer { margin-top: 10px; }
.tickets { color: #ff9385; margin-top: 3px; }
.more { width: 50px; height: 11px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/w3.png) no-repeat; position: absolute; right: 10px; bottom: 8px;cursor:pointer; }

/* 展示部分 */
/* .other{display: none;} */
.loading{display: none;}
.show-design { top:428px;position: absolute;width: 100%;height: 924px; }
.show-design li { position: relative; margin-bottom: 3px; width: 382px; cursor: pointer; height: 151px; }
.show-design-left { margin-right: 162px; }
.picleft img { width: 191px; height: 151px; background-size: cover; }
.picright, .cover { width: 201px; height: 151px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/bgblack.png) no-repeat; position: absolute; top: 0; left: 180px; text-align: left; padding: 16px 6px 0px 20px; }
.cover { width: 201px; height: 151px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/bgblack.png) no-repeat; position: absolute; top: 0; left: 180px; text-align: left; padding: 16px 0px 0px 20px; }


.show-design .special { top: 0; left: 0; background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/bgwhite.png) no-repeat; }
.normal .name { color: #000; font-size: 14px; }
.normal .designer { color: #878787; font-size: 12px; }
.normal .tickets { color: #b86357; font-size: 12px; }
.special .name { color: #676767; font-size: 14px; }
.special .designer { color: #a0a0a0; font-size: 12px; }
.special .tickets { color: #e48477; font-size: 12px; }
.cover { display: none; padding: 50px 66px 0px 55px; }
.normal .cover { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/bgcover.png) no-repeat; left: 0; }
.special .cover { background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/cover-left.png) no-repeat; left: 0; }
/*.show-design .l-right{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/loading-more.png) no-repeat;}
.show-design .l-right.special{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/loading-more2.png) no-repeat;}
.good{width: 155px;height: 1196px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/zan.jpg) no-repeat;position: absolute;top:153px;left:385px;}*/
.show-design .l-right{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/lar3.png) no-repeat;}
.show-design .l-right.special{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/lar2.png) no-repeat;}
.good{width: 155px;height: 1196px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/zan.jpg) left bottom no-repeat;position: absolute;top:153px;left:385px;}
.normal .cli-lar{display: block;left:120px;top:90px;position: absolute;width: 70px;height: 43px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/lar1.png) no-repeat;}
.special .cli-lar{display: block;left:10px;top:90px;position: absolute;width: 70px;height: 43px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/lar5.png) no-repeat;}
.good2{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/pic.jpg) no-repeat;}
.normal .cli-lar2{display: block;left:120px;top:90px;position: absolute;width: 70px;height: 43px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/lar7.png) no-repeat;}
.special .cli-lar2{display: block;left:10px;top:90px;position: absolute;width: 70px;height: 43px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/lar6.png) no-repeat;}
/* 分页 *//* 分页 */
.pageNavi { color: #6a6a7c; font-size: 14px;position: absolute;bottom: -35px;left: 50%;}
.pageNavi a, .pageNavi span { color: #ec422c; padding: 2px 5px; display: inline-block; cursor:pointer;float: left;}
.pageNavi a:hover, .pageNavi span:hover{text-decoration: underline;}
.pageNavi .current { color: #6a6a7c; float: left; }
.pageNavi .prev,.pageNavi .next{width: 77px;height: 23px;color: #ec422c;float: left;}
.pageNavi .prev{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/pagepre.png) left 50% no-repeat;padding-left: 30px;margin-right: 20px;}
.pageNavi .next{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/pagenext.png) right 50% no-repeat;padding-right: 30px;margin-left: 20px;}
/* video */
/* 顶部 */
.video-tit{width: 630px;}
.v1{width: 443px;height: 472px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/v1.png) no-repeat;position: absolute;z-index: 8;}
/* video主体部分 */
.top{position: relative;width: 982px;}
.show-video{width: 930px;height: 800px;background: #fff;margin-top: 85px;}
.show-left{width: 141px;height: 53px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/v2.jpg) 0 28px no-repeat;margin-left: 20px;}
.show-right{width: 104px;height: 54px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/v3.jpg) no-repeat;margin-right: 10px;}
.show-prise{width: 348px;height: 39px;border:1px solid #b7b7b7;text-align:center;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/tobottom.jpg) 310px center no-repeat;position: relative;}
.color1{color:#696868;text-align:center;width: 100%;line-height: 39px;}
.show-center{padding-top: 25px;width: 348px;margin:0 auto;position: relative;}
.str{width: 58px;height: 1px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/str.jpg) no-repeat;position: absolute;top:19px;}
.str1{left:50px;}
.str2{right:50px;}
dl{text-align: center;width: 348px;/*height: 309px;*/background: #fff;padding-top: 10px;padding-bottom: 10px;border: 1px solid #b7b7b7;border-top: none;position: absolute;top:65px;z-index: 3;display: none;}
dt{color:#000;position: relative;}
dd{color:#7f7f7f;cursor:default;}
dd:hover{background: #eb644a;color:#fff;}
dd.now{background: #eb644a;color:#fff;}
.string{height: 1px;background: #e1e1e1;position: absolute;top:10px;}
.str3{left: 20px;width: 107px;}
.str4{right: 5px;width: 128px;}
.videoplay{width: 84px;height: 84px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/videoIco.png) no-repeat;position: absolute;top:50%;margin-top: -42px;left: 50%;margin-left: -42px;cursor:pointer;}
.videoplay:hover{opacity: .7;filter:alpha(opacity=70);}
/* .show-top{position: absolute;z-index: 20000;} */
.video{width: 733px;height: 439px;margin:30px auto;position: relative;}
.video-info-tit{line-height: 40px;border-bottom: 1px solid #d2d1d1;padding-top: 10px;margin-bottom: 10px;}
.video-info{color:#262641;font-size: 14px;margin-left: 100px;margin-right: 100px;line-height: 24px;}
.color2{color:#ed4d38;}

/* audio */
.show-audio{width: 930px;background: #fff;margin-top: 85px;color:#434343;overflow:hidden;position: absolute;}
/* 音频轮播 */
.grid-main{margin-top: 30px;margin-left: 35px;width: 880px;}
.first{width: 143px;height: 143px;position: relative;float: left;margin-right: 40px;cursor:pointer;}
.other-audio{height: 524px;}
.first img{width: 121px;height:121px;}
.audio-name{text-align: center;}
.circle{width: 166px;height: 93px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/circle.png) no-repeat;position: absolute;top:0px;left: 0px;z-index: 5;}
.pause,.play{width: 30px;height: 42px;position: absolute;left: 50%;margin-left: 0px;top:50%;margin-top: 0px;z-index: 1;}
.pause{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/pause.png) no-repeat;display: none;}
.play{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/play.png) no-repeat;}
.normal-show{width: 100%;height:100%;}
.hover-show{width: 143px;height: 143px;position: absolute;top:-11px;left: -11px;z-index: 1;display: none;}
.line-bg{width: 829px;height: 1px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/bgstring.png);left: 0; top: 67px;position: absolute;}
.order{width: 395px;height: 98px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/orderbg.png) no-repeat;display: none;color: #fff;line-height: 98px;text-align: center;font-size: 18px;position: absolute;bottom:-130px;right:-230px;z-index: 8;}
.fs30{font-size: 30px;font-weight: bold;}
.fs20{font-size: 20px;margin-right: 40px;font-weight: bold;}
.version-list{width: 1283px;position: absolute;left: 0;top:0;z-index: 10;}
.version-box{width: 880px;height: 143px;position: relative;}
.au-cover{width: 143px;height: 143px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/au-cover.png);position: absolute;top:11px;left: 11px;}

/* bgm */
.bgm{width: 932px;background: #fff;/*display: none;*/padding:20px 30px 60px 25px;}
.a-tit{width: 209px;height: 26px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/a-tit.png) no-repeat;}
.bgm-main{margin-top: 40px;}
.bgm-one{height: 35px;border-bottom: 1px dotted #b2b2b2;line-height: 35px;}
.bgm-play .btn_down {width:35px;height: 35px; margin-left:10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4T+1T2w3CMAz0ZQnINHQTehPABrQbwAQuGzBCmSZ8MkGNXBWJR4OK6CcnWbJk5+TzOZAfgdz7pFoB2HndzOpIVmO9fwKReXeQVIsQwmrYfCEiHo4WQOtJ13XnSPa5422CpNoAWI9ZZmbHSJaPtVEJF9W9AJsnErPDkty+En/aQQlABzmMZPPVIXlzUi2DyHVBnnIXm51g6heZlyCpul29jTmYmdt4tzd/SFMl3AAzPGERyPzdYQAAAABJRU5ErkJggg==) center center no-repeat; background-size:16px 16px; }
.bgm-play .btn_down:hover {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvUlEQVQ4T+1TOxKCMBB9yxnA60gpXEKU9HoD9QbaE8UbWBFKuI5QeALWyZDCT+LgSOlWL7O7b3b3vRB+DHL1NyLeAtiY/C7ICv1+iz8BMO4NGjELAW/an5pDgEKDK4CqHnd1kJUGWya4plFORHObZMx8nkiVPOasK7RptGei1VMh88GXav1K7LxBu4wT9nDSDdRh4R+L/Csj6WJNAuKbL9XF5VjnBEO/yLgEjYi0XEZG1wxcB5ky8n4w0tAV7pg5SxGFZgJYAAAAAElFTkSuQmCC) center center no-repeat; background-size:16px 16px; }
.bgm-play .btn_audio{width:35px;height: 35px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/a-p.png) center center no-repeat;}
.bgm-play .btn_audio.active{background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/a-play.png) center center no-repeat;}
.bgm-play .bar{width:119px;height:6px;background-color:#E8E8E8; margin:14px 12px 0 0; border-radius:20px; overflow:hidden;}
.bgm-play .bar i{background-color:#898999; width:0%; height:100%; display: block; border-radius:20px;}
.bgm-play .time{color:#898999;font-size: 12px;}
.pageNavi2{bottom:10px;}
/* 动画 */
.bling{
	animation:bling .3s  linear  both;
	-webkit-animation:bling .3s  linear both;
	-moz-animation:bling .3s  linear  both;
	-o-animation:bling .3s  linear both;
}
@keyframes bling{
    0%{opacity: 0;}
    40%{opacity: 1;}
    60%{opacity: 0;}
    100%{opacity: 1;}
}
@-moz-keyframes btn-close{
    0%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(90deg);}
}
@-webkit-keyframes btn-close{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform:rotate(90deg);}
}
@-o-keyframes btn-close{
    0%{-o-transform: rotate(0deg);}
    100%{-o-transform:rotate(90deg);}
}