﻿@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2017-02-24 */

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,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,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:1px; height:1px; *display:inline; font-size:1px;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; background: url(https://static.web.sdo.com/dn/pic/dn_18act/1807show/bg_dialog.jpg);} 
.font36{font-size:36px;}

/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_18act/1807show/ */
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none; width:400px; height:200px; background:#f2eee8;}
.close_dialog{width:40px; height:40px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/201512xinfu/ico_close.jpg) no-repeat;}
.dialog_show{width: 750px; height: 550px; text-align:center; color:#471b0c;}
.dialog_show h2{font-size:24px; font-weight:bold; line-height:1.3; margin-top:50px;}
.dialog_show h3{font-size:18px; font-weight:bold; margin-bottom:5px;}
.dialog_show .size_menu a{padding:0 5px; width:auto; height:35px; margin:0 20px; display:inline-block; background:#fff; font-size:14px; font-weight:bold; border:2px solid #471b0c;line-height:34px; color:#471b0c;}
.dialog_show .size_menu a.active{border:2px solid #0046c5; color:#fff; background:#0046c5; }
.dialog_show .size_con{margin:5px auto 15px;;}
.dialog_show .size_con img{ text-align:center; width:442px; height:195px; }
.dialog_show .desc{margin:25px auto 15px;}
.dialog_show .box_btn a{width:120px; height:40px; margin:0 20px; display:inline-block; font-size:18px; font-weight:bold; line-height:39px; color:#fff;}
.dialog_show .box_btn a.btn_ok{background:#db4d1b;}
.dialog_show .box_btn a.btn_no{background:#96c8ac;}
/*第一部分*/
.wrap01 {background:url(https://static.web.sdo.com/dn/pic/dn_19act/dnavatar201907/wrap01_bg.jpg) no-repeat center top;}
.wrap01 .con {position:relative; width:1000px; height:660px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_24act/0606/wrap01_cen0709.jpg) no-repeat center;}
.user_info{ position:absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; top:170px; left:0; width:100%;padding-right:20px; text-align:center; }
.user_info li{display:inline-block; margin-left:20px; color:#333232;}
.user_info a {color:#3A3837; font-weight:bold;}
.wrap02 {background:#278BE5 url(https://static.web.sdo.com/dn/pic/dn_19act/dnavatar201907/wrap02_bg02.jpg) no-repeat center top;overflow:hidden;}
.wrap02 .con {position:relative; width:1000px; margin:0 auto; overflow: hidden;background:url(https://static.web.sdo.com/dn/pic/dn_19act/dnavatar201907/wrap02_cen02.jpg) no-repeat center top;}
.job_nav{ margin-top: 68px }
.job_nav a{position: relative; width:100px; height:100px;display:block;float:left; color:#31302F; text-align:center; line-height:1.1; font-weight:bold;}
.job_nav a i{position: absolute; top: 0;left: 14px; width:82px; height:74px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201809/sel_a.png) no-repeat; display: none}
.job_nav img{display:block; margin: 14px auto 10px;}
.job_nav a.active i{display: block}
.job_con{overflow:hidden;}
.wrap02 .pic_t1{top:340px; position:absolute; left:104px;}
.wrap02 .pic_t2{top:840px; position:absolute; left:102px;}
.wrap02 .tips{font-size:18px; margin:100px auto 320px; width:82%; color:#773500; }
.act_time01{display: block;margin: 100px auto 0;text-align: center;color: #773500;font-size: 36px;font-weight: bold}
.act_time01 i{ position: relative;top:-18px; display: inline-block;width: 100px; margin: 0 20px 0;text-align: center;color: #773500;font-size: 14px;font-weight: bold;font-style: italic;border-bottom: 1px solid #E6BE74}

.show_box{margin:140px auto 0;width: 930px;}
.show_box .btn_all {background:#e04121; width:180px; height:40px; padding:12px 55px; line-height:1.1; font-weight:bold; color:#fff; font-size:20px; text-align:center; display:block; margin:0 auto;}
.show_box .btn_all01 {width:52px;}
.show_box .btn_all  .en{color:#ea8b7e; font-size:12px; display:block; margin:2px auto;}
.show_box .price{font-size:18px; color:#E04121; margin:20px auto 18px; text-align:center; line-height:1.1;}
.show_box .price del{color:#AC9D96;}
.tab01{width: 100%;overflow:hidden;margin-bottom: 50px;}
.tab01 .tit{ background:#773500; line-height:55px; height:55px; font-weight:bold; color:#fff; font-size:24px; text-align:center;}
.tab01 .tab_con{width: 100%;height: 410px;position:relative;}
.tab01 .tab_con img{width:100%;height:100%;position:absolute;top:0;left:0;}
.tab01 .tab_a{width: 100%;text-align: center;}
.tab01 .tab_a a{display: inline-block;width:50px;height:50px;margin: 10px 5px;vertical-align: middle;}
.tab01 .tab_a  img{width:100%; height:100%;}
.tab01 .tab_a a.active{border: 4px solid #773500;width:42px;height:42px;}

.tab02{overflow:hidden}
.tab02 .tit{ background:#773500; line-height:55px; width:219px; height:55px; font-weight:bold; color:#fff; font-size:24px; text-align:center;     margin: 0 auto;}
.tab02 .tab_con{width:219px; height:297px; position:relative;     margin: 0 auto;}
.tab02 .tab_con img{width:100%; height:100%; position:absolute; top:0; left:0;}
.tab02 .tab_a{width: 100%;text-align: center;}
.tab02 .tab_a a{display: inline-block;width:50px;height:50px;margin: 10px 5px;vertical-align: middle;}
.tab02 .tab_a  img{width:100%; height:100%;}
.tab02 .tab_a a.active{border: 4px solid #773500;width:42px;height:42px;}

