.title-page { width: 1195px; height: 108px; margin-bottom: 15px; padding-left: 59px; background-color: #fff; }
.title-page .title-top { padding-left: 60px; font-size: 32px; color: #1cc880; line-height: 108px; }
.page-mission{width: 1254px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;}
.page-mission .title-page, .page-mission .title-mission, .main-mission .nav-top .nav-top-op:hover, .main-mission .nav-top .current .nav-top-op, .mssn-area .mssn-list .mssn-stat .btn-mssn.finish { background-image: url(../img/mission-elements.png); background-repeat: no-repeat; }
.page-mission .title-page { background-position: right -108px; }
.page-mission .title-mission { background-position: 8px 2px; }
 
.main-mission { padding: 0 59px 34px; background-color: #fff; }
.main-mission .nav-top { width: 1135px; height: 64px; margin: 0 auto; border-bottom: 1px solid #dcdcdc; }
.main-mission .nav-top .nav-top-list { width: 598px; margin: 0 auto; }
.main-mission .nav-top .nav-top-list li { height: 38px; margin: 13px 83px 13px 0; }
.main-mission .nav-top .nav-top-op { display: block; width: 144px; height: 38px; font-size: 18px; color: #666; line-height: 38px; text-align: center; }
.main-mission .nav-top .nav-top-op:hover, .main-mission .nav-top .current .nav-top-op { background-position: 0 -249px; color: #fffefe; }

.mssn-area {overflow: hidden; width: 1136px; padding: 25px 0 0; }
.mssn-area .mssn-area-title { height: 40px; font-size:18px; line-height: 40px; text-align: left; }
.mssn-area .mssn-list { border-top: 1px solid #dcdcdc; }
.mssn-area .mssn-list li { display: block; width: 546px; *width: 546px; padding-right: 20px; border: 1px solid #dcdcdc; border-top: none; }
.mssn-area .mssn-list .mssn-list-r { border-left: none; }
.mssn-area .mssn-list .mssn-cont { width: 255px; height: 123px; padding: 40px 20px 0 120px;     position: relative;}
.mssn-area .mssn-list .mssn-cont .icon-mssn {     position: absolute;top: 47px; left: 27px; width: 68px; height: 68px; }
.mssn-area .mssn-list .mssn-cont .title-mssn { font-size: 18px; color: #333; line-height: 36px; }
.mssn-area .mssn-list .mssn-cont .intro-mssn { color: #9e9e9e; }
.mssn-area .mssn-list .mssn-stat { width: 150px; padding-top: 45px; }
.mssn-area .mssn-list .mssn-stat .mssn-bouns { margin-bottom: 12px; font-size: 22px; text-align: center; }
.mssn-area .mssn-list .mssn-stat .btn-mssn { display: block; width: 150px; height: 31px; background-color: #01AAED; color: #fff; line-height: 31px; text-align: center; }
.mssn-area .mssn-list .mssn-stat .btn-mssn.open { border-color: #ff9000; background-color: #ff9000; color: #fff; }
.mssn-area .mssn-list .mssn-stat .btn-mssn.finish { width: 100px; padding-left: 52px; background-position: 100px -339px; text-align: left; border: 0; }
.mssn-area .mssn-list .mssn-stat .btn-mssn.loading { border-color: #dcdcdc; background-color: #fff; }
.mssn-area .mssn-list .mssn-stat .mssn-bouns-get { top: 40px; left: 0; width: 90px; height: 33px; background-color: #fff; border: 1px solid #dcdcdc; line-height: 33px; text-align: center; }
.mssn-area .mssn-list .mssn-stat .btn-mssn .bonus { left: -1px!important; width: 140px!important; height: 31px!important; line-height: 31px!important; font-size: 12px; color: #f57900; }
.mssn-area .mssn-list .mssn-stat .btn-mssn .bonus.tip { color: #000; }
.mssn-area .mssn-list .mssn-stat .btn-mssn .bonus.tip a { color: #f57900; } 

.qd {width:1135px;height:auto;position:relative;padding-top:10px;} 
.qd_list {display:flex;width:100%;height:20px;background:url(../img/qh.png) no-repeat;margin:10px 0;}
.gold96_wrap,.dady_wrap {display:flex;width:100%;height:20px;line-height:20px;}
.dady_wrap {margin-bottom:20px;}
.dady_wrap p {width:230px;white-space:nowrap;color:#aaaaaa;}
.dady_wrap p:last-child {width:30px;}
.gold96_wrap p {width:200px;white-space:nowrap;}
.gold96_wrap p:last-child {width:50px;}
.gold96_wrap span {display:inline-block;vertical-align:top;height:20px;line-height:23px;margin-right:3px;}
.qd_list div {width:185px;}

.qd_list li {width:170px;border-top:4px solid #ddd;position:relative;top:10px;}
#J_main_mssn > div.qd > p:nth-child(1) {font-size:18px;margin:20px 0 10px;}
#J_main_mssn > div.qd > p:nth-child(2) {font-size:14px;margin-bottom:20px;color:#aaaaaa;}
.qdbtn {position:absolute;top:40px;right:0;width:114px;height:34px;line-height:34px;border-radius:20px;color:#fff;text-align:center;}
.qdbtn_ready{background:#ff3b2f;cursor:pointer;}
.qdbtn_finish{background:#919191;}
.qd_list div.div_on {background:url(../img/on_left.png) no-repeat;}
.qd_list div.last_on {background:url(../img/laston.png) no-repeat;}
.dady_wrap p.dady_on {color:#ff3b2f;}
.qd_list div.div_on:first-child {width:20px;height:20px;background:url(../img/laston.png) no-repeat;}