home.css 13.8 KB
Newer Older
yangfangfang committed
1
.userIconN,.userinfo{vertical-align:middle}body,html{font-family:'PingFang SC','Microsoft Yahei';width:100%;height:100%;overflow:hidden;overflow-y:auto;font-size:14px;margin:0;padding:0;background-color:#2d2d35;color:#a3a3b2}.alphaDiv,.tkioWrap,.trackText,.trackingiobg{overflow:hidden}a{text-decoration:none;outline:0}.left{float:left}.menuIcon,.right{float:right}.clear{clear:both}.hand{cursor:pointer}.infoTips{position:fixed;left:50%;top:50%;background-color:#fff;border-radius:10px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:9999;color:#000;padding:20px}.homeWrap,.userinfo{position:relative}.btn1,.menuIcon{border:1px solid #fff}.padBottom80{padding-bottom:80px}.topWrap{width:100%;height:30px;background-color:#333}.menuWrap{width:100%;height:56px;background-color:#1b1b21}.menuIcon{width:50px;height:28px;line-height:28px;border-radius:3px;color:#fff;margin-right:10px;display:inline-block;text-align:center;margin-top:13px}.content{width:1200px;height:auto;margin:0 auto}.content .logoimg{width:115px;float:left;height:56px;background:url(../images/logo1.png) left 0 top 15px no-repeat;background-size:124px 26px;cursor:pointer;color:#fff;line-height:56px;font-size:12px;padding-left:135px}.content .menuList{width:745px;float:left;height:56px;color:#fff;padding:0 30px 0 15px}.content .menuList a{display:block;line-height:56px;color:#fff;float:right;margin:0 15px}.userinfo{float:right;height:56px;margin-right:30px;line-height:34px;cursor:pointer}.logoutIcon,.userInfoBottom.third .appLIcon,.usetIcon{cursor:pointer;margin-right:5px}.userIconN{width:24px;height:24px;background-image:url(../images/set.png);background-repeat:no-repeat;display:inline-block;margin-top:16px;background-position:-77px -6px}.userIconN.active,.userIconN:hover{background-position:-77px -40px}.userInfoWrap{border-radius:3px;width:280px;position:absolute;z-index:505;right:-10px;background-color:#fff;border:1px solid #c9c9c9;top:90%;box-sizing:border-box;line-height:34px}.userInfoWrap:before{position:absolute;content:"";background:url(../images/arrow.png) center bottom no-repeat;width:12px;bottom:100%;right:15px;height:12px}.userInfoDetail{padding:20px 20px 0}.userInfoWrap .userInfoDetail .itemInfo{line-height:25px;padding-bottom:15px}.userInfoBottom{height:38px;background-color:#f6f6f6;border-top:1px solid #e2e2e2;line-height:38px}.userInfoBottom .itemInfo:first-child{border-right:1px solid #e2e2e2}.userInfoWrap .itemInfo.light{color:#666}.userInfoBottom .itemInfo{width:49%;box-sizing:border-box;text-align:center;display:inline-block}.usetIcon{background-position:-26px -73px;width:16px;height:16px}.appLIcon,.logoutIcon,.usetIcon{background-image:url(../images/set_home.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-top:-2px}.logoutIcon{background-position:-7px -74px;width:13px;height:15px}.usetIcon.active{background-position:-69px -73px}.logoutIcon.active{background-position:-50px -74px}.userInfoWrap .itemInfo.light:hover{color:#4186ec}.userInfoBottom.third .itemInfo:nth-child(1){width:95px}.userInfoBottom.third .itemInfo:nth-child(2){border-right:1px solid #e2e2e2;width:95px}.userInfoBottom.third .itemInfo:nth-child(3){width:70px}.userInfoBottom.third .appLIcon{background-position:-115px -74px;width:13px;height:13px}.userInfoBottom.third .appLIcon.active,.userInfoBottom.third .appLIcon:hover{background-position:-138px -74px}.bodyWrap{width:100%;height:auto;background:#fff}.demoWrap{height:525px}.demoLeft,.demoRight{height:360px;padding-top:80px}.demoLeft{float:left;width:260px;margin-left:120px;padding-left:80px;background:url(../images/demo.png) center bottom no-repeat}.demoRight{float:right;width:340px;margin-right:200px}.demoTitle{font-size:22px;color:#00a9e8;line-height:22px;margin-bottom:20px}.demoText{font-size:14px;color:#666;line-height:20px;margin-bottom:10px}.demoIs{padding-top:90px;width:285px;height:32px;line-height:32px;padding-left:42px;font-size:20px;color:#666;margin-bottom:14px;background:url(../images/demoRight.png) left top 90px no-repeat}.blueCricle{width:20px;height:20px;border-radius:10px;background:#00a9e8;text-align:center;color:#fff;display:inline-block;margin-right:10px}.demoLine,.demoLine input,.imgCode input{height:32px;display:inline-block}.demoForm{margin-top:40px}.demoLine{width:298px;border:1px solid #c9c9c9;border-radius:3px}.demoLine input{width:285px;line-height:32px;color:#333;padding-left:10px;outline:0;border:none;background:0 0}.imgCode{padding:40px 40px 30px}.imgCode input{width:110px;border:1px solid #c9c9c9;border-radius:3px;float:left;line-height:32px;padding-left:10px}.imgCode .yawarp img{width:86px;height:36px;display:inline-block;float:right}.imgCode .errorWrap{text-align:left;margin-top:35px;width:215px;height:32px}.codeClick,.imgCode .sendMessage{text-align:center;cursor:pointer}.imgCode .sendMessage{margin:0 auto;width:68px;height:32px;line-height:32px;border:none;border-radius:3px;background:#00a9e8;color:#fff}.btn,.openTipWin{border-radius:3px}::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}.must{display:inline-block;padding-left:5px;color:#dd6264}.code{width:190px}.codeClick{position:relative;top:-46px;left:200px;width:100px;height:20px;border-left:1px solid #c9c9c9;color:#00a9e8}.gruy{color:#999}.errorWrap{width:300px;height:20px;text-align:right}.error{line-height:20px;color:#dd6264;font-size:12px}.btn{margin-top:-20px;width:300px;height:34px;background:#00a9e8;line-height:34px;text-align:center;color:#fff;cursor:pointer}.openTipWin{position:fixed;left:50%;top:30%;background-color:#fff;width:295px;margin-left:-148px;z-index:998}.openBgDiv{background:rgba(0,0,0,.6);position:fixed;left:0;top:0;width:100%;height:100%;z-index:997}.openTipWin .title{color:#000;font-size:16px;line-height:16px;text-align:center;margin:0;padding:20px 0 30px}.openTipWin .titleLogin{color:#000;font-size:14px;line-height:14px;text-align:center;margin:0;padding:40px 0}.openTipWin .closeGray{height:40px;position:absolute;top:0;right:0}.closeGray{background:url(../images/close.png) center center no-repeat;height:100%;width:40px;cursor:pointer}.tkioWrap,.trackingiobg,.trackingiobgColor{width:100%;height:400px}.trackingiobg{background:url(../images/nav.png) center no-repeat;position:relative;z-index:503}.trackingiobgColor{position:relative;top:-400px;z-index:499}.trackingiobgColor .left{background:#ac2df0;width:50%;height:400px;float:left}.trackingiobgColor .right{background:#8268fc;width:50%;height:400px;float:right}.trackingioview{width:1080px;height:220px;margin:0 auto;position:relative;z-index:502;background:url(../images/trackingioIcon.png) center right 60px no-repeat;background-size:380px 220px;padding:90px 60px;text-align:left;color:#fff}.trackingioview .tkiotilte{font-size:36px;font-family:Arial;margin-bottom:0;margin-top:20px}.trackingioview .tkiotilte span{font-size:18px}.trackingioview .tkiotext{width:500px;font-size:18px;line-height:30px;margin:0;padding:10px 0 40px}.tkiobutton{width:100%;height:42px}.tkiobutton .button{width:140px;height:42px;line-height:42px;text-align:center;display:inline-block;font-size:16px;margin-right:17px}.btn1{background:#fff;color:#b126ef;border-radius:4px;cursor:pointer}.btn2{background:0 0;color:#fff;border:1px solid #fff;border-radius:4px}.mainTitle{font-size:26px;line-height:26px;padding:60px 0 50px;color:#2e2e2e;text-align:center}.channelMore,.channelText{font-size:16px;text-align:center}.gruybg{background:#fafafa}.userWrap{width:1184px;height:auto;padding:0 8px 58px}.userWrap img{width:124px;height:98px;border:1px solid #e0dee0;border-radius:2px;float:left;margin:0 11px 22px}.channelWrap{width:1184px;height:auto;padding:0 8px 66px}.channelMore,.channelWrap img{width:124px;height:98px;display:inline-block;margin:0 11px 22px;float:left}.channelWrap img{border:1px solid #e0dee0;border-radius:2px}.channelMore{border:1px solid #e0dee0;border-radius:2px;line-height:98px;color:#666;font-family:"Arial Regular";background:#fff;cursor:pointer}.channelMore:hover{color:#fff;background:url(../images/channelmore.png) center center no-repeat}.channelText{color:#6b747f;line-height:24px;margin:0;padding-top:34px}.trackText{display:block;width:270px;height:235px;border-radius:5px;float:left;cursor:pointer;margin:0 15px 60px}.trackText img{margin:0 auto;display:block}.trackTextTitle{font-size:19px;line-height:19px;text-align:center;margin:0;padding:22px 0 12px;color:#2e2e2e}.trackTextText{font-size:14px;line-height:20px;text-align:left;padding:0 30px;color:#6b747f}.proWrap{width:1200px;height:276px;margin:0 auto;padding-bottom:80px}.demoListLeft li p,.demoListright li p,.proText{margin:0}.pro1{background:url(../images/pro1.png) center left 100px no-repeat}.pro2{background:url(../images/pro2.png) center right 100px no-repeat}.proLeft{padding:75px 100px 0 655px}.proRight{padding:75px 645px 0 100px}.proTitle{font-size:18px;color:#2e2e2e;line-height:18px;padding-bottom:16px;margin:0}.proText{font-size:14px;color:#6b747f;line-height:20px}.demoListTitle{padding-top:50px;font-size:22px;color:#00a9e8;text-align:left}.demoListNotes{padding-top:15px;font-size:14px;color:#666}.demoList{font-size:16px;color:#333;padding-top:40px;padding-bottom:10px}.demoList a{color:#00a9e8;font-size:12px;padding-left:20px}.demoListLeft,.demoListright{width:598px;padding:22px 0 0}.demoListWarp{background:#fbfbfb;border:1px solid #c9c9c9;border-radius:3px}.demoListLeft{float:left;border-right:1px solid #c9c9c9}.demoListright{float:right}.demoListLeft li,.demoListright li{width:33%;display:inline-block;float:left;text-align:center;padding-bottom:22px}.demoListLeft li .num,.demoListright li .num{font-size:14px;color:#666;padding-bottom:6px}.demoListLeft li .name,.demoListright li .name{font-size:12px;color:#999;padding-bottom:2px}footer{width:100%;height:auto;background:#2e2e2e;position:relative}.footermenu{width:100%;max-width:1200px;height:120px;margin:0 auto;border-bottom:1px dashed #3a3a3a;padding-top:40px;display:flex;flex-direction:row;justify-content:center}.PhoneTalkDiv,.talkWarp{border:1px solid #cfd2d9}.fmenu{width:120px;height:100px}.fmenu p{margin:0}.fmenu .ftitle{line-height:14px;font-size:14px;color:#d3d3d3;text-align:center;padding-bottom:18px}.fmenu .flink,.fmenu .flink a{color:#8a8a8a}.fmenu .flink{font-size:12px;line-height:12px;padding-bottom:10px;text-align:center}.fmenu .flink a:hover{color:#d3d3d3}.footermenu .erweima{width:150px;height:76px;background:url(../images/erweima.png) top right no-repeat;background-size:76px 76px;text-align:right;font-size:12px;color:#8a8a8a;padding-right:86px}.footertext,.frinedText,.talkWarp{text-align:center}.footertext{width:1200px;height:146px;margin:0 auto;font-size:12px;line-height:22px;color:#7f7f7f;padding-top:15px}.frinedLink{display:flex;flex-wrap:warp;justify-content:center;margin-bottom:5px}.footertext p{margin:0}.frinedLink .link1{width:51px;height:26px}.frinedLink .link2{width:88px;height:26px}.frinedLink .link3{width:116px;height:26px}.frinedLink .link4{width:70px;height:26px}.frinedLink .link5{width:58px;height:26px}.frinedLink .link6{width:67px;height:26px}.frinedLink .link7{width:60px;height:26px}.frinedLink .link8{width:83px;height:26px}.frinedLink .link9{width:58px;height:26px}.frinedLink .link10{width:74px;height:26px}.frinedLink .link11{width:95px;height:22px}.frinedLink img{margin:0 10px}.frinedText{font-size:14px;height:20px;padding-bottom:10px}.footerphone{display:none;padding:30px;line-height:20px;color:#7f7f7f;font-size:12px}.footerphone p{padding-bottom:15px}.talkWarp{cursor:pointer;width:50px;height:67px;padding-top:15px;background:#fff;position:fixed;right:30px;bottom:40px;line-height:22px;font-size:14px;color:#333;z-index:1000}.arrowRight{float:left;width:18px;height:146px;background:url(../images/allow-right.png) left top 95px no-repeat;margin-left:-1px}.PhoneTalk{width:300px;height:146px;position:relative;z-index:1000;left:-300px;top:-130px}.PhoneTalkDiv{float:left;width:248px;height:86px;background:#fff;padding:30px 0 30px 30px}.PhoneTalkDiv .phone{font-size:16px;line-height:20px;color:#333;text-align:left;margin-bottom:20px}.PhoneTalkDiv .phone img{width:24px;height:20px;margin-right:12px;position:relative;top:3px}.PhoneTalkDiv .QQtalk{font-size:14px;color:#fff;text-align:center}.PhoneTalkDiv .QQtalk a{display:block;float:left;width:104px;height:40px;line-height:40px;color:#fff;border-radius:3px;margin-right:10px;background:#36b8ff}.PhoneTalkDiv .QQtalk img{margin-right:8px;position:relative;top:3px}.alphaDiv{width:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;bottom:0;z-index:3}.spinner{margin:100px auto;width:100px;height:100px;text-align:center;font-size:10px;position:fixed;z-index:999999;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.spinner>div{background-color:#00a9e8;height:100%;width:10px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;-moz-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;-moz-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;-moz-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;-moz-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}@-moz-keyframes stretchdelay{0%,100%,40%{-moz-transform:scaleY(.4);transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{-moz-transform:scaleY(.4);transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform:scaleY(1)}}