@charset "UTF-8";
body { min-height: 1000px; background: #f79c27 url("../img-marthon/mothon-bg.png") no-repeat center top; }

body, html { font-family: "微软雅黑"; }

.header { background: rgba(0, 0, 0, 0.5); height: 60px; padding-top: 10px; position: relative; }
.header .logo { float: left; width: 20%; }
.header .logo img { width: 70%; min-width: 182px; }
.header .design { float: right; }
.header .design div { float: left; padding-top: 8px; }
.header .design div a { color: #FFFFFF; padding: 5px 20px; }
.header .login-succ { color: #FFFFFF; display: none; }
.header .login-succ .menu-my { position: absolute; display: none; top: 100%; max-width: 200px; width: 39%; background: #FFFFFF; border-radius: 3px; }
.header .login-succ .menu-my li { padding: 10px 10px; font-size: 13px; line-height: 21px; }
.header .login-succ .menu-my li a { color: #6d6d6d; }
.header .login-succ .menu-my li:hover a { color: #179ef3; }
.header .login-succ .hi-my div { display: none; }
.header .login-succ span:first-child { margin-right: 10px; }
.header .login-succ span:nth-child(2) { background: url(../img-marthon/navbar-arrow.gif) no-repeat right 13px; margin-right: 10px; }
.header .login-succ span:nth-child(2) a { padding-left: 30px; background: url(../img-marthon/login-after-bg.png) no-repeat left top; }

.loophole { padding: 40px 0 20px; }
.loophole ul { overflow: hidden; }
.loophole ul li { float: left; width: 33.333%; text-align: center; }
.loophole ul li img { width: auto; }

.activity-tit { width: 100%; }
.activity-tit img { display: block; }

.marthon-border { border-bottom: 2px solid #ffb022; }

.marthon .marthon-tit { max-width: 750px; margin: 135px auto; margin-bottom: 20px; }
.marthon .marthon-tit img { width: 100%; }
.marthon .marthon-time { text-align: center; margin-bottom: 40px; }
.marthon .marthon-direct { background: url(../img-marthon/zhibodating.png) no-repeat center top; padding: 15px; padding-top: 50px; }
.marthon .marthon-direct .lubo-wrap { background: #f9f1d5; box-shadow: 5px 5px 5px #f7e8c0; width: 700px; height: 300px; margin: 0 auto; position: relative; }
.marthon .marthon-direct .lubo-wrap .lubo { overflow: hidden; text-align: center; padding-top: 10px; height: 30px; }
.marthon .marthon-direct .lubo-wrap .lubo a { color: #b55e11; padding: 5px 10px; }
.marthon .marthon-direct .lubo-wrap .star-hidd { position: relative; height: 268px; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll { position: absolute; background: #f9f1d5; width: 80%; padding-left: 74px; padding-top: 50px; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .decorate { float: left; margin-right: 20px; padding-top: 8px; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs { position: relative; height: 158px; overflow: hidden; float: left; width: 100%; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs ul { position: absolute; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs li { overflow: hidden; line-height: 20px; height: 42px; background: url(../img-marthon/zhuangshi.png) repeat-y 69px -15px; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs li > div { float: left; color: #c48d5d; font-size: 12px; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs li > div a { color: #b55e11; font-size: 12px; }
.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs li > div:nth-child(1) { float: left; margin-right: 83px; }
.marthon .marthon-direct .lubo-wrap .i-signup { position: absolute; width: 242px; left: 50%; bottom: -50px; }
.marthon .marthon-direct .lubo-wrap .i-signup img { width: 100%; margin-left: -50%; }
.marthon .marthon-direct .lubo-wrap .lubo-san{position: absolute;width:100%;height: 80%;left:0;top:10%;z-index: 10;text-align: center;}
.marthon .marthon-direct .lubo-wrap .lubo-san img{margin-top:5%;}
.activity .container {overflow: hidden;}
.activity .container > .activity_norigh{float: left;width: 20%;min-height: 200px;background: #f76b2d;min-width: 200px;padding: 0 20px 10%;margin-top: 40px;}
.activity .container > .activity_norigh .activity_norigh-top{width: 100%;text-align: center;}
.activity .container > .activity_norigh img{margin: 20px auto;width: 90%;}
.activity .container > .activity_norigh .activity_norigh-main {text-align: center;margin: 0px auto;padding: 20px 0;border-bottom: 1px solid #e7642b;}
.activity .container > .activity_norigh .activity_norigh-main h5{color: #ffd338;font-size: 14px;margin-bottom: 10px;}
.activity .container > .activity_norigh .activity_norigh-main >div{overflow: hidden;}
.activity .container > .activity_norigh .activity_norigh-main >div span:nth-child(1){float: left;font-size: 14px;color: #fff;}
.activity .container > .activity_norigh .activity_norigh-main >div span:nth-child(2){float: right;font-size: 14px;color: #fff;}
.activity .container > .activity_noelet{width: 73%;overflow: hidden;float: right;}
.activity .container > .activity_noelet >div { width: 100%; min-height: 200px; margin: 40px auto;overflow: hidden;}
.activity .container .activity-content { padding: 20px; background: #FFFFFF; overflow: hidden; }
.activity .container .activity-top { background: none; }
.activity .container .activity-top > div { width: 47%; max-width: 500px; min-height: 200px; }
.activity .container .activity-top .activity-tit img { display: block; }
.activity .container .activity-top .activity-content { padding: 20px 40px; background: #FFFFFF; }
.activity .container .activity-top .activity-content ul li { min-height: 30px; }
.activity .container .activity-top .activity-content ul li > span { line-height: 30px; }
.activity .container .activity-top .activity-content ul li .activity-content-about { float: left; }
.activity .container .activity-top .activity-content ul li .activity-content-time { float: right; }
.activity .container .activity-top .activity-time { float: left; }
.activity .container .activity-top .activity-time .activity-content { min-height: 100px; padding-top: 60px; }
.activity .container .activity-top .activity-time .activity-content ul { background: url(../img-marthon/active-time.png) no-repeat 70% top; min-height: 149px; }
.activity .container .activity-top .activity-time .activity-content li { color: #b55e11; font-size: 14px; margin-bottom: 24px; }
.activity .container .activity-top .activity-time .activity-content li span { line-height: 15px; }
.activity .container .activity-top .activity-time .activity-content li span:last-child { font-weight: 600; }
.activity .container .activity-top .activity-rule { float: right; }
.activity .container .activity-top .activity-rule .activity-content { min-height: 170px; padding: 20px 30px; padding-top: 60px; }
.activity .container .activity-top .activity-rule .activity-content .activity-rule-content { min-height: 160px; }
.activity .container .activity-top .activity-rule .activity-content .activity-rule-content p { color: #7b420f; font-size: 14px; line-height: 30px; overflow: hidden; }
.activity .container .activity-top .activity-rule .activity-content .activity-rule-content p span { float: left; }
.activity .container .activity-top .activity-rule .activity-content .activity-rule-content p span:first-child { width: 4%; }
.activity .container .activity-top .activity-rule .activity-content .activity-rule-content p span:last-child { width: 96%; }
.activity .container .activity-top .activity-rule .activity-content .activity-rule-content p:first-child { margin-bottom: 20px; }
.activity .container .activity-explain, .activity .container .activity-arrondi { position: relative; overflow: hidden; }
.activity .container .activity-explain .img-w, .activity .container .activity-arrondi .img-w { float: left; width: 320px; }
.activity .container .activity-explain .inner-w, .activity .container .activity-arrondi .inner-w { margin-left: 340px; padding-right: 60px; }
.activity .container .activity-explain .inner-w h4, .activity .container .activity-arrondi .inner-w h4 { color: #b55e11; font-size: 16px; margin-bottom: 15px; }
.activity .container .activity-explain .inner-w p, .activity .container .activity-arrondi .inner-w p { color: #b55e11; font-size: 14px; margin-bottom: 50px; }
.activity .container .activity-explain .inner-w li, .activity .container .activity-arrondi .inner-w li { color: #b55e11; font-size: 15px; margin-bottom: 20px; }
.activity .container .activity-explain .inner-w .text-n, .activity .container .activity-arrondi .inner-w .text-n { padding-top: 20px; }
.activity .container .activity-explain .inner-w .text-n p, .activity .container .activity-arrondi .inner-w .text-n p { margin-bottom: 20px; }
.activity .container .activity-explain .btn-w, .activity .container .activity-arrondi .btn-w { position: absolute; z-index: 2; bottom: 30px; right: 20px; }
.activity .container .activity-problem .activity-content { overflow: hidden; }
.activity .container .activity-problem .activity-content .common-problem-content { margin-bottom: 20px; min-height: 100px; }
.activity .container .activity-problem .activity-content > div { width: 40%; }
.activity .container .activity-problem .activity-content > div h3 { color: #7b420f; font-size: 14px; margin-bottom: 10px; }
.activity .container .activity-problem .activity-content > div p { color: #936a46; font-size: 12px; line-height: 20px; }
.activity .container .activity-problem .activity-content > div p a { color: #f96321; }
.activity .container .activity-problem .activity-content .common-problem-left { float: left; }
.activity .container .activity-problem .activity-content .common-problem-right { float: right; }

.footer .footer-wrap { width: 90%; text-align: center; font-size: 12px; padding: 80px 0; margin: 0 auto; }
.footer .footer-wrap a { color: #FFFFFF; margin-right: 40px; }
.footer .footer-wrap a:nth-child(4) { position: relative; }
.footer .footer-wrap a:nth-child(4) img { display: none; position: absolute; left: 0; margin-left: -100%; top: -137px; }
.footer .footer-wrap .footer-content { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #feb250; }
.footer .footer-wrap .footer-content-bot { color: #ffd6a2; }

@media (max-width: 992px) {
    .activity .container > div { width: 90%; min-height: 200px; background: #FFFFFF; margin: 40px auto; }
	.activity .container > .activity_noelet{width: 60%;}
  .activity .container .activity-top { background: none; overflow: hidden; }
  .activity .container .activity-top > div { width: 100%; max-width: 992px; min-height: 200px; background: #FFFFFF; }
  .activity .container .activity-top .activity-time { float: none; margin-bottom: 40px; }
  .activity .container .activity-top .activity-rule { float: none; } 
  .activity .container .activity-explain .btn-w, .activity .container .activity-arrondi .btn-w {width: 103px;}
  .activity .container .activity-explain .btn-w img, .activity .container .activity-arrondi .btn-w img{width: 100%;} }
@media (max-width: 768px) { .marthon .marthon-direct .lubo-wrap { width: 100%; height: 270px; }
	.marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll { padding-top: 16px; padding-left: 8%; width: 90%; }
  .marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs ul { width: 100%; }
  .marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs ul li { background: none; }
  .marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs ul li div:nth-child(1) { margin-right: 5%; }
  .marthon .marthon-time { width: 100%; }
  .marthon .marthon-time img { width: 100%; }
  .loophole ul li img{width: 90%;}
  .img-w { display: none; }
  .activity .container .activity-explain .inner-w, .activity .container .activity-arrondi .inner-w { margin-left: 0; padding-right: 0; }
  .activity .container .activity-explain .inner-w p, .activity .container .activity-arrondi .inner-w p { margin-bottom: 20px; }
  .activity .container .activity-explain .btn-w, .activity .container .activity-arrondi .btn-w { width: 20%; min-width: 100px; left: 50%; bottom: 0; }
  .activity .container .activity-explain .btn-w img, .activity .container .activity-arrondi .btn-w img { width: 100%; margin-left: -50%; }
  .activity .container .activity-problem .activity-content > div { width: 100%; }
  .activity .container .activity-problem .activity-content .common-problem-left { float: none; }
  .activity .container .activity-problem .activity-content .common-problem-right { float: none; }
  .footer .footer-wrap .footer-content { padding-left: 3%; }
  .footer .footer-wrap .footer-content a { margin-right: 6%; }
  .marthon .marthon-direct .lubo-wrap .i-signup { width: 50%; } }
@media (max-width: 480px) { .activity .container .activity-top .activity-time .activity-content ul { background: none; }
  .activity .container .activity-top .activity-time .activity-content ul li span:nth-child(1) { width: 60%; } }
@media (max-width: 420px) { .header .logo img { min-width: 144px; }
  .header .design div { padding-top: 6px; }
  .header .design div a { padding: 5px 10px; }
  .header .design .hi-my span { display: none; }
  .header .design .hi-my div { display: block; padding-top: 0; width: 27px; }
  .header .design .hi-my div img { width: 100%; }
  .header .design .menu-my { left: 61%; }
  .activity .container .activity-content { padding: 20px 10px; font-size: 12px; }
  .activity .container .activity-top .activity-rule .activity-content { padding-top: 10px; }
  .activity .container .activity-top .activity-time .activity-content { padding-top: 10px; }
  .activity .container .activity-top .activity-time .activity-content ul { background: none; }
  .activity .container .activity-top .activity-time .activity-content ul li span { float: none; display: block; }
  .activity .container .activity-top .activity-time .activity-content ul li span:nth-child(1) { margin-right: 0; width: 100%; min-width: 170px; margin-bottom: 10px; }
  .marthon .marthon-direct .lubo-wrap .star-hidd .star-scroll .star-abs { height: 172px; }
  .marthon .marthon-direct .lubo-wrap .i-signup { bottom: -37px; width: 50%; }
  .footer .footer-wrap { margin: 30px auto; padding: 0 0; }
  .footer .footer-wrap a:nth-child(4) { display: none; } }

/*# sourceMappingURL=main.css.map */