@charset "utf-8";

html{width: 100%;height: 100%;}
body{ width: 100%;margin:0; padding:0; font-size:12px;overflow-x: hidden; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background-color:#fefefe;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;} 
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.slide{width: 100%;min-width: 1000px;background-repeat: no-repeat;background-position: center center;}
.cont{width: 1000px;margin: 0 auto;position: relative;}
.slide1{height: 1000px;background-image: url('../images/bg01.jpg');}
.slide2{height: 453px;background-image: url('../images/bg02.jpg');}
.slide3{height: 474px;background-image: url('../images/bg03.jpg');}
.slide4{height: 481px;background-image: url('../images/bg04.jpg');}
.slide5{height: 474px;background-image: url('../images/bg03.jpg');}
.slide6{height: 294px;background-image: url('../images/bg06.jpg');}

.slide1 .cont{padding-top: 464px;}
.logo{width: 144px;height: 144px;position: absolute;top: 20px;left: 40px;background: url('../images/logo.png') no-repeat center center;}
.logo a{width: 100%;height: 100%;display: block;}
.slide1 .t_info{width: 387px;height: 70px;margin-bottom: 35px;padding-left: 80px;line-height: 20px;text-align: center;color: #3e1f14;font-size: 16px;}
.slide1 .t_info span{font-size: 21px;line-height: 30px;}
.top_btn{width: 592px;height: 173px;margin: 0 auto;margin-bottom: 25px;}
.codeBox{width: 145px;height: 168px;margin-right: 13px;padding: 5px 5px 0;float: left;background: #2ac2a7;}
.code2D{width: 145px;height: 145px;}
.code2D img{width: 145px;height: 145px;display: block;}
.codeBox p{width: 100%;line-height: 22px;text-align: center;color: #fff;}
.top_btn .btn{width: 257px;height: 173px;margin-right: 12px;float: left;}
.top_btn .btn a{width: 257px;height: 82px;display: block;}
.top_btn .btn a.ios{margin-bottom: 9px;background: url('../images/dl_ios.jpg') no-repeat center center;}
.top_btn .btn a.and{background: url('../images/dl_and.jpg') no-repeat center center;}
.toweb{width: 155px;height: 173px;display: block;float: left;background: url('../images/toweb.jpg') no-repeat center center;}
.url_box{width: 952px;margin: 0 auto;}
.url_box li{width: 214px;height: 215px;margin: 0 12px;float: left;position: relative;background: url('../images/url_bg.png') no-repeat center center;}
.u_btn02,.u_btn03{position: relative;top: 8px;}
.url_box li:hover,.url_box li.on{background: url('../images/url_bg1.png') no-repeat center center;}
.url_box li .txt{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;}
.txt01{background-image: url('../images/url1.png');}
.txt02{background-image: url('../images/url2.png');}
.txt03{background-image: url('../images/url3.png');}
.txt04{background-image: url('../images/url4.png');}
.txt05{background-image: url('../images/url5.png');}
.url_box li a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.slide2 .cont{padding-top: 45px;}
.s_txt2{width: 632px;height: 325px;float: right;background: url('../images/txt02.png') no-repeat center center;}

.slide3 .cont{height: 474px;}
.s_txt3{width: 632px;height: 296px;position: absolute;top: 80px;right: 86px;background: url('../images/txt03.png') no-repeat center center;}
.role01{width: 600px;height: 678px;position: absolute;bottom: 219px;left: -130px;background: url('../images/role01.png') no-repeat center center;}

.s_txt4{width: 632px;height: 296px;position: absolute;top: 76px;left: 44px;background: url('../images/txt04.png') no-repeat center center;}

.slide5 .cont{height: 474px;}
.s_txt5{width: 632px;height: 235px;position: absolute;top: 76px;left: 44px;background: url('../images/txt05.png') no-repeat center center;}
.role02{width: 670px;height: 878px;position: absolute;bottom: 162px;right: -177px;background: url('../images/role02.png') no-repeat center center;}

.s_txt6{width: 781px;height: 186px;position: absolute;top: 49px;left: 102px;background: url('../images/txt06.png') no-repeat center center;}

.popbg{width: 100%;height: 100%;display: none;position: fixed;top: 0;left: 0;background: url('../images/opa.png') repeat;}
.popbg.on{display: block;}
.popup{width: 600px;margin-left: -300px;position: absolute;top: 50%;left: 50%;background: #e7e5e8;}
.gift .popup{height: 876px;margin-top: -438px;}
.g_code .popup{height: 286px;margin-top: -143px;}
.g_ewm .popup{height: 560px;margin-top: -280px;}
.close{width: 78px;height: 79px;cursor: pointer;position: absolute;top: 0;right: -78px;background: url('../images/close.png') no-repeat center center;}
.p_tit{width: 100%;height: 96px;}
.gift .p_tit{margin-bottom: 25px;background: url('../images/gift_tit.png') no-repeat center center;}
.g_code .p_tit{background: url('../images/gcode_tit.png') no-repeat center center;}
.g_ewm .p_tit{background: url('../images/gewm_tit.png') no-repeat center center;}
.welcome{display: none;height: 35px;margin-bottom: 20px;padding-left: 75px;font-size: 26px;color: #494949;}
.welcome a{color: #0bac9c;text-decoration: underline;}
.gift_cont{width: 400px;height: 370px;margin: 0 auto;}
.gift_cont li{width: 150px;height: 150px;margin: 0 25px 35px;float: left;}
.g_view01{background: url('../images/gift1.png') no-repeat center center;}
.g_view02{background: url('../images/gift2.png') no-repeat center center;}
.g_view03{background: url('../images/gift3.png') no-repeat center center;}
.g_view04{background: url('../images/gift4.png') no-repeat center center;}
.receive{width: 166px;height: 55px;margin: 0 auto;line-height: 55px;display: block;background: #0bac9c;text-align: center;font-size: 30px;color: #fff;}
.g_rule{width: 520px;padding: 0 40px;line-height: 24px;font-size: 16px;color: #595959;}
.g_rule span{font-size: 24px;color: #0bac9c;line-height: 35px;}
.g_input{width: 494px;height: 52px;padding: 4px 5px;margin: 0 auto;margin-bottom: 26px;background: #cdcace;}
.g_input input{width: 100%;height: 100%;text-align: center;border:0;background: none;outline: none;font-size: 16px;}
.g_code a{width: 166px;height: 55px;margin: 0 auto;line-height: 55px;display: block;position: relative;background: #0bac9c;text-align: center;font-size: 30px;color: #fff;}