/**/ .clearfloat:before,.clearfloat:after {content:"";display:table;} .clearfloat:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfloat { *zoom:1; } /* center class */ .c-wrap { display: table; *writing-mode: tb-rl; } .c-inner { display: table-cell; vertical-align: middle; *width:100%; *margin:auto 0; *writing-mode:lr-tb;} #i-search #txtKeyword{-webkit-box-sizing:content-box;} /* main */ .w1200,.w{ width: 1200px; margin:0 auto;} .main {font-family:"΢ÈíÑźÚ", 'Microsoft YaHei';padding-bottom: 40px;} .flex-control-nav{ bottom: 20px;height: 16px;left: 50%;margin-left:-90px;overflow: hidden;position: absolute;z-index: 1; } .flex-control-nav:after{ content: "";display: block;overflow: hidden;clear: both; } .flex-control-nav li { cursor: pointer;display: inline;float: left;margin:0 10px; } .flex-control-nav li a{ display: block;height: 16px;line-height: 16px;text-indent: -9999em;width: 16px;background: url(../images/flex_nav.png) no-repeat scroll 0px 0px; } .flex-control-nav li a.flex-active{ background: url(../images/flex_nav_on.png) no-repeat scroll 0px 0px; } .t_Banner { height: 400px; position: relative; width: 100%;min-width: 1200px; } .t_Marquee{height:400px; overflow:hidden;position:relative;width: 100%; } .t_Marquee ul li {height: 400px; width: 100%;text-align: center;position: relative;float: left; } .t_Marquee ul:after{ display: block;content: "";overflow: hidden;clear: both; } .t_Marquee ul li img { height: 100%; width: 2000px; vertical-align: middle; overflow:hidden; } .t_Marquee li .imgBox { height: 100%;vertical-align: middle; text-indent:-9999em; overflow:hidden;-webkit-transform: scale(1.015);transform: scale(1.015);-o-transform: scale(1.015);-moz-transform: scale(1.015);-ms-transform: scale(1.015);-webkit-transform-origin:left center;transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-moz-transform-origin:left center; } .t_Marquee li .imgBox.on{ -webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform-origin:left center;-ms-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition: all 3s 0s ease-out;transition: all 3s 0s ease-out;-ms-transition: all 3s 0s ease-out;-o-transition: all 3s 0s ease-out;-moz-transition: all 3s 0s ease-out; } .policy{padding:35px 0;overflow: hidden;background: #f5f5f5;} .policy ul li{width:200px; text-align: center;float:left;} .policy ul li .p_icon{width:60px; height:50px; margin:0 auto; background: url(../images/p_icon.png) no-repeat center center;text-indent: -999em;} .policy ul li .i01{background-position:0 0; } .policy ul li .i02{background-position:0 -50px; } .policy ul li .i03{background-position:0 -100px; } .policy ul li .i04{background-position:0 -150px; } .policy ul li .i05{background-position:0 -200px; } .policy ul li .i06{background-position:0 -250px; } .policy ul li p{font-size: 16px; color:#333;margin-top: 10px;} .t_title a{color:#333;font-size:22px;padding:40px 0px 15px;display:inline-block;font-weight: normal;} .t_title a:hover{color:#333;text-decoration:none;} .t_title{position: relative;} .t_title a.threety{position:absolute;top: 35px; right:0px;font-weight:normal;color:#bf1a21;font-size:14px;padding:0px;display:block;width: 140px;height:32px; line-height: 32px; text-align: center;float:right;border:1px solid #bf1a21; border-radius: 3px;} .t_title a.threety:hover{color:#fff;background:#bf1a21;} .rs_title_con{padding:40px 0px 15px;height:30px;line-height: 30px;} .rs_left{ float: left; } .rs_right{ float: right; } .rs_title{font-size: 22px; color:#333;font-weight: normal;} .rs_title a{ color: #333333;font-size: 22px;display: block; } .rs_title a:hover{color:#333;text-decoration:none;} .rs_mt10{ margin-top: 10px; } .rs_left a{ display: block; float:left; } .left_list{font-size: 16px; color:#b0b0b0;margin-left: 20px;} .left_list a{color:#b0b0b0;cursor: default;margin-right:15px;} .rs_right a{font-size: 16px; color:#333;margin-left:30px;} .rs_right a:hover{color:#d11213;text-decoration:none;} #package{/*overflow: hidden;*/background:#f5f5f5;} .package .package_con ul{width:110%;} .package .package_con ul li{width:291px; height:280px;float:left;margin-right:12px;background: #fff;-webkit-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out;-ms-transition:transform 0.3s 0s ease-out; -moz-transition: transform 0.3s 0s ease-out; -o-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out;} #package .package_con ul li:hover{box-shadow: 0px 12px 30px rgba(152,152,152,.3); -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform-origin: center center;transform-origin: center center;-ms-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center; } .package .package_con ul li .con_img{width:100%;height:200px;} .package .package_con ul li .con_txt{margin-top: 25px;text-align: center;} .package .package_con ul li .con_txt p{font-size: 14px;color:#b0b0b0;line-height: 24px;} .package .package_con ul li .con_txt p.txt_title{font-size: 24px;color:#333;line-height: 36px;} .package .package_con ul li .con_txt p.limit{margin-top:10px;} .package .package_con ul li .con_txt .price{font-size:12px;color:#d11213;margin-top: 34px; } .package .package_con ul li .con_txt .price span{font-size: 48px;display: block;line-height: 52px;} .package .package_con ul li .con_txt_l .price{margin-top: 0px;} #brand .brand_title{background: url(../images/brand_title.png) no-repeat center center; height:52px;line-height: 52px;font-size: 14px; color:#999;font-weight:normal;text-align: center; } #brand .brand_logo{height:119px;background: #fff;} #brand .brand_logo img{display: block;float:left; padding:37px 15px;width: 89px; height:45px;border-right:1px solid #f5f5f5;} #brand .brand_logo img.logo_last{border-right:none;} #live .live_con ul{width:110%;} #live .live_con ul li{width:392px;height:400px;float:left;margin-right:12px;background:#f5f5f5;-webkit-transition:transform 0.3s 0s ease-out;transition:transform 0.3s 0s ease-out;-ms-transition:transform 0.3s 0s ease-out;-moz-transition:transform 0.3s 0s ease-out;-o-transition:transform 0.3s 0s ease-out;transition:transform 0.3s 0s ease-out;} #live .live_con ul li:hover{box-shadow: 0px 12px 30px rgba(152,152,152,.3); opacity: 0.8;filter:alpha(opacity=80);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform-origin: center center;transform-origin: center center;-ms-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center; } #live .live_con ul li .con_img{width:100%;height:260px; position: relative;} #live .live_con ul li .con_img .state{position: absolute;top:0;left:0;display: table; *writing-mode: tb-rl; width:60px; height:70px; font-size:16px;color:#fff;background: url(../images/liveImgbg.png) no-repeat;} #live .live_con ul li .con_img .state .w_state{display: table; *writing-mode: tb-rl; width:60px; height:56px; } #live .live_con ul li .con_img .state p{ display: table-cell; vertical-align: middle; padding: 0 10px;*width:70%; *margin:auto 0; *writing-mode:lr-tb; text-align:center;} #live .live_con ul li .con_txt{text-align: center; margin-top: 35px;width:100%;overflow: hidden;} #live .live_con ul li .con_txt h3{font-size: 18px;color:#333;font-weight: normal;height:24px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;} #live .live_con ul li .con_txt p{font-size: 14px; color:#b0b0b0;margin-top:10px;height:20px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;} #zsjlg{overflow:hidden;margin-bottom: 30px;} #zsjlg .rs_title_con:after{ content: "";display: block;overflow: hidden;clear: both; } .rs_imgCon{ background-color: #fff;width: 1160px;padding: 20px; } .rs_imgCon:after{ content: "";display: block;overflow: hidden;clear: both; } #zsjlg .rs_imgCon{background-color: #f5f5f5;} #zsjlg .rs_imgCon .rs_left{ margin-right: 10px;position: relative;height: 360px; } #zsjlg .rs_imgCon .rs_hover{ -webkit-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out;-ms-transition: transform 0.3s 0s ease-out;-moz-transition: transform 0.3s 0s ease-out;-o-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out; } #zsjlg .rs_imgCon .rs_hover:hover{ opacity: 0.8;filter:alpha(opacity=80);-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);-webkit-transform-origin: center center;transform-origin: center center;-ms-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center; } #zsjlg .rs_imgCon .rs_last{ margin-right: 0px;margin-left: -1px; } #zsjlg .rs_shadow{ position: absolute;left: 0;width: 100%;height: 98px;bottom: 0;background-color: #000;opacity: 0.4;filter:alpha(opacity=40); } #zsjlg .rs_small{ height: 175px;position: relative; width:210px;} #zsjlg .wz_con{ position: absolute;color: #fff;width: 484px;margin: 0 auto;height: 98px;bottom: 0;left: 16px; } #zsjlg .wz_con h3{ font-size: 18px;font-weight: normal;margin-bottom: 10px;margin-top: 16px; } #zsjlg .wz_con p{ font-size: 14px; } .rs_star{display: none; position: absolute;width: 24px;height: 24px;background: url(../images/star.png) no-repeat;background-position: 0px 0px;right: 10px;top: 10px; z-index: 10;cursor: pointer;} .rs_star:hover{background-position: 0 -34px;} #zsjlg .rs_shadow2{ position: absolute;left: 0;width: 100%;height: 40px;bottom: 0;background-color: #000;opacity: 0.4;filter:alpha(opacity=40); } #zsjlg .wz_con1{ position: absolute;left: 10px;bottom: 0;width: 190px;height: 40px;line-height: 40px;font-size: 14px;color: #fff; } #zsjlg .wz_con1 p{ width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #zsjlg .wz_con2{ position: absolute;width: 180px;bottom: 0;height: 40px;line-height: 40px;color: #fff;font-size: 14px;left: 10px; } #zsjlg .wz_con2 p{ width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #zxxy{background:#f5f5f5;} #zxxy .rs_title_con{ padding:40px 0px 15px; } #zxxy .rs_title_con h1{ content: "";display: block;overflow: hidden;clear: both; } #zxxy .rs_left{ margin-right: 10px;height: 160px;position: relative;-webkit-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out;-ms-transition: transform 0.3s 0s ease-out;-moz-transition: transform 0.3s 0s ease-out;-o-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out; } #zxxy .rs_left:hover{ opacity: 0.8;filter:alpha(opacity=80);-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);-webkit-transform-origin: center center;transform-origin: center center;-ms-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center; } #zxxy .rs_last{ margin-right: 0px; } #zxxy .rs_shadow{ position: absolute;left: 0;width: 100%;height: 40px;bottom: 0;background-color: #000;opacity: 0.4;filter:alpha(opacity=40); } #zxxy .wz_con{ position: absolute;width:215px;left: 10px;bottom: 0;color: #fff;font-size: 14px;height: 40px;line-height: 40px; } #zxxy .wz_con p{ width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #zxxy .rs_tip{ position: absolute;top: 0;right: 0;background-color: #333333;color: #fff;font-size: 14px;width: 70px;height: 26px;line-height: 26px;text-align: center; } #zxxy .rs_imgCon1{ padding-bottom: 0px; } #zxxy .rs_imgCon2{ padding-top: 20px; } #zxxy .rs_float h2{ color: #000000;font-size: 18px;font-weight: normal;margin-bottom: 16px;margin-top: 8px; } #zxxy .rs_float img{ display: block; } #zxxy .rs_wzs{ position: absolute;left: 115px;bottom: 0px; } #zxxy .rs_hide{ width: 210px; } #zxxy .rs_wzs a{ font-size: 12px;color: #000000;line-height: 2.3;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #zxxy .rs_wzs a:hover{ color: #bf1a21; } #zxxy .rs_float{ float: left;position: relative;margin-left: 20px; } #zxxy .zxfs{ margin-left: 25px; } #zxxy .rs_float.zxxy_m1{ margin-left: 20px; } #zxxy .rs_links_com{ position: absolute;text-indent: -9999em;width: 100px;height: 100px;left: 0;bottom: 0; } #zxlc{background:#f5f5f5;padding-bottom: 30px;} #zxlc .rs_title_con{ padding:40px 0px 15px;} #zxlc .rs_imgCon2{ padding-top: 10px; } #zxlc .rs_fixdW{ width: 155px;height: 140px;position: relative;color: #999;font-size: 14px;text-align: center;border:1px solid #efefef; } #zxlc .rs_fixdW:hover{ color: #fff;background: #bf1a21;border:1px solid #bf1a21; } #zxlc .rs_fixdW .rs_lc_wz{ position: absolute;left: 0;width: 100%;font-size: 14px;text-align: center;top: 84px;line-height: 1.1; } #zxlc .rs_fixdW i{position: absolute;left:-1px;top:-1px;display: block;width:20px; height:20px;background: #efefef;color:#858585;font-size: 12px;} #zxlc .rs_fixdW:hover i{background:#000;color:#fff;} #zxlc .rs_fixdW span{ background-image: url(../images/newbg_hover.png);width:40px; height:40px;display: block;margin: 30px auto 0; } #zxlc .rs_bg1 span{ background-position: 0px 0px; } #zxlc .rs_bg2 span{ background-position: 0px -40px; } #zxlc .rs_bg3 span{ background-position: 0px -80px; } #zxlc .rs_bg4 span{ background-position: 0px -120px; } #zxlc .rs_bg5 span{ background-position: 0px -160px; } #zxlc .rs_bg6 span{ background-position: 0px -200px; } #zxlc .rs_bg7 span{ background-position: 0px -240px; } #zxlc .rs_bg8 span{ background-position: 0px -280px; } #zxlc .rs_bg1:hover span{ background-position: -40px 0px; } #zxlc .rs_bg2:hover span{ background-position: -40px -40px; } #zxlc .rs_bg3:hover span{ background-position: -40px -80px; } #zxlc .rs_bg4:hover span{ background-position: -40px -120px; } #zxlc .rs_bg5:hover span{ background-position: -40px -160px; } #zxlc .rs_bg6:hover span{ background-position: -40px -200px; } #zxlc .rs_bg7:hover span{ background-position: -40px -240px; } #zxlc .rs_bg8:hover span{ background-position: -40px -280px; } #zxlc .rs_left{ margin-right: 10px;} #zxlc .rs_last{ margin-right: 0px; } #zxlc .rs_tmd:hover{ opacity: 0.8;filter:alpha(opacity=80); } #rightFixed{ position: fixed;width: 35px;right: 0;top: 0;height: 100%;background-color: #333333;z-index: 100; _position:absolute;_height:expression(eval(document.documentElement.clientHeight)); _top:expression(eval(document.documentElement.scrollTop));} #rightFixed .rs_tabCon{ width: 100%;position: absolute;left: 0;width: 100%;bottom: 70px; } #rightFixed .rs_tabCon ul{ width: 100%; } #rightFixed .rs_tabCon ul li{ width: 35px;height: 35px;cursor: pointer;position: relative; } #rightFixed .rs_tabCon .rs_share{ background: url(../images/rs49.jpg) center center no-repeat; } #rightFixed .rs_tabCon .rs_share.on{ background: url../images/rs49_hover.jpg) center center no-repeat; } #rightFixed .rs_tabCon .rs_wx{ background: url../images/rs50.jpg) center center no-repeat; } #rightFixed .rs_tabCon .rs_wx.on{ background: url../images/rs50_hover.jpg) center center no-repeat; } #rightFixed .rs_tabCon .rs_top{ background: url../images/rs51.jpg) center center no-repeat; } #rightFixed .rs_tabCon .rs_top:hover{ background: url../images/rs51_hover.jpg) center center no-repeat; } #rightFixed .share_info{ position: absolute;width: 80px;background-color: #fff;height: 280px;left: -80px;top: -140px;display: none; } #rightFixed .share_info ul li{ width: 100%;position: relative;width: 100%;height: 80px; } #rightFixed .share_info ul li.wz{ font-weight: bold;color: #333333;height: 43px;line-height: 43px;font-size: 14px;text-align: center; } #rightFixed .share_info ul li a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%; } #rightFixed .share_info ul li.wb a{ background:url../images/wb.jpg) center center no-repeat; } #rightFixed .share_info ul li.wb a:hover{ background:url../images/wb_hover.jpg) center center no-repeat; } #rightFixed .share_info ul li.wx a{ background:url../images/wx.jpg) center center no-repeat; } #rightFixed .share_info ul li.wx a:hover{ background:url../images/wx_hover.jpg) center center no-repeat; } #rightFixed .share_info ul li.pyq a{ background:url../images/pyq.jpg) center center no-repeat; } #rightFixed .share_info ul li.pyq a:hover{ background:url../images/pyq_hover.jpg) center center no-repeat; } #rightFixed .share_wx{ position: absolute;width: 190px;height: 201px;left: -190px;top: -100px;display: none; } #rightFixed .rs_mfrx{ position: absolute;width: 100%;height: 105px;background: url../images/rs53.jpg) center center no-repeat;left: 0;cursor: pointer;top: 50%;margin-top:-52px;} #rightFixed .rs_mfrx.on{ background: url../images/rs53_hover.jpg) center center no-repeat; } #rightFixed .rs_mfrx .rs_tel{ position: absolute;width: 200px;height: 105px;left: -200px;background-color: #fff;text-align: center;top: 0;display: none; } #rightFixed .rs_mfrx .rs_tel h3{ font-size: 24px;color: #bc1a20;font-weight: normal;margin-top: 25px; } #rightFixed .rs_mfrx .rs_tel p{ font-size: 16px;color: #999999; } .backgroundPopup { display: none; position: fixed; background: #000; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; filter: alpha(opacity=50); opacity: 0.5; } .signBoxb { position:fixed;width: 400px; height: 350px; top: 50%; left: 50%;margin-left: -200px; background: #FFF; overflow: hidden; z-index:101; display:none;} .fu_tit{ width:400px; height:54px; overflow:hidden; position:relative; background:#f2f2f2;} .fu_tit h2{ text-align:center; line-height:54px; font-size:24px; color:#000; font-weight:normal;} .fu_tit a.bclose{ display:block; position:absolute; z-index:999; height:54px; width:58px; right:0px; top:0px; background:url(http://img4.525j.com.cn/files/special/20150320b/bclose.jpg) no-repeat scroll 0px 0px; text-indent:-9999em; cursor:pointer;} .getMoney{ display: none;position: fixed;width: 378px;height: 328px;border: 3px solid #d92b00;z-index: 101;left: 50%;margin-left: -192px;top: 50%;background: #fff url(../images/getmoneybg.jpg) center center no-repeat;border-radius: 3px; } .getMoney .closeGet{ position: absolute;right: 0;top: 0; } .getMoney .inner{ width: 300px;margin: 20px auto 0; } .getMoney .inner input{ width: 288px;height: 38px;line-height: 38px;border: 1px solid #bdc3c8;color: #ccc;font-size: 14px;padding: 0px 5px;outline: none;margin-bottom: 10px;background-color: #fff; } .getMoney .getSub{ width: 299px;height: 43px;line-height: 43px;background: url(../images/getmoneybtn.png) center center no-repeat;font-size: 19px;text-align: center;display: block;color: #fff;margin: 0 auto; } .getMoney h2{ font-size: 36px;color: #d82b33;text-align: center;padding-top: 40px; } .getMoney .inner p{ color: #d82b33;font-size: 14px;text-align: left;text-indent: 12px;margin-bottom: 10px; display: none; } .dynamics{background:#f5f5f5;} .dynamics .leftInfo{ float: left;width: 400px;height: 300px;-webkit-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out;-ms-transition: transform 0.3s 0s ease-out;-moz-transition: transform 0.3s 0s ease-out;-o-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out; } .dynamics .leftInfo:hover{ opacity: 0.8;filter:alpha(opacity=80);-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);-webkit-transform-origin: center center;transform-origin: center center;-ms-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center; } .dynamics h2 a{ height: 26px;line-height: 26px; } .dynamics .ajdy{ float: left; } .dynamics .topic{ float: left;margin-left: 760px; } .dynamics .nmore{ float: right;font-size: 14px;color: #999999;font-weight: normal;; } .dynamics .nmore:hover{ color: #bf1a21; } .dynamics .dyInfo a{ display: block;width: 100%;height: 100%; } .dynamics .leftInfo a{ position: relative; } .dynamics .leftInfo a span{ position: absolute;left: 0;bottom: 0;width: 100%;height: 46px;background: #000;opacity: 0.4;filter: alpha(opacity=40); } .dynamics .leftInfo a p{ position: absolute;left: 10px;width: 380px;height: 46px;line-height: 46px;bottom: 0;font-size: 14px;color: #ffffff;text-align: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .dynamics .middleInfo{ float: left;background: #fff;padding: 25px 30px 35px;width: 370px;height: 240px;text-align: left; } .dynamics .middleInfo li{ height: 73px;border-bottom: 1px dashed #d0d0d0;margin-bottom: 6px; } .dynamics .middleInfo p{ width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .dynamics .middleInfo .ptitle{ font-size: 16px;color: #333333;height: 35px;line-height: 35px; } .dynamics .middleInfo .ptitle:hover{ color: #bf1a21; } .dynamics .middleInfo .dpinfo{ font-size: 14px;color: #999999;height: 26px;line-height: 26px; } .dynamics .rightInfo{ float: right;width: 360px;height: 300px;-webkit-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out;-ms-transition: transform 0.3s 0s ease-out;-moz-transition: transform 0.3s 0s ease-out;-o-transition: transform 0.3s 0s ease-out;transition: transform 0.3s 0s ease-out; } .dynamics .rightInfo:hover{ opacity: 0.8;filter:alpha(opacity=80);-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);-webkit-transform-origin: center center;transform-origin: center center;-ms-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center; } .subSuccess{ display: none;position: fixed;width: 378px;height: 328px;border: 3px solid #d92b00;z-index: 101;left: 50%;margin-left: -192px;top: 50%;background: #fff url(../images/getmoneybg.jpg) center center no-repeat;border-radius: 3px; } .subSuccess .closeGet{ position: absolute;right: 0;top: 0; } .subSuccess h2{ font-size: 36px;color: #d82b33;font-weight: bold;text-align: center;padding-top: 40px; } .subSuccess .gifts{ background-color: #fafafa;height: 95px;margin-top: 20px;line-height: 25px; } .subSuccess .gifts .inner{ width: 290px;margin: 0 auto; height: 95px;font-size: 14px;color: #333333; } .subSuccess .gifts .inner:after{ content: "";display: block;overflow: hidden;clear: both; } .subSuccess .gifts .inner .left{ float: left;width: 60px;padding-top: 9px; } .subSuccess .gifts .inner .right{ width: 230px;margin-left: 60px;padding-top: 9px; } .subSuccess .rules{ width: 342px;margin: 20px auto 0;border-top: 1px dashed #cccccc; } .subSuccess .rules p{ font-size: 12px;color: #333333;line-height: 20px; } .subSuccess .rules p.title{ font-size: 14px;color: #dd3000;padding: 6px 0; } .failPop{ display: none;position: fixed;width: 378px;border: 3px solid #d92b00;z-index: 101;left: 50%;margin-left: -192px;top: 50%;background: #fff;border-radius: 3px;padding: 35px 0px 15px 0px; } .failPop .closeGet{ position: absolute;right: 0;top: 0;width: 22px;height: 22px; } .failPop .closeGet img{ display: block;width: 100%; } .failPop p{ text-align: center;color: #333333;font-size: 14px; } .failPop .closePop{ display: block;width: 66px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #666666;font-size: 14px;color: #666666;border-radius: 2px;margin: 35px auto 0; } .bottom-evelen .left_tc{border-radius:5px 0 0 5px;border-right:1px solid #ebebeb;/*margin-right:10px;*/position: relative; width: 110px;background: url(../images/bxia.png) no-repeat scroll 90px center #f5f5f5;height: 34px;padding-top: 6px;} .bottom-evelen .left_tc.tc_price{border-radius: 0px;width: 125px; background-position:100px center; } .bottom-evelen .model-select-box{ width: 100%; } .bottom-evelen .model-select-option{bottom:27px;} .bottom-evelen .bm_input{/*margin-right: 10px;*/border-right:1px solid #ebebeb} .bottom-evelen .bm_input .xmxin{display: block;border-left:none;margin-top:0px;height:20px;line-height:20px;padding: 10px 0;width:145px;/*border-radius:3px;*/border:none;outline:none;color:#999;text-indent:10px;font-size:12px;box-sizing: content-box;-webkit-box-sizing: content-box;} .bottom-evelen .bm_input.xm_tu .xmxin{width: 105px;} .bottom-evelen .mianji input.xmtext{float:left;height:20px;line-height:20px;padding: 10px 0;margin-top:0;font-family:"Microsoft YaHei";width:80px;border:none;outline:none;color:#999;text-indent:18px;font-size:12px;box-sizing: content-box;-webkit-box-sizing: content-box;} .bottom-evelen .mianji{ height: 40px;width: 110px;border-right:1px solid #ebebeb;background: #fff;} .bottom-evelen .baoCon{ padding-top: 5px; } .bottom-evelen input{ font-family: "Microsoft YaHei"; } .bottom-evelen .mianji span{margin-top:7px;font-family:"Microsoft YaHei";float:right;font-size:16px;color:#666666;margin-right:5px;} .bottom-evelen .error_p{ color: #f5dc54;margin-top: 5px;font-size: 14px; } .bottom-evelen{position: fixed;bottom: 0;left: -150%;width: 100%;height: 140px;z-index: 500;min-width: 1200px;background: url(../images/bottom_bg.png) repeat; } .bottom-evelen .w1200{position: relative;} .bottom-evelen .w1200:after{ content: "";display: block;clear: both; } .bottom_info{padding-left:330px;width:870px;} .bottom-evelen .bottom_txt{padding-top: 20px;height: 48px;} .bottom-evelen .bottom_txt h2{color:#ffce52;font-size: 36px;float:left;margin-right: 10px;} .bottom-evelen .bottom_txt p{color:#fff;font-size: 16px;line-height: 70px;} .bottom-evelen .zxyy{width: 263px;position: absolute;top:-52px;left:45px;} /*.bottom-evelen .bottom_bm{width: 270px;float:left;height: 228px;padding: 0 20px;background: rgba(255,255,255,.2);}*/ .bottom-evelen .closeBtn{ position: absolute;top: 22px;right: 70px; } .bottom-evelen .btn_con{width:130px;height:40px; line-height: 40px;text-align: center;display: block;font-size: 16px; color: #fff;background: #d11213; border-radius:0 5px 5px 0;} .bottom-evelen .bjsuccess{ display: none;position: absolute;width: 310px;height: 140px;top: 0px;left: 750px;background: #27190e;padding: 0 15px;z-index: 50;color: #fff;font-size: 16px;text-align: left;line-height: 30px; } .bottom-evelen .bjsuccess .s_title{ margin-top: 20px; } .bottom-evelen .bjsuccess .n_money{ color: #f8d62c; } .bottom-evelen .bjsuccess .n_info{ text-indent: 35px; } .litterQuan{ position: fixed;width: 144px;height: 172px;left: 0;bottom: 10px;background: url(../images/bottom_bg_l01.png) center center no-repeat;z-index: 60;left: -100%; } .litterQuan .arrow{ position: absolute;right: 46px;top: 95px; } .litterQuan .open{ position: absolute;width: 100%;height: 172px;right: 0;top: 0;text-indent: -999em;z-index: 61;background: url(about:blank)\9; } .litterQuan .bottom_logo{position: absolute;bottom:15px;left:0px; width:175px;} .litterQuan .arrow img{ -webkit-animation: btnAnimate infinite .3s ease-in-out alternate;animation: btnAnimate infinite .7s ease-in-out alternate;-ms-animation: btnAnimate infinite .7s ease-in-out alternate;-moz-animation: btnAnimate infinite .7s ease-in-out alternate; } @-webkit-keyframes btnAnimate{ 0%{-webkit-transform: translateX(-3px);} 100%{ -webkit-transform: translateX(3px);} } @keyframes btnAnimate{ 0%{transform: translateX(-3px);} 100%{transform: translateX(3px);} } @-ms-keyframes btnAnimate{ 0%{ -ms-transform: translateX(-3px);} 100%{-ms-transform: translateX(3px);} } @-moz-keyframes btnAnimate{ 0%{ -moz-transform: translateX(-3px);} 100%{ -moz-transform: translateX(3px);} } #newPackage .package_con ul li{width:380px;height: 480px;margin-right: 30px;background:#f5f5f5;position: relative;overflow: hidden;} #newPackage .package_con ul li .con_img{height: 260px;} #newPackage .package_con ul li .tc_detail{width:100%;height: 100%;position: absolute;left: 0;top:480px;z-index: 5;opacity: 0;filter: alpha(opacity=0);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} #newPackage .package_con ul li .tc_detail .tc_detail_bg{width:100%;height:100%;background:#d11213;opacity: 0.9;filter:alpha(opacity=90);position: absolute;left: 0;top:0;} #newPackage .package_con ul li .tc_detail .tc_detail_con{width:338px;height: 438px;border:2px solid #dd5354;margin:20px auto 0;position: relative;z-index: 10;color:#FFF;} #newPackage .package_con ul li .tc_detail h2{text-align: center;font-size: 24px;margin:48px 0 4px;font-weight: normal;} #newPackage .package_con ul li .tc_detail span{display: block;text-align: center;font-size: 14px;color:#ffa4a4;margin-bottom: 28px;} #newPackage .package_con ul li .tc_detail p{font-size: 14px;color:#FFF;line-height: 24px;width:260px;margin:0 auto;height: 72px;text-align: center;} #newPackage .package_con ul li .tc_detail p.p_center{text-align: center;} #newPackage .package_con ul li .tc_detail .price{font-size:12px;color:#d11213;margin-top: 44px;color:#FFF;text-align: center;} #newPackage .package_con ul li .tc_detail .price span{font-size: 48px;display: block;line-height: 52px;color:#FFF;margin-bottom: 0;} #newPackage .package_con ul li .tc_detail a.tc_detail_btn{display: block;width:178px;height: 48px;line-height: 48px;border:1px solid #FFF;margin:38px auto 0;color:#FFF;text-align: center;font-size: 16px;} #newPackage .package_con ul li:hover .tc_detail{top:0;opacity: 1;filter: alpha(opacity=100);} .advantage_icon{padding:40px 0 50px;} .advantage_icon ul{width:105%} .advantage_icon ul li{float: left;width:110px;margin-right: 25px;} .advantage_icon li .a_icon{width:56px;height: 56px;margin:0 auto 15px;background:url(../images/adv_icon.png) no-repeat center center;text-indent: -999em;} .advantage_icon li.li01 .a_icon{background-position: 0 -336px;} .advantage_icon li.li02 .a_icon{background-position: 0 -280px;} .advantage_icon li.li03 .a_icon{background-position: 0 -448px;} .advantage_icon li.li04 .a_icon{background-position: 0 -392px;} .advantage_icon li.li05 .a_icon{background-position: 0 -224px;} .advantage_icon li.li06 .a_icon{background-position: 0 -56px;} .advantage_icon li.li07 .a_icon{background-position: 0 0;} .advantage_icon li.li08 .a_icon{background-position: 0 -168px;} .advantage_icon li.li09 .a_icon{background-position: 0 -112px;} .advantage_icon ul li p{font-size: 14px;color:#333333;text-align: center;}