body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}

body { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; color: #515151;}
a { color: #515151; text-decoration: none;}
a:hover { color: #31a5e7;}

.clearfix:after { content: ""; display: table; clear: both;}

.ml-nav { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; padding: 15px 0; background-color: rgba(255, 255, 255, 0.85);}
.ml-logo { float: left; width: 126px; height: 20px; margin: 8px 0; font-size: 0; background-image: url(../images/meilannote2_logo.png);}
.ml-link { float: right; margin: 8px 150px 0 0; font-size: 0;}
.ml-link a { display: inline-block; margin: 0 15px; font-size: 14px;}
.buy-now { position: absolute; right: 0; top: 0; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: #3db1fa;}
.buy-now:hover { color: #fff;}

.center-wrap { position: relative; z-index: 1; width: 1040px; height: 100%; margin: 0 auto;}
.desc { position: relative; z-index: 1;}

.section { overflow: hidden;}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p { line-height: 25px;}

.section .meizu-logo { float: left; margin: 0; }
.meizu-logo a { float: left; width: 165px; height: 92px; font-size: 0; background-image: url(../images/logo.gif);}
.nav { float: right; margin-right: 150px;margin-top:30px;}
.nav li { float: left;}
.nav a { display: block; padding: 10px;}

.banner { background: url(../images/banner.jpg) 50% 0 no-repeat;background-size:100% 100%;}
.banner-desc { position: absolute; width: 386px; margin: 0 auto; color: #FFF; bottom: 95px; left: 50%; margin-left: -193px;}
.banner-desc h1 { text-align: center;}


.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;background:#494949;color:#fff;}
.footer-link dl { float: left; width: 19.9%;}
.footer-link dt { line-height: 45px; font-weight: 700;}
.footer-link dd { line-height: 28px;}
.footer-link a { color: #fff; text-decoration: none;}
.footer-link a:hover { color: #fff;}

.copyright { padding: 20px 0; text-align: center;}

#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;}


#join_panel{position:fixed;z-index:999;left:20px;bottom:20px;width:160px;height:318px;background:url('../images/float/back.png') no-repeat 0 0;}
#join_panel .jp_top{text-align:center;height:100px;padding-top:20px;}
#join_panel .jp_top a:link,#join_panel .jp_top a:visited{border:0;display:block;margin:0 auto;width:137px;height:44px;background:url('../images/float/button_N.png') no-repeat 0 0;}
#join_panel .jp_top a:hover,#join_panel .jp_top a:active{border:0;display:block;margin:0 auto;background:url('../images/float/button_H.png') no-repeat 0 0;}
#join_panel .jp_btm ul{height:210px;}
#join_panel .jp_btm ul li {display:block;padding-left:60px;font-size:12px;}
#join_panel .jp_btm ul li.li1{height:40px;}
#join_panel .jp_btm ul li.li2{height:50px;}
#join_panel .jp_btm ul li.li3{height:100px;}
#join_panel .jp_btm ul li.li3 img{float:left;width:90px;height:90px;}

.foot{width:740px;margin:0 auto;text-align:center;}
.title1{background:url('../images/tittle_back_white.png') no-repeat center center;height:50px;border-top:1px solid #fff;height:40px;color:#469ADF;font-weight:800;letter-spacing:5px;font-size:20px;line-height:40px;background-size:340px 100%;}
.title1-1{background:url('../images/next_white.png') no-repeat center center;height:50px;}
.title2{background:url('../images/tittle_back_blue.png') no-repeat center center;height:50px;border-top:1px solid #7ADAFF;height:40px;color:#fff;font-weight:800;letter-spacing:5px;font-size:20px;line-height:40px;background-size:340px 100%;}
.title2-1{background:url('../images/next_blue.png') no-repeat center center;height:50px;}

.d1{color:#fff;font-size:18px;font-weight:100;}
.d4{color:#726B69;font-size:18px;font-weight:100;width:700px;margin:0 auto;}
.thin { background: #4599DE;}
.thin h1{color:#fff;}
.thin-desc { width: 100%; margin: 0 auto; padding-top: 50px; text-align: center;}
.thin-img {width:820px;display:block;margin:0 auto; margin-top:30px;}
.thin-1,.thin-2,.thin-3,.thin-4{width:192px;height:326px;float:left;margin:0 6px;}
.thin-1{background:url('../images/games/01.png') no-repeat 0 0;}
.thin-2{background:url('../images/games/02.png') no-repeat 0 0;}
.thin-3{background:url('../images/games/03.png') no-repeat 0 0;}
.thin-4{background:url('../images/games/04.png') no-repeat 0 0;}
.thin .thin-top{width:192px;height:90px;text-align:center;color:#fff;font-size:20px;margin-top:45px;}
.thin .thin-body{font-size:16px;width:70%;margin:10% 15%;}
.thin .thin-body ul{list-style:square;}


.thin2 { background: #fff;}
.thin2 h1{color:#2D2E2E;}
.thin2-desc{ width: 100%; margin: 0 auto;padding-top: 50px; text-align: center;}
.thin2-img{width:860px;height:360px;background:url('../images/games.png') no-repeat 0 0;background-size:100% 100%;margin:0 auto;position:relative;font-size:16px;}
.thin2-1{position:absolute;top:250px;left:50px;width:142px;height:120px;}
.thin2-2{position:absolute;top:250px;left:255px;width:142px;height:120px;}
.thin2-3{position:absolute;top:250px;left:464px;width:142px;height:120px;}
.thin2-4{position:absolute;top:250px;left:674px;width:142px;height:120px;}

.thin3 { background:#F5F4F4}
.thin3 h1{color:#2D2E2E;}

.d3{background:url('../images/prize.png') no-repeat 0 0;width:940px;height:345px;background-size:100% 100%;margin:0 auto;position:relative;}
.d3 .thin3-1,.d3 .thin3-2,.d3 .thin3-3,.d3 .thin3-4{position:absolute;width:380px;height:70px;left:550px;text-align:left;font-size:16px;}
.d3 .thin3-1{top:26px;}
.d3 .thin3-2{top:110px;}
.d3 .thin3-3{top:190px;}
.d3 .thin3-4{top:270px;}

.thin4 { background: #fff;}
.thin4 h1{color:#2D2E2E;}
.thin4-desc{ width: 100%; margin: 0 auto;padding-top: 50px; text-align: center;}
.thin4-img{width:888px;height:188px;background:url('../images/rule.png') no-repeat 0 0;background-size:100% 100%;margin:50px auto 50px;position:relative;font-size:18px;}
.title4{background:url('../images/tittle_back_blue.png') no-repeat center center;height:50px;border-top:1px solid #7ADAFF;height:40px;color:#fff;font-weight:800;letter-spacing:5px;font-size:20px;line-height:40px;background-size:340px 100%;text-align:center;}
.title4-1{background:url('../images/next_blue.png') no-repeat center center;height:50px;}

.thin5 {background: #4599DE;}
.thin5 h1{color:#fff;}
.thin5 .center-wrap{width:100%}
.thin5-desc{ width:100%; margin: 130px auto 0;text-align: center;}
.thin5-img{width:970px;height:450px;background:url('../images/games.png') no-repeat 0 0;background-size:100% 100%;margin:0 auto;position:relative;font-size:18px;}
.title5{height:50px;border-top:1px solid #fff;height:40px;color:#469ADF;font-weight:800;letter-spacing:5px;font-size:20px;background-size:340px 100%;}
div.top5{background:#C9C9C9;width:100px;margin:0 auto;height:3px;}
.title5 p{width:200px;height:36px;background:#fff;margin:0 auto;line-height:36px;}
.title5-1{background:url('../images/next_white.png') no-repeat center center;height:50px;}
.thin5-desc .ul5{width:990px;height:120px;margin:50px auto 0;padding-bottom:50px;}
.thin5-desc .ul5 li{float:left;height:120px;color:#fff;font-size:13px;overflow:hidden;}
.thin5-desc .ul5 li p{height:80px;margin-top:20px;text-align:left;}
.thin5-desc .ul5 li.ul5-1{background:url('../images/contact/phone.png') no-repeat left center;}
.thin5-desc .ul5 li.ul5-1 p{margin-top:20px;margin-left:70px;}
.thin5-desc .ul5 li.ul5-1{width:220px;}
.thin5-desc .ul5 li.ul5-2{width:210px;}
.thin5-desc .ul5 li.ul5-3{width:270px;}
.thin5-desc .ul5 li.ul5-4{width:270px;}
.thin5-desc .ul5 li.ul5-2 div.p{margin-top:20px;text-align:left;margin-left:70px;}
.thin5-desc .ul5 li.ul5-2 div.p a.lnk{line-height:21px;margin-top:5px;}
.thin5-desc .ul5 li.ul5-2{background:url('../images/contact/QQ.png') no-repeat left center;}
.thin5-desc .ul5 li.ul5-2 a.lnk{float:left;margin:0 5px;width:104px;height:21px;font-size:20px;color:#fff;}
.thin5-desc .ul5 li.ul5-3{background:url('../images/contact/wechat.png') no-repeat left center;}
.thin5-desc .ul5 li.ul5-3 div.p{margin-top:20px;text-align:left;margin-left:70px;}
.thin5-desc .ul5 li.ul5-3 img{width:60px;height:60px;margin:5px 5px 0 0;}
.thin5-desc .ul5 li.ul5-4{background:url('../images/contact/wb.png') no-repeat left center;}
.thin5-desc .ul5 li.ul5-4 div.p{margin-top:20px;text-align:left;margin-left:70px;}
.thin5-desc .ul5 li.ul5-4 img{width:60px;height:60px;margin:5px 5px 0 0;}


.thin6 {background: #fff;}
.zanzhu {width:1000px;margin:50px auto 0;}
.thin5-desc div.title{font-size:24px;text-align:center;color:#fff;}
.zanzhu-con {margin: 0 auto; }
.zanzhu h2 { position: relative; margin: 0 auto 20px; font: 500 30px "Microsoft Yahei"; color: #856B37;}
.zanzhu-con a { float: left; width:19%;margin-right:1%;margin-top:3px;padding:0;}
.zanzhu-con a img{width:100%;border:1px solid #ccc;}
.thin6 .title4{background:url('../images/tittle_back_blue.png') no-repeat center center;height:50px;border-top:1px solid #7ADAFF;height:40px;color:#fff;font-weight:800;letter-spacing:5px;font-size:20px;line-height:40px;background-size:360px 100%;text-align:center;margin-top:30px;}


#btn_join{display:block;background:url('../images/join_1.png') no-repeat 0 0;width:258px;height:84px;left:60%;position:relative;top:63%;}
#btn_join:hover{background:url('../images/join_2.png') no-repeat 0 0}