/* wmx80_css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html{font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} table{border-collapse: collapse; border-spacing: 0} fieldset, img, a{border: 0} dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td{list-style: none} h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: 1.2} audio, canvas, video, progress{display: inline-block; vertical-align: baseline} * {padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} a{color: #00c3b6; outline: none; blr:expression(this.onFocus=this.blur()); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none} a:after{-webkit-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -moz-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -o-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: absolute; content: ""; left: 50%; right: 50%; bottom: 0;} input, textarea{-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;} button, input, textarea, select, optgroup, option, file{font: inherit; outline: none; vertical-align: middle} img{max-width: 100%; height: auto} ::-moz-focus-inner{border-color:transparent} ::-moz-selection{color:#fff;color:rgba(255,255,255,0.9);background:#ea4c89;text-shadow:none} ::selection{color: #fff; color: rgba(255,255,255,0.9); background: #ea4c89; text-shadow: none} input[type="submit"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; border-radius: 0} video:focus, div:focus{outline: none} pre, code{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word} html,body{margin:0;font-size:14px;padding:0px;font-family:"Lantinghei SC", "Hiragino Sans GB","Microsoft YaHei" ,"Hiragino Sans GB", "Helvetica neue", Helvetica,Tahoma,Arial,"寰蒋闆呴粦","瀹嬩綋","榛戜綋";} .cl{height:0; font-size:1px; clear:both; line-height:0; } nav,footer,section,header,article{display:block;} i,em,ins,u{font-style:normal; text-decoration:none } *:focus{outline:none} .wrap,.content{margin: 0 auto; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; width: 1200px;} .wrap655{margin: 0 auto; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; width: 655px;} .minwid{min-width: 1200px;} .none{display:none} .fl{float:left} .fr{float:right} .pr{position:relative} .pa{position:absolute} .oh{ overflow:hidden} .clearfix{*zoom:1; } .clearfix:before,.clearfix:after{display:table;content:"";line-height:0; } .clearfix:after{clear:both; } .bornone{ border:none !important} input[type="submit"], input[type="reset"], input[type="button"], button{-webkit-appearance:none;} input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; border-radius: 0;} ::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar-track{background:#f1f1f1;} ::-webkit-scrollbar-track:hover{background:#eee;} ::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9;} ::-webkit-scrollbar-thumb:hover{background:#747474;} ::-webkit-scrollbar-thumb:active{background:#555; } /*******鍏叡鏍峰紡缁撴潫*********/ /*澶撮儴*/ .header{position: fixed;top: 0;left: 0;width: 100%; background: #fff; height: 110px;border-bottom: 1px solid #d4cfd5;z-index: 9} .header .logo{ padding: 32px 0 0;} .header .logo img{display: block;} .header .nav{ font-size: 15px; padding-top: 35px; line-height: 40px;} .header .nav a{color: #999999; margin-left: 65px;} .header .nav a.on{font-weight: bold; color:#ffb700} .header .login a{display: block;width: 90px;height: 34px;line-height: 34px;border: 1px solid #999;margin:36px 0 0 120px;text-align: center;color: #999;border-radius: 17px;} .header .loginsuccess{position: relative;margin-left: 80px;} .header .loginsuccess>a{float:left;width: 36px;height: 36px;margin:36px 0 0 0;text-align: center;color: #999;border-radius: 50%;overflow: hidden;} .header .loginsuccess a img{display: block;width: 100%;height: 100%;} .header .loginsuccess p{float: left;height: 34px;line-height: 34px;margin:36px 0 40px 20px;max-width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .header .loginsuccess .droplist{display: none; top: 90px;right: 5px; width: 135px;border: 1px solid #d0d0d0;background: #fff;box-shadow: 0 3px 15px 0 #e7ebee} .header .loginsuccess .droplist li{height: 40px;line-height: 40px;text-align: center;color: #ffb700;border-bottom: 1px solid #d0d0d0;} .header .loginsuccess .droplist li:last-child{border: 0;} .header .loginsuccess .droplist li>a{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #ffb700;} /*banner*/ .banner .flexslider{position:relative;width:100%;height:400px;overflow:hidden;margin-top: 110px;} .banner .slides{position:relative;z-index:1;} .banner .slides li{height:400px;width: 100%;} .banner .slides li img{height:400px;width: 100%;} .banner .flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;} .banner .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .banner .flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;border: 1px solid #fff;cursor:pointer; border-radius:50%; } .banner .flex-control-nav .flex-active{ background:#fff} .banner .flex-direction-nav{width:100%; display:none; height: 91px} .banner .flex-direction-nav li a{display:block;overflow:hidden;cursor:pointer;position:absolute;width: 50px;height: 91px;z-index: 9999;top:50%; margin-top:-48px;} .banner .flex-direction-nav li a.flex-prev{left:40px;background: transparent url("http://ss.aoao365.com/images/left.png") no-repeat scroll 0% 0%;} .banner .flex-direction-nav li a.flex-next{right:40px;background: transparent url("http://ss.aoao365.com/images/right.png") no-repeat scroll 0% 0%;} .banner .flexslider:hover .flex-direction-nav{display:block;} /*濂栧姳绫诲瀷*/ .itemtype{text-align: center;padding: 30px 0;} .itemtype a{display: inline-block;width: 72px;margin: 0 35px;} .itemtype a i{display: block;width: 72px;height: 50px;} .itemtype a.travel i{background: url(../images/award/icon1.png) no-repeat center;} .itemtype a.vip i{background: url(../images/award/icon2.png) no-repeat center;} .itemtype a.group i{background: url(../images/award/icon3.png) no-repeat center;} .itemtype a.gift i{background: url(../images/award/icon4.png) no-repeat center;} .itemtype a.on.travel i{background: url(../images/award/icon1_a.png) no-repeat center;} .itemtype a.on.vip i{background: url(../images/award/icon2_a.png) no-repeat center;} .itemtype a.on.group i{background: url(../images/award/icon3_a.png) no-repeat center;} .itemtype a.on.gift i{background: url(../images/award/icon4_a.png) no-repeat center;} .itemtype a p{width: 72px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #999;} .itemtype a.on p{background: #ffb701;color: #fff;border-radius: 15px;} /*鏃呮父鍦扮偣*/ .itemdetail{background: #e1e7ed;} .itemdetail ul{overflow: hidden;} .itemdetail li{float: left;width: 360px;margin: 40px 20px 0;} .itemdetail li img{display: block;width: 100%;} .itemdetail li p{width: 100%;height: 55px;line-height: 55px;text-align: center;background: #fff;} .itemdetail a{display: block;width: 145px;height: 40px;margin: 40px auto 120px; line-height: 40px;text-align: center;color: #fff;background: #ffb701;border-radius: 20px;} /*搴曢儴*/ .copyright {background: #1c1c1c;text-align: center;color: #fff;font-size: 14px;line-height: 90px;} .copyright a {color: #ffb701;} /*鐧诲綍寮规*/ .graybg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);z-index: 10;} .logintk{position: fixed;width: 422px;height: 484px;top:230px;left: 50%;margin-left: -211px;background: rgba(255,255,255,.5);border-radius: 10px;z-index: 100;} .logintk .tkwrap{width: 392px;height: 449px;margin: 17px 15px;background: #fff;border-radius: 10px;overflow: hidden;} .logintk .tkwrap img{display: block;width: 126px;height: 96px;margin: 28px auto;} .logintk .tkwrap .username{width: 322px;height: 44px;margin: 30px auto 15px;background: #fff;overflow: hidden;border: 1px solid #d9d9d9;} .logintk .tkwrap .username i{float: left;width:44px;height: 44px;background: url(../images/award/usericon.png) no-repeat center #f2efef; border-right: 1px solid #d9d9d9;} .logintk .tkwrap .username.on{border: 1px solid #ffb701;} .logintk .tkwrap .username.on i{border-right: 1px solid #ffb701;background: url(../images/award/usericon_a.png) no-repeat center #f2efef;} .logintk .tkwrap .username input{border: 0;margin: 0;padding: 0 0 0 20px;width:250px;height: 44px;line-height: 44px;} .logintk .tkwrap .password{width: 322px;height: 44px;margin: 30px auto 15px;background: #fff;overflow: hidden;border: 1px solid #d9d9d9;} .logintk .tkwrap .password i{float: left;width:44px;height: 44px;background: url(../images/award/passwordicon.png) no-repeat center #f2efef; border-right: 1px solid #d9d9d9;} .logintk .tkwrap .password.on{border: 1px solid #ffb701;} .logintk .tkwrap .password.on i{border-right: 1px solid #ffb701;background: url(../images/award/passwordicon_a.png) no-repeat center #f2efef;} .logintk .tkwrap .password input{border: 0;margin: 0;padding: 0 0 0 20px;width:250px;height: 44px;line-height: 44px;} .logintk .tkwrap .tips{width: 322px;height: 44px;line-height: 44px; margin: 10px auto;background: #fff;overflow: hidden;font-size: 12px;color: #737373;} .logintk .tkwrap .tips span{float: right;} .logintk .tkwrap a.loginbtn{display: block;width: 322px;height: 44px;line-height: 44px;font-size: 18px; margin: 17px auto;background: #ffb701;color: #fff;text-align: center;} .logintk .tkwrap a.closebtn{display: block;position: absolute;right: 10px;top: 8px;width: 25px;height: 25px;line-height: 20px;text-align: center;color: #b6b6b6; font-size: 34px;} /*****涓汉涓績*****/ .mainbody{background: #e7ebee;position: fixed;top: 110px;bottom: 90px;left: 0;right: 0;} .mainbody .leftpart{width: 240px;height: 600px;background: #252d3a;margin-top: 40px;} .mainbody .rightpart{width: 940px;height: 600px;background: #fff;margin-top: 40px;} .copyright2 {position: fixed;bottom: 0;left: 0;width: 100%;height: 90px; background: #1c1c1c;text-align: center;color: #fff;font-size: 14px;line-height: 90px;} .copyright2 a {color: #ffb701;} /*****璇︽儏椤?****/ .mainintro{margin-top: 140px;} .mainintro .leftpart {margin-right: 85px;} .mainintro .leftpart .mainpic{width: 474px;height: 351px;padding: 29px 19px;border: 1px solid #dbdbdb;} .mainintro .leftpart img{display: block;width: 100%;height: 100%;} .mainintro .leftpart .otherpic{width: 474px;text-align: center;} .mainintro .leftpart .otherpic a{display: inline-block; width: 85px;height: 85px;margin: 25px 10px; padding: 5px;border: 1px solid #dbdbdb;} .mainintro .rightpart{width: 640px;} .mainintro .rightpart h1{width: 100%;height: 30px;line-height: 30px;font-size: 24px;color: #555;font-weight: bold;} .mainintro .rightpart>p{width: 100%;height: 48px;line-height: 48px;font-size: 18px;color: #ffb701;} .mainintro .rightpart .changedetail{width: 500px;border-top:1px solid #dbdbdb;padding-top: 20px;margin-bottom: 30px;} .mainintro .rightpart .changedetail ul{width: 500px;padding: 20px; background: #dbdbdb;} .mainintro .rightpart .changedetail li{overflow: hidden;margin-bottom: 10px;} .mainintro .rightpart .changedetail label{float: left; width: 100px;height:30px;line-height:30px;color: #999;} .mainintro .rightpart .changedetail span{float: left; width: 360px;height:30px;line-height:30px;font-size: 18px;color: #f04428;font-weight: bold;} .mainintro .rightpart .changedetail p{float: left; width: 260px;line-height:30px;font-size: 14px;color: #666;} .mainintro .rightpart .changedetail p span{float: left; width: 50%;line-height:30px;font-size: 14px;color: #666;font-weight: normal} .mainintro .rightpart .choosetype{width: 400px;overflow: hidden;margin-bottom: 20px;} .mainintro .rightpart .choosetype a{float: left; height: 30px;line-height: 30px; width: 60px;margin-right: 20px;color: #666; border: 1px solid #dbdbdb;text-align: center;} .mainintro .rightpart .choosetype a.on{color: #ffb700; border: 1px solid #ffb700;} .mainintro .rightpart .amount{color: #999;height: 30px;line-height: 30px;} .mainintro .rightpart .amount input{display: inline-block;width: 80px; height: 28px;line-height: 28px;margin:0 10px;text-indent: 10px;} .mainintro .rightpart>a{display: inline-block;width: 194px; height: 40px;line-height: 40px;margin:30px 0 0;text-align: center;color: #fff;font-size: 18px;background: #ffb700;border-radius: 20px;} .introduce{margin-top: 80px;background: #f0f0f0;} .addresstk{position: fixed;top:230px;left: 50%;margin-left: -208px;background: rgba(255,255,255,.5);border-radius: 5px;z-index: 100;} .addresstk .tkwrap{width: 398px;margin: 7px 9px;background: #fff;border-radius: 5px;overflow: hidden;} .addresstk .tkwrap p{width: 398px;height: 71px;margin-top: 50px; text-align: center;line-height: 20px;font-size: 13px;color: #dea30d;border-bottom: 1px solid #ffb700} .addresstk .tkwrap .chooseaddress{overflow: hidden;text-align: center;} .addresstk .tkwrap .chooseaddress span{display: inline-block; height: 60px;line-height: 60px;margin: 0 20px;} .addresstk .tkwrap .addaddress{overflow: hidden;height: 178px;text-align: center;} .addresstk .tkwrap .addaddress li{width:300px;margin:10px auto;overflow:hidden;} .addresstk .tkwrap .addaddress label{float:left;width:100px;height:25px;line-height:25px;color:#333;} .addresstk .tkwrap .addaddress input{float:left;width:200px;height:25px;line-height:25px;padding:0;border:1px solid #ffb700;border-radius:3px;text-indent:20px;} .addresstk .tkwrap .addaddress textarea{float:left;width:200px;height:75px;line-height:25px;padding:0;border:1px solid #ffb700;border-radius:3px;text-indent:20px;resize: none;} .addresstk .tkwrap a.submitbtn{display: block;width: 100%;height: 58px;line-height: 58px;text-align: center;color: #fff; background: #ffb700;} .addresstk .tkwrap a.closebtn{display: block;position: absolute;right: 10px;top: 8px;width: 25px;height: 25px;line-height: 20px;text-align: center;color: #b6b6b6; font-size: 34px;} .successtk{position: fixed;width: 416px;height: 221px;top:230px;left: 50%;margin-left: -208px;background: rgba(255,255,255,.5);border-radius: 5px;z-index: 100;} .successtk .tkwrap{width: 398px;height: 207px;margin: 7px 9px;background: #fff;border-radius: 5px;overflow: hidden;} .successtk .tkwrap img{display: block;width: 50px;height: 50px;margin: 40px auto 0;} .successtk .tkwrap p{width: 398px;margin-top: 30px; text-align: center;font-size: 16px;color: #dea30d;} .failuretk{position: fixed;width: 416px;height: 221px;top:230px;left: 50%;margin-left: -208px;background: rgba(255,255,255,.5);border-radius: 5px;z-index: 100;} .failuretk .tkwrap{width: 398px;height: 207px;margin: 7px 9px;background: #fff;border-radius: 5px;overflow: hidden;} .failuretk .tkwrap img{display: block;width: 50px;height: 50px;margin: 40px auto 0;} .failuretk .tkwrap p{width: 398px;margin-top: 25px;line-height: 25px; text-align: center;font-size: 16px;color: #dea30d;}