@charset "utf-8"; /*reset样式*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} body{font:14px/1.5 '\5FAE\8F6F\96C5\9ED1','FZLanTingHeiS-UL-GB',Helvetica,Arial,Verdana;background-color:#fff;} h1,h2,h3,h4,h5,h6{*font-size:100%;font-weight:400;} span,var,strong,em,p{word-wrap:break-word;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;} ol,ul{list-style:none outside;} blockquote:before,blockquote:after,q:before,q:after{content:'';} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;} input,textarea,select,button{font-family:inherit;font-size:inherit;*font-size:100%;font-weight:inherit;resize:none;} input,textarea{outline: none;} area{outline:none; border:none;star:expression(this.onFocus=this.blur());} button{cursor:pointer;} a{text-decoration:none;outline:none;color:#6c6c6c;} a:active{star:expression(this.onFocus=this.blur());} a:hover{transition:color 0.2s ease-in-out 0s;color:#ff5b22;} .clr:after{content:".";height:0;visibility:hidden;display:block;clear:both;} .clr{display:inline-block;} .clr{display:block;} .clear{height:0;clear:both;overflow:hidden;} /*首页开始*/ .xui-header{height:89px;background-color:#222;min-width:1170px;} .xui-top{min-width:1170px;margin:0 auto;height:89px;background-color:#222;} .xui-top h1{margin-left:50px;float:left;width:66px;height:66px;margin-top:16px;} .xui-top .xui-nav{margin-right:50px;float:right;line-height:89px;font-size:18px;} .xui-top .xui-nav a{color:#f5f5f5;margin-left:55px;} .xui-top .xui-nav a:hover,.xui-top .xui-nav .cur{color:#13a286;} .xui-content{min-width:1170px;overflow:hidden;padding-top:81px;} .xui-content .com{background-image:none;background-repeat:no-repeat;background-position:center top;} .xui-content .xui-system{height:711px;background:url(../images/index_xui_bg1.jpg) 50% 0 no-repeat;margin-top:315px;} .xui-content .com .con1{width:1170px;text-align:center;margin:0 auto;position:relative;z-index:2;} .xui-content .xos_subNav{position:absolute;z-index:10;height:40px;background:#fff;text-align:center;width:100%;top:112px;left:0px;} .xui-content .xos_subNav div{width:1170px;margin:0 auto;height:40px;} .xui-content .xos_subNav div p{display:block;width:352px;margin:0 auto;} /*{left:50%;bottom:auto;right:auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}*/ .xui-content .xos_subNav div a{font-size:13px;display:block;float:left;width:30px;padding:11px 43px 10px;border:1px #989898 solid;transition:background ease .3s;} .xui-content .xos_subNav div a:hover,.xui-content .xos_subNav a:active{background:#CCCCCC;transition: background ease .3s;color:#000;} .xui-content .xos_subNav div a:link,.xui-content .xos_subNav a:visited{background:#ffff;transition: background ease .3s;color:#000;} .xui-content .xos_subNav div a:nth-of-type(1){border-right:none;border-bottom-left-radius:14px;-moz-border-bottom-left-radius:14px;border-top-left-radius:14px;-moz-border-top-left-radius:14px;} .xui-content .xos_subNav div a:nth-of-type(3){border-left:none;border-bottom-right-radius:14px;-moz-border-bottom-right-radius:14px;border-top-right-radius:14px;-moz-border-top-right-radius:14px;} .xui-content .xos_subNav div a.subNav_active{background:#989898;color:#fff;} .xui-content .xui-area{position:absolute;left:0;width:1170px;} .xui-content .xui-system .xui-area{top:-220px;} .xui-content .com h2{font-size:60px;color:#3c342f;font-family:'PingFang SC';} .xui-content .com h1{font-family:'PingFang SC';} .xui-content .com p{font-size:18px;color:#837b76;line-height:35px;} .xui-content .com a{font-size:18px;color:#2acdeb;display:block;margin-top:15px;} .xui-content .xui-design{height:586px;background:url(../images/index_xui_bg2.jpg) 50% 0 no-repeat #1a1d21;} .xui-content .xui-design .xui-area,.xui-content .xui-xyun .xui-area,.xui-content .xui-why .xui-area{top:70px;} .xui-content .xui-design .xui-area h2{color:rgba(255,255,255,1.00);} .xui-content .xui-design .xui-area p{color:rgba(255,255,255,0.70);} .xui-content .xui-design-s{height:494px;background:url(../images/index_xui_bg3.jpg) 50% 0 no-repeat #1a1d21;} .xui-content .xui-func{height:766px;background:url(../images/index_xui_bg4.jpg) 80% 30px no-repeat;margin-top:312px;} .xui-content .xui-func .xui-area{top:-216px;} .xui-content .xui-xyun{position:relative;height:1080px;background:url(../images/index_xui_bg5.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .xui-xyun .xyun-handphone{position:absolute; bottom:0px;width:100%;height:704px;background:url(../images/xyun_handphone.png) 40% 50% no-repeat;} .xui-content .xui-xyun h2,.xui-content .xui-why h2{color:#faf2ed;} .xui-content .xui-xyun p{color:rgba(255,255,255,0.70);} .xui-content .xui-why{position:relative;height:1080px;background:url(../images/index_xui_bg7.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .xui-why .bottomText{position:absolute;width:100%;height:20px;bottom:25px;text-align:center;z-index:14;font-size:14px;color:rgba(255,255,255,0.2)} /*设计开始*/ .xui-content .xui-jy{height:992px;} .xui-jy .xui-area,.xui-tl .xui-area,.xui-pointer .xui-area,.xui-hy .xui-area,.xui-zt .xui-area,.xui-nav .xui-area{top:97px;} .xui-content .xui-jy .con1,.xui-content .xui-pointer .con1{overflow:hidden;} .xui-content .focus{position:relative;width:874px;height:502px;background:url(../images/pro_bg.jpg) no-repeat;margin:401px auto 0;padding:88px 0 0 86px;} .focusCon{width:775px;overflow:hidden;position:relative;height:449px;} .focusCon .xuiImgList{position:absolute;width:2325px;height:449px;overflow: hidden;z-index:0;} .focusCon .xuiImgList li{float:left;height:449px;width:775px;} .focusCon .fBtn{position:absolute;width:669px;bottom:15px;left:106px;text-align:center;z-index:1;} .focusCon .fBtn span,.flArrow,.frArrow{background:url(../images/btns.png) no-repeat;} .focusCon .fBtn span{display:inline-block;width:11px;height:11px;cursor:pointer;background-position:0 -72px;margin:0 9px;text-indent:-99999em;} .focusCon .flArrow,.focusCon .frArrow{width:36px;height: 36px;position:absolute;top:205px;z-index:1;cursor:pointer;} .focusCon .flArrow{background-position:0 0;left:-120px;} .focusCon .frArrow{background-position:0 -36px;right:-120px;} .focusCon .focus_leftBar{position:absolute; background:url(../images/pro_bg0.jpg) no-repeat;width:106px;height:405px;top:1px;left:0px;z-index:14;} .focusCon .fBtn .curr{background-position:0 -84px; } .xui-content .xui-tl{position:relative;height:1080px;background:url(../images/design_bg1_bg.jpg) repeat-x;} .xui-content .xui-tl .xui-tl-appPic{position:absolute;bottom:0px;width:100%;height:739px;background:url(../images/design_bg1.png)50% 50% no-repeat;} .xui-content .xui-pointer,.xui-content .xui-zt{height:1080px;overflow:hidden;} .xui-content .xui-pointer-show{width:1170px;height:590px;background:url(../images/design_bg2.jpg) no-repeat;margin:395px auto 0;} .xui-content .xui-hy{height:1080px;background:url(../images/design_bg3.jpg) 50% 50% no-repeat #f2f2f2;} .scrollBox{margin-top:356px;width:100%;height: 540px;overflow:hidden;position:relative;} .scrollBox .imgList{width:6662px;height:540px;} .scrollBox img{float:left;width:944px;height:540px;margin-right:9px;} .scrollBox .mr0{margin-right:0;} .scrollBox span{position:absolute;width:60px;height:60px;background:url(../images/arrowLr_bg.png) no-repeat;top:240px;cursor:pointer;} .scrollBox .lArrow{left:70px;} .scrollBox .rArrow{right:70px;background-position:0 -60px;} /* 功能开始 */ .xui-content .xui-nav{height:991px;background:url(../images/gl_bg1.jpg) 50% 50% no-repeat;} .xui-content .xui-music{height:1080px;background:url(../images/gl_bg2.jpg) 50% 50% no-repeat #f2f2f2;} .xui-content .xui-syj{height:1080px;background:url(../images/gl_bg3.jpg) 50% 50% no-repeat;} .xui-content .xui-mycar{height:1079px;background:url(../images/gl_bg4.jpg) 50% 50% no-repeat #f2f2f2;} .xui-content .xui-cark{height:1089px;background:url(../images/gl_bg5.jpg) 40% 50% no-repeat;} .xui-content .xui-yh{height:1080px;background:url(../images/gl_bg6.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .xui-jj{position:relative;height:1077px;background:url(../images/gl_bg7.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .xui-jj .xui-jj-appPic{position:absolute;background:url(../images/gl_bg7_appPic.png) 50% 50% no-repeat;width:100%;height:766px;bottom:-50px;} .xui-content .xui-yuy{height:1080px;background:url(../images/gl_bg8.jpg) 50% 50% no-repeat #f2f2f2;} .xui-content .xui-more{position:relative;height:1080px;background:url(../images/gl_bg9_bg.jpg) repeat-x;} .xui-content .xui-more .xui-more-appPic{position:absolute;width:100%;height:766px;top:308px;background:url(../images/gl_bg9.png) 50% 50% no-repeat;} .xui-content .xui-sj{position:relative;height:1080px;background:url(../images/gl_bg10_bg.jpg) repeat-x;} .xui-content .xui-sj .xui-sj-appPic{position:absolute;width:100%;height:741px;background:url(../images/gl_bg10.png) 50% 50% no-repeat;bottom:0px;} .xui-music .xui-area{top:200px;left:20px;width:60%;text-align: left;} .xui-syj .xui-area{top:250px;width:40%;left:720px;text-align:left;} .xui-mycar .xui-area{top:200px;left:20px;width:28%;text-align: left;} .xui-cark .xui-area{top:250px;left:660px;width:50%;text-align:left;} .xui-yh .xui-area{top:200px;width:40%;left:10px;text-align:left;} .xui-yh .con1 .xui-text{position:absolute;top:430px;left:15px;width:286px;height:83px;background:url(../images/gl_bg6_text.png) no-repeat;overflow:hidden;} .xui-jj .xui-area{top:200px;width:40%;left:680px;text-align:left;} .xui-yuy .xui-area{top:190px;width:40%;left:10px;text-align:left;} .xui-more .xui-area{top:110px;} .xui-sj .xui-area{top:124px;} .xui-content .mt1{margin:-79px 0 0 -1px;} .xui-content .mt1 .con1{width:1400px;} .xui-content .mt1 .con1 .xui-area{width:1400px;} /* X助手 */ .xui-content .xyun{height:1079px;background:url(../images/x_bg2.jpg) 50% 50% no-repeat #f2f2f2;} .xui-content .xui-shop{height:1080px;background-image:url(../images/x_bg3.jpg);} .xui-content .xui-shop .xui-area{top:180px;width:45%;left:730px;text-align:left;} .xui-content .xui-cs{height:1080px;background:url(../images/x_bg4.jpg) 50% 50% no-repeat #f2f2f2;} .xui-content .xui-cs .xui-area{top:190px;width:50%;text-align:left;left:10px;} .xui-content .xui-ycar{height:1333px;background-image:url(../images/x_bg5.jpg);margin-top:-1px;} .xlBg,.xrBg{position: absolute;top:0;height:1333px;} .xlBg{background:url(../images/xl_bg.jpg) no-repeat;left:-424px;width:50px;} .xrBg{background:url(../images/xr_bg.jpg) no-repeat;right:-413px;width:38px;} .xui-content .xui-ycar .xui-area{top:260px;width:45%;left:770px;text-align:left;} .xui-content .xui-ycar .xui-area *{color:#faf2ed;} .xui-content .xui-lovecar{position:relative;height:1080px;margin-top:-1px;background:url(../images/x_bg6.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .xui-lovecar .xhelp-handphone{position:absolute;width:100%;height:705px;bottom:0px;background:url(../images/xhelp_handphone.png) 20% 50% no-repeat;} .xui-content .xui-lovecar .xui-area{top:170px;left:730px;text-align: left;width:50%;} .xui-content .xui-lovecar .xui-area h2, .xui-content .xui-lovecar .xui-area p{color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.45);} #mb{display:none;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);opacity:.5;position:fixed;top:0;left:0;z-index:1000;transition: all ease .3s;} .appdownLoad{display:none;width:872px;height:480px;background:url(../images/layer_bg.png) no-repeat;position:fixed;top:295px;left:50%;top:50%;margin:-240px 0 0 -429px;z-index:1001;transition: all ease .3s;} .appdownLoad #closeBtn{position:relative;width:62px;height:62px;float:right;cursor:pointer;} .appdownLoad .appBtn{float:left;margin:105px 0 0 135px;width:500px;} .appdownLoad .appBtn a{display:inline-block;width:176px;height:48px;margin-top:292px;text-indent:-99999em;background-color:rgba(159,62,64,0.00);border-radius:30px;} .appdownLoad .appBtn a.left{margin-left:85px;} .appdownLoad .appBtn a.right{margin-left:40px;} /* 车机宝 */ .xui-content .xui-zsDownload1{position:relative;padding-top:163px;height:830px;background:url(../images/zs_bg1.jpg) 50% 90% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;z-index:1;} .xui-content .xui-zsDownload1 .xui-area{top:200px;} .xui-content .xui-zsDownload1 .xui-area *{color:#fff;} .xui-content .xui-zsDownload1 .xui-area h2{display:block;padding-bottom:15px;} .xui-content .xui-zsDownload1 .xui-area p{color:rgba(255,255,255,0.70);} .xui-content .xui-zsDownload1 .xui-area a{opacity:.8;filter:alpha(opacity=80);} .xui-content .xui-zsDownload1 .helper-icon{position:absolute;width:100%;height:236px;top:0px;background:url(../images/carlorful_icon.png) 50% 50% no-repeat;transition: all ease .3s;} .appdownLoad1{display:none;width:872px;height:480px;position:fixed;top:295px;left:50%;top:50%;margin:-240px 0 0 -429px;z-index:1001;} .appdownLoad1 #closeBtn{position:relative;width:62px;height:62px;float:right;cursor:pointer;} .appdownLoad1 .appBtn{margin:500px 0 0 135px;width:440px;} .appdownLoad1 .appBtn a{transition: all ease .3s;} .appdownLoad1 .tabCut,.appdownLoad1 .tabCut .bg{background:url(../images/zs_layer_bg.png) no-repeat;} .appdownLoad1 .tabCut{width:871px;height:117px;} .appdownLoad1 .tabCut li{float:left;width:432px;height:88px;text-indent:-99999em;margin-top:28px;cursor:pointer;} .appdownLoad1 .tabCut .tabli1{background-position:0 -117px;} .appdownLoad1 .tabCut .carDown{margin-top:-34px;background-position:-432px -117px;width:380px;} .zsDownload .appBtn{width:742px;height:248px;background:url(../images/tablayer1.jpg) no-repeat;margin:0;padding:193px 0 0 108px;} .zsDownload .appBtn a{display:inline-block;width:176px;height: 48px;margin-top:174px;text-indent:-99999em;background-color:rgba(159,62,64,0.00);border-radius:30px;transition: all ease .3s;} .zsDownload .appBtn a:hover{transition: all ease .3s;} .zsDownload .appBtn a.left{margin-left:119px;} .appdownLoad2{display:none;width:872px;height:480px;background:url(../images/layer_carlorful_bg.png) no-repeat;position:fixed;top:295px;left:50%;top:50%;margin:-240px 0 0 -429px;z-index:1001;transition: all ease .3s;} .appdownLoad2 #closeBtn{position:relative;width:62px;height:62px;float:right;cursor:pointer;} .appdownLoad2 .appBtn{float:left;margin:105px 0 0 135px;width:500px;} .appdownLoad2 .appBtn a{display:inline-block;width:176px;height:48px;margin-top:292px;text-indent:-99999em;background-color:rgba(159,62,64,0.00);border-radius:30px;} .appdownLoad2 .appBtn a.left{margin-left:85px;} .appdownLoad2 .appBtn a.right{margin-left:40px;} .xui-content .carlorful-clean{height:1080px;background:url(../images/zs_bg2.jpg) 50% 50% no-repeat #171c21;} .xui-content .carlorful-clean .xui-area,.xui-content .carlorful-update .xui-area,.xui-content .carlorful-flow .xui-area,.xui-content .carlorful-screen .xui-area,.xui-content .carlorful-footer .xui-area{top:70px;} .xui-content .carlorful-clean .xui-area h2{color:#ffffff;margin-bottom:15px;} .xui-content .carlorful-clean .xui-area p{color:#909090;} .xui-content .carlorful-update{height:1080px;background:url(../images/zs_bg3.jpg) 50% 368px no-repeat #f2f2f2;} .xui-content .carlorful-update .xui-area h2{color:#333333;margin-bottom:18px;} .xui-content .carlorful-update .xui-area h1{color:#555555;font-size:30px;margin-bottom:15px;} .xui-content .carlorful-update .xui-area p{color:#7f7f7f;} .xui-content .carlorful-flow{height:1080px;background:url(../images/zs_bg4.jpg) 50% 232px no-repeat #171c21;} .xui-content .carlorful-flow .xui-area h2{color:#ffffff;margin-bottom:18px;} .xui-content .carlorful-flow .xui-area h1{color:#dddddd;font-size:30px;margin-bottom:15px;} .xui-content .carlorful-flow .xui-area p{color:#909090;} .xui-content .carlorful-screen{height:1080px;background:url(../images/zs_bg5.jpg) 50% 149px no-repeat #f2f2f2;} .xui-content .carlorful-screen .xui-area h2{color:#333333;margin-bottom:18px;} .xui-content .carlorful-screen .xui-area h1{color:#555555;font-size:30px;margin-bottom:15px;} .xui-content .carlorful-screen .xui-area p{color:#7f7f7f;} .xui-content .carlorful-footer{position:relative;height:1080px;background:url(../images/index_xui_bg7.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .carlorful-footer .xui-area h2{color:#ffffff;} .xui-content .carlorful-footer .xui-area div{height:200px;background:url(../images/qrcode_carlorful.png) 50% 50% no-repeat;margin:90px 0 15px 0;} .xui-content .carlorful-footer .xui-area p{font-size:20px;color:#ffffff;} .xui-content .carlorful-footer .bottomText{position:absolute;width:100%;height:20px;bottom:25px;text-align:center;z-index:14;font-size:14px;color:rgba(255,255,255,0.2)} /*.zsDownload .appBtn a.left:hover{background:url(../images/layer_bg_androidBtn_hover.png) no-repeat;transition: all ease .3s;}*/ .zsDownload .appBtn a.right{margin-left:42px;} /*.zsDownload .appBtn a.right:hover{background:url(../images/layer_bg_iosBtn_hover.png) no-repeat;transition: all ease .3s;}*/ .zsDownload .downBtn{width:742px;height:186px;background:url(../images/tablayer2.jpg) no-repeat;padding:255px 0 0 108px;} .zsDownload .downBtn a{display:block;width:230px;height:58px;text-indent:-99999em;} .top-mb{width:100%;height:994px;position:absolute;top:89px;background-color:#0f1e27;opacity:65;filter:alpha(opacity=65);z-index:1;min-width:1170px;} .xui-content .xui-download{height:591px;background:url(../images/x_bg1.jpg) 50% 50% no-repeat;margin-top:402px;} .xui-content .xui-download .xui-area{top: -320px;} .xui-content .xui-download .xui-area a,.xui-content .xui-zsDownload1 .xui-area a{display:block;width:218px;height:50px;line-height: 50px;background-color:#52b3ea;text-align:center;color:#fff;font-size:24px;border-radius:30px;margin:40px auto 0;transition: all ease .3s;} .xui-content .xui-download a#xDownload:hover {background-color:#3b9ad0;transition: all ease .3s;} .xui-content .xui-zsDownload1 a:hover{background-color:#3b9ad0;transition: all ease .3s;} .xui-content .xui-download .xui-area a{background-color:#4bbcfc;} .xui-content .zsDownload-footer{position:relative;z-index:2;min-width:1170px;margin-top:-2px;padding-top:20px;height:52px;background-color:#222;text-align:center;font-size:16px;color:rgba(255,255,255,0.35)} /* 百变主题 */ .xui-content .com2 .con1 .xui-area h2{font-size:60px;color:#ffffff;font-family:'PingFang SC';} .xui-content .com2 .con1 .xui-area p{font-size:18px;color:rgba(255,255,255,0.60);line-height:35px;} .xui-content .com2 .con1 .xui-area a{font-size:18px;color:#2acdeb;display:block;margin-top:15px; } .xui-content .xui-area .version{font-size:15px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;color:rgba(255,255,255,0.70);margin-top: 13px;} .xui-content .com2 .cd-slider-nav li a{margin-top:0px;} .xui-content .xui-varietyTheme{position:relative;padding-top:163px;height:830px;background:url(../images/vt_bg1.jpg) 50% 90% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;z-index:1;} .xui-content .xui-varietyTheme .xui-area{top:0px;} .xui-content .xui-varietyTheme .xui-area *{color:#fff;} .xui-content .xui-varietyTheme .xui-area h2{display:block;padding-bottom:15px;} .xui-content .xui-varietyTheme .xui-area p{color:rgba(255,255,255,0.60);} .xui-content .xui-varietyTheme .xui-area a{opacity:.95;filter:alpha(opacity=95);} .xui-content .xui-varietyTheme .helper-icon{position:absolute;width:100%;height:236px;top:0px;background:url(../images/carlorful_icon.png) 50% 50% no-repeat;transition: all ease .3s;} .appdownLoad2{display:none;width:872px;height:480px;background:url(../images/layer_carlorful_bg.png) no-repeat;position:fixed;top:295px;left:50%;top:50%;margin:-240px 0 0 -429px;z-index:1001;transition: all ease .3s;} .appdownLoad2 #closeBtn{position:relative;width:62px;height:62px;float:right;cursor:pointer;} .appdownLoad2 .appBtn{float:left;margin:105px 0 0 135px;width:500px;} .appdownLoad2 .appBtn a{display:inline-block;width:176px;height:48px;margin-top:292px;text-indent:-99999em;background-color:rgba(159,62,64,0.00);border-radius:30px;} .appdownLoad2 .appBtn a.left{margin-left:85px;} .appdownLoad2 .appBtn a.right{margin-left:40px;} .xui-content .varietyTheme-weather .xui-area,.xui-content .varietyTheme-video .xui-area,.xui-content .varietyTheme-car .xui-area,.xui-content .varietyTheme-footer .xui-area{top:90px;} .xui-content .varietyTheme-weather{height:1080px;} .xui-content .varietyTheme-weather .con1,.xui-content .com2{min-width:1170px;text-align:center;margin:0 auto;position:relative;z-index:2;height:1080px;} .xui-content .varietyTheme-weather .xui-area{position:absolute;left:0;top:100px;width:100%;} .xui-content .varietyTheme-weather .xui-area h2{color:#ffffff;margin-bottom:15px;} .xui-content .varietyTheme-weather .xui-area p{color:#909090;} .xui-content .varietyTheme-video{height:1080px;background:#000000;} .xui-content .varietyTheme-video .con1{height:1080px;width:100%;background:url(../images/light_mask.png) 50% 0 no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .varietyTheme-video .xui-area{position:absolute;left:0;width:100%;} .xui-content .varietyTheme-video .xui-area h2{color:#ffffff;margin-bottom:18px;} .xui-content .varietyTheme-video .xui-area h1{color:#555555;font-size:30px;margin-bottom:15px;} .xui-content .varietyTheme-video .xui-area p{color:rgba(255,255,255,0.60);} .xui-content .varietyTheme-car{height:1080px;background:url(../images/vt_bg4.jpg) 50% 0 no-repeat; -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .varietyTheme-car .con1{width:100%;} .xui-content .varietyTheme-car .xui-area{position:absolute;left:0;width:100%;} .xui-content .varietyTheme-car .xui-area h2{color:#ffffff;margin-bottom:18px;} .xui-content .varietyTheme-car .xui-area h1{color:#555555;font-size:30px;margin-bottom:15px;} .xui-content .varietyTheme-car .xui-area p{color:rgba(255,255,255,0.60);} .xui-content .varietyTheme-movie .con1{width:100%;} .xui-content .varietyTheme-movie{height:1080px;background:#000000;} .xui-content .varietyTheme-movie .xui-area{position:relative;padding-top:190px;width:1170px;margin:0 auto;} .xui-content .varietyTheme-movie .xui-area .carMedia01{position:absolute;width:80%;top:653px;right:0px;} .xui-content .varietyTheme-movie .xui-area .carMedia02{position:absolute;width:80%;top:653px;right:0px;} .xui-content .varietyTheme-movie .xui-area .carMedia03{position:absolute;width:80%;top:653px;right:0px;} .xui-content .varietyTheme-movie .xui-area h2{margin-bottom:18px;color:#ffffff;line-height: 1.2;font-size:50px;padding-right:50px;} .xui-content .varietyTheme-movie .xui-area h1{margin-bottom:15px;color:#ffffff;font-size:30px;} .xui-content .varietyTheme-movie .xui-area p{color:rgba(255,255,255,0.60);} .xui-content .varietyTheme-sports .con1{width:100%;} .xui-content .varietyTheme-sports{height:1080px;background:#000000;} .xui-content .varietyTheme-sports .xui-area{position:relative;padding-top:190px;width:1170px;margin:0 auto;} .xui-content .varietyTheme-sports .xui-area .carMedia01{position:absolute;width:80%;top:653px;left:0px;} .xui-content .varietyTheme-sports .xui-area .carMedia02{position:absolute;width:80%;top:653px;left:0px;} .xui-content .varietyTheme-sports .xui-area .carMedia03{position:absolute;width:80%;top:653px;left:0px;} .xui-content .varietyTheme-sports .xui-area h2{margin-bottom:18px;color:#ffffff;line-height: 1.2;font-size:50px;padding-left:50px;} .xui-content .varietyTheme-sports .xui-area h1{margin-bottom:15px;color:#ffffff;font-size:30px;} .xui-content .varietyTheme-sports .xui-area p{color:rgba(255,255,255,0.60);} .xui-content .varietyTheme-footer{position:relative;height:1080px;background:url(../images/vt_bg7.jpg) 50% 0 no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .varietyTheme-footer .xui-area h2{color:#ffffff;margin-bottom:100px;} .xui-content .varietyTheme-footer .xui-area div{} .xui-content .varietyTheme-footer .xui-area p{font-size:20px;color:#ffffff;} .xui-content .varietyTheme-footer .xui-area p.version{font-size:15px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;color:rgba(255,255,255,0.70);margin-top: 13px;} .xui-content .varietyTheme-footer .bottomText{position:absolute;width:100%;height:20px;bottom:25px;text-align:center;z-index:14;font-size:14px;color:rgba(255,255,255,0.2)} .xui-content .xui-varietyTheme .xui-area a,.xui-content .varietyTheme-footer .xui-area a{font-family:'PingFang SC';display:block;width:390px;padding:20px 0;background-color:#338ee8;text-align:center;color:#fff;font-size:30px;border-radius:100px;margin:40px auto 0;transition: all ease .3s;} .xui-content .xui-varietyTheme a.help02{display:inline;background-color:rgba(255,255,255,0);text-align:center;color:rgba(255,255,255,0.60);font-size:15px;text-decoration:underline;transition: all ease .3s;} .xui-content .xui-varietyTheme a.help02:hover{background-color:rgba(255,255,255,0);color:rgba(255,255,255,1);transition: all ease .3s;} .xui-content .xui-varietyTheme a:hover,.xui-content .varietyTheme-footer a:hover{background-color:#105faf;transition: all ease .3s;} .xui-content .xui-varietyTheme a.help{position:relative;display:inline-block;margin-top:30px;background-color:rgba(0,0,0,0.5);font-size:18px;color:rgba(203,208,255,0.75);transition: all ease .3s; text-decoration: none;width:170px;padding:12px 0;border: 1px #00C0FF solid;} .xui-content .xui-varietyTheme a.help:hover{color:rgba(224,233,255,1);background-color:rgba(0,192,255,0.35);transition: all ease .3s;} .xui-content .xui-varietyTheme a.help img{position: absolute;top:-1px;right:-1px;} .xui-content .varietyTheme-footer a.help02{display:inline;background-color:rgba(255,255,255,0);text-align:center;color:rgba(255,255,255,0.60);font-size:15px;text-decoration:underline;transition: all ease .3s;} .xui-content .varietyTheme-footer a.help02:hover{background-color:rgba(255,255,255,0);color:rgba(255,255,255,1);transition: all ease .3s;} .xui-content .varietyTheme-footer a.help{position:relative;display:inline-block;margin-top:30px;background-color:rgba(0,192,255,0);font-size:18px;color:rgba(203,208,255,0.75);transition: all ease .3s; text-decoration: none;width:170px;padding:12px 0;border: 1px #00C0FF solid;} .xui-content .varietyTheme-footer a.help:hover{color:rgba(224,233,255,1);background-color:rgba(0,192,255,0.35);transition: all ease .3s;} .xui-content .varietyTheme-footer a.help img{position: absolute;top:-1px;right:-1px;} /* 关于我们 */ .xui-content .xui-aboutUs{height:475px;background:url(../images/lx_us_bg1.jpg) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .xui-content .xui-abous{height: 476px;} .xui-content .xui-abous .xui-area{top:71px;} .xui-content .xui-abous h2{font-size:36px;color:#52b3ea;height:68px;background:url(../images/h2_icon.png) center bottom no-repeat;} .xui-content .xui-abous h3{font-size:22px;color:#68696a;margin-top: 35px;} .xui-content .xui-abous-info{width:843px;margin:50px auto 0;overflow:hidden;position:relative;padding:2px 0 10px;} .info-lt,.info-rb{position:absolute;width:37px;height:26px;background:url(../images/fh_bg.png) no-repeat;} .xui-content .xui-abous-info p{width:733px;margin:10px auto 0;overflow:hidden;font-size:18px;color:#868686;line-height:32px;text-align:left;} .xui-content .xui-abous-info .info-lt{top:0;left:0;} .xui-content .xui-abous-info .info-rb{background-position:0 -26px;bottom:0;right:0;} .xui-content .xui-callUs{position:relative;background:#f2f2f2;height:544px;} .xui-content .xui-callUs .bottomText{position:absolute;bottom:0px;background:#222222;width:100%;height:47px;padding-top:25px;text-align:center;font-size:14px;color:rgba(255,255,255,0.35)} .xui-content .xui-callUs .callus-show{width:1169px;height:128px;margin:90px auto 0;background:url(../images/lx_us_bg.png) no-repeat;} .xui-content .xui-callUs .callus-show li{float:left;text-align:left;margin-left:164px;display:inline;width:256px;color:#333;font-size:18px;} .xui-content .xui-callUs .callus-show .li1,.xui-content .xui-callUs .callus-show .li3{padding-top:40px;line-height:30px;} .xui-content .xui-callUs .callus-show .li1 span{float:left;width:55px;height:50px;} .xui-content .xui-callUs .callus-show .li2{margin-left:169px;width:215px;line-height:128px;} .xui-content .xui-callUs .callus-show .li3{margin-left:146px;width:218px;} .xui-content .com .callus-show .li3 a{color:#333;margin-top:0;display:inline-block;} /*如何安装弹出层*/ .box-target{position: fixed;top:-100%;width:100%;background: rgba(0, 0, 0, 0.7);opacity:0;transition:opacity .5s ease;overflow:hidden;z-index: 99999;} .box-target .box_bg{ background:linear-gradient(#013f7e, #002953); background:-webkit-linear-gradient(#013f7e, #002953); background:-o-linear-gradient(#013f7e, #002953); background:-moz-linear-gradient(#013f7e, #002953); border-radius:16px; margin:auto;position: absolute; top: 0;left: 0;right: 0;bottom: 0; max-height: 350px; max-width: 800px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); transition:all ease .5s; padding:2vw; } .box-target:target{opacity: 1;top: 0;bottom: 0;} .box-target:target .box_bg{min-height:450px;min-width:900px;transition: all ease .5s;} .box-target span.windowsTitle{position:relative;display:block;top:-2%;font-size:1.5vw;color:#fff;width:100%;text-align: center;margin-bottom: 1.5%;} .box-target table{position:relative;width:100%;height:90%;} .box-target table td{text-align: center; vertical-align: top;} .box-target table thead tr:nth-of-type(1) td:nth-of-type(1){height: 80px;width:33.333%;border-right: 1px dashed rgba(116,186,255,0.2);background:url("../images/icon_steup_mode01.png")50% 50% no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;} .box-target table thead tr:nth-of-type(1) td:nth-of-type(2){height: 80px;width:33.333%;border-right: 1px dashed rgba(116,186,255,0.2);background:url("../images/icon_steup_mode02.png")50% 50% no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;} .box-target table thead tr:nth-of-type(1) td:nth-of-type(3){height: 80px;width:33.333%;background:url("../images/icon_steup_mode03.png")50% 50% no-repeat;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;} .box-target table thead tr:nth-of-type(2) td{height:20px;background:none;padding-bottom:10px;font-size:18px;line-height:26px;color:#bad7ff;border-bottom: 1px dashed rgba(116,186,255,0.2);border-right: 1px dashed rgba(116,186,255,0.2);} .box-target table thead tr:nth-of-type(2) td:nth-of-type(3){border-right: none;} .box-target table tbody tr td{height: ;font-size:15px;color:#86b6fd;line-height:26px;border-right: 1px dashed rgba(116,186,255,0.2);padding-top:15px;} .box-target table tbody tr td:nth-of-type(3){border-right: none;} .box-target table tbody tr td p.small{font-size:10px;color:rgba(129,192,255,0.5);} .box-target table tbody tr td p.mini{font-size:10px;line-height: 14px;} .box-target table tfoot tr td{height:;} a.box-close {display:block;position:absolute;top:0%;right:0%;width:50px;height:50px;} a.box-close img{position:absolute;height:100%;z-index: 999;} .box-target table tbody tr td p a{color:#86b6fd;text-decoration: underline;} .box-target table tbody tr td p a:hover{color:#fff;} /*更新日志弹出层*/ #upgrade .box_bg{ background:linear-gradient(#013f7e, #002953); background:-webkit-linear-gradient(#013f7e, #002953); background:-o-linear-gradient(#013f7e, #002953); background:-moz-linear-gradient(#013f7e, #002953); border-radius:16px; margin:auto;position: absolute; top: 0;left: 0;right: 0;bottom: 0; height: 600px; width: 600px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); transition:all ease .5s; padding:2vw 0.8vw 2vw 2vw; font-size:1vw; color:#99c5fa; } #upgrade:target{opacity: 1;top: 0;bottom: 0;} #upgrade:target .box_bg{min-height:60vh;min-width:8vw;transition: all ease .5s;} #upgrade .box_bg .box_content{height:85%;width:100%;overflow: auto;margin: 0 auto;padding: 20px 0;line-height: 30px;}