.container{ width:100%; overflow: hidden; padding-bottom: 80px; font-size: 14px;} .container .title{height: 146px; width: 100%; text-align: center; line-height: 146px; font-size: 28px; } #container{ background: #f7f7f7;} .inside-banner{ width:100%; overflow: hidden; background-repeat: no-repeat; background-position: center 0;} .inside-banner h2{ font-size: 22px; font-weight: bold; padding: 80px 0 10px 0px;} .inside-banner p{line-height: 25px;} /*帮助中心*/ .help-title{ width:100%; height: 105px; background: url(img/help_tit_bg.jpg) no-repeat center 0; padding-top: 45px;} .help-search{ margin:0 auto; line-height: 50px; color: #fff; position: relative; width: 811px;} .help-search .text{ width:458px; height: 48px; border:1px solid #d6d7dc; padding:0 20px; color: #999; vertical-align: middle; line-height: 48px; border-radius:5px 0 0 5px;} .help-search .submit{ width:100px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; font-size: 18px; color: #403531; background: #d6d7dc; border:0 none; margin-left: -4px; border-radius:0 5px 5px 0;} .help-search i{ display: inline-block; vertical-align: middle; width:18px; height: 20px; background-image: url(img/sprite.png); background-repeat: no-repeat; margin-right: 5px;} .help-search a{ margin-left: 20px; color: #fff;} .help-search .dropdown{ position:absolute; left:0; top:51px; width:497px; border:1px solid #d6d7dc; background: #fff; z-index: 11;display: none;} .help-search li{ line-height: 30px; padding:0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .help-search li:hover{ background: #ebebeb;} .help-search li a{ color: #666; margin-left: 0;} .help-search li:hover a{ color: #fcc836;} .help-search .ico-api{ background-position: -99px 0;} .help-search .ico-order{ background-position: -136px 0;} .help-searchHot{ margin:6px auto 0; width: 811px;} .help-searchHot a{ color: #fff; margin-right: 18px;} .help-main{ padding: 20px 0 90px; } .help-side{ width: 180px; border:1px solid #b2acaa; border-radius:5px; text-align: center; padding-bottom: 40px;} .help-side h2{ line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #b2acaa;} .help-search dl{ text-align: center;} .help-side dt{ padding-top: 20px; font-size: 16px; color: #323232; position: relative; cursor: pointer;} .help-side dt span{ display: block; width:10px; height: 6px; background: url(img/sprite.png) no-repeat -158px 0; transition: all 0.2s linear 0s; position:absolute; right:16px; top:27px;} .help-side .current span{ transform: rotate(180deg);} .help-side dd{ padding:10px 0 0px; display: none;} .help-side a{ border-left: 5px solid #fff; line-height: 20px; margin-bottom: 10px;display: block;color: #808080;} .help-side a:hover,.help-side a.current{ border-left-color: #f6cc58;color: #f6cc58;} .help-side ul{ padding-top: 10px; font-size: 16px;} .help-side li{ margin-bottom: 20px;} .help-side li a{ margin:0;} .help-content{ width:944px;border:1px solid #b2acaa; border-radius:5px; padding:30px; color: #323232;} .help-content .tit{ border-bottom: 1px dashed #ccc; padding-bottom: 8px;} .help-content .tit span{ margin-right: 28px; font-size: 12px;} .help-content .label{ font-size: 12px; padding-top: 5px;} .help-content .tit a{ color: #5f3d3c; margin-right: 10px;} .help-content .share{ display: inline-block; vertical-align: middle;} .help-content .cont{ padding:15px 0 47px;border-bottom: 1px dashed #ccc;} .help-content h3{ font-size: 24px; padding-bottom: 24px;} .help-content p{ line-height: 25px;} .help-content .bottom{ padding-top: 40px;} .help-content .bottom a{ display: inline-block; padding:0 10px; height: 26px; text-align: center; line-height: 26px; border:1px solid #403531; color: #403531; background: #fff; margin:0 30px 0 0;} .help-content .bottom a:hover,.help-content .bottom a.current{ background: #403531; color: #fff;} .help-content .bottom span{ font-size: 12px; padding-left: 2px;} .help-content .sorry{ display: none;} .help-content .sorry p{ padding-bottom: 12px;} .help-content .sorry label{ padding:0 30px 0 5px;} .help-content .textarea{ width: 796px; height: 80px; resize: none; border:1px solid #ccc; border-radius:5px; padding:5px; margin:5px 0;} .help-content .submit{ width:180px; height: 30px; border-radius:5px; background: #493c34; border:0 none; text-align: center; line-height: 30px; color: #fff; cursor: pointer;} .help-content ul{ overflow: hidden;} .help-content li{ line-height: 39px; border-bottom: 1px dashed #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .help-content li a{ color: #808080;} .help-content li a:hover{ color: #f6cc58;} .help-content .reading h3{ font-size: 16px; color: #323232; padding:20px 0 10px 0;} .help-content .reading p{ padding:0 0 5px 0;} .help-content .reading a{ color: #542413;} .help-content .null-box{ margin:100px auto 150px; width:310px;text-align: center;} .help-content .null-box a{ display: block; width:150px; height: 30px; line-height: 28px; background: #f8bb46; color: #fff; border-radius:4px; -webkit-border-radius:4px; margin:10px auto 0;} /*云解析*/ .cloud-banner{ height: 300px; background-image: url(img/cloud_banner.jpg); color: #fff; font-size: 16px; line-height: 32px;} .cloud-step{ padding-top: 55px; color: #4d4d4d;} .cloud-step h2,.cloud-advantage h2{ font-size: 26px; color: #4d4d4d; text-align: center; padding-bottom: 80px;} .cloud-step p{ line-height: 102px; overflow: hidden;} .cloud-step strong{ font-weight: normal; vertical-align: middle;*float:left;} .cloud-step span{ display: inline-block; width:102px; height: 102px; vertical-align: middle; background-image: url(img/sprite.png); background-repeat: no-repeat; text-align: center; text-indent: -999em; margin-right:5px;*float:left;} .cloud-step .first-setp{ background-position: 0px -60px;} .cloud-step .second-setp{ background-position: -102px -60px;} .cloud-step .third-setp{ background-position: -204px -60px;} .cloud-step i{ display: inline-block; width:123px; height: 30px; vertical-align:middle; background: url(img/sprite.png) no-repeat -41px -25px; margin:0 25px;*float:left;*margin-top:35px;} .cloud-step .btn{ text-align: center; padding-top: 67px;} .cloud-step a{ display: inline-block; width:120px; height: 38px; border:1px solid #f4c329; font-size: 16px; color: #f4c329; text-align: center; line-height: 38px; border-radius:50px;} .cloud-step .use{ margin-right:20px;} .cloud-advantage{ padding-top: 150px; color: #9a9a9a;} .cloud-advantage h2{ padding-bottom: 42px;} .cloud-advantage ul{ overflow: hidden;margin-left: -48px;} .cloud-advantage li{ width: 200px; height: 313px; float: left; margin-left: 48px; display: inline;} .cloud-advantage h3{ font-size: 18px; color: #4d4d4d; position: relative; padding:12px 0 26px 70px; border-bottom: 1px solid #9a9a9a; margin-bottom: 18px;} .cloud-advantage span{ display:block; width:58px; height: 62px; border-bottom: 1px solid #f4c22b; position: absolute; left:0; top:0; background-image: url(img/sprite.png); background-repeat: no-repeat;*height:61px;} .cloud-advantage .ico-node{ background-position: 5px -162px;} .cloud-advantage .ico-line{ background-position: -57px -162px;} .cloud-advantage .ico-stable{ background-position: -114px -164px;} .cloud-advantage .ico-safe{ background-position: -172px -162px;} .cloud-advantage .ico-fast{ background-position: -224px -162px;} .cloud-advantage p{ line-height: 24px;} .cloud-function{ width:100%;} .cloud-function li{ height: 294px; background-position: center 0; background-repeat: no-repeat;} .cloud-function .li1{ background-image: url(img/cfunction_bg1.jpg);} .cloud-function .li2{ background-image: url(img/cfunction_bg2.jpg);} .cloud-function .li3{ background-image: url(img/cfunction_bg3.jpg);} .cloud-function .li4{ background-image: url(img/cfunction_bg4.jpg);} .cloud-function h3{ font-size: 22px; color: #1c1c1c; padding:100px 0 14px; font-weight: bold;} .cloud-function p{ font-size: 16px; color: #1c1c1c; line-height: 28px;} .cloud-function .master{ width:525px; padding-left: 675px; margin:0 auto;} .cloud-function .li2 .master,.cloud-function .li4 .master{ width:380px; padding:0 820px 0 0;} .cloud-function .li4 h3,.cloud-function .li4 p{ color: #fff;} /*51监控*/ .monitoring{ padding: 76px 0 100px 0; color: #4d4d4d; text-align: center;} .monitoring h2{ font-size: 26px; color: #4d4d4d; text-align: center; padding-bottom: 50px;} .monitoring h3{ font-size: 16px; color: #866458; font-weight: bold;} .monitoring span{ display: block; width:70px; height: 68px; margin:0 auto; background-image: url(img/sprite.png); background-repeat: no-repeat;} .monitoring .span1{ background-position: 0px -224px;} .monitoring .span2{ background-position: -70px -222px;} .monitoring .span3{ background-position: -140px -224px;} .monitoring .span4{ background-position: -210px -224px;} .monitoring .span5{ background-position: 0px -288px;} .monitoring .cycle{ position: relative; height: 730px;} .monitoring dt{ position:absolute; left:50%; top:50%; font-size:16px; color: #866458; font-weight: bold; margin:-68px 0 0 -92px;} .monitoring dt span{ width:137px; height: 108px; background-position: -70px -292px;} .monitoring dd{ width:172px; height: 212px; position:absolute; left:50%; top:50%;} .monitoring dd i{ display:block; position: absolute;} .monitoring .dd1{ margin:-356px 0 0 -86px;} .monitoring .dd1 i{ width:178px; height: 128px; background: url(img/arrow_1.png); left: 165px; top:60px;} .monitoring .dd2{ margin:-162px 0 0 206px;} .monitoring .dd2 i{ width:72px; height: 198px; background: url(img/arrow_2.png); left: 26px; top:170px;} .monitoring .dd3{ margin:187px 0 0 84px;} .monitoring .dd3 i{ width:213px; height: 40px; background: url(img/arrow_3.png); left: -210px; top:100px;} .monitoring .dd4{ margin:197px 0 0 -292px;} .monitoring .dd4 i{ width:72px; height: 146px; background: url(img/arrow_4.png); left: -28px; top:-150px;} .monitoring .dd5{ margin:-138px 0 0 -394px;} .monitoring .dd5 i{ width:187px; height: 159px; background: url(img/arrow_5.png); left: 116px; top:-164px;} .monitoring .icon{ width:122px; height: 110px; border-radius:50%; background: #fef8ec; margin:0 auto; padding-top: 12px;} .monitoring p{ line-height: 18px; padding-top: 9px;} .monitoring .btn{ display: block; width:120px; height: 38px; border:1px solid #f4c329; font-size: 16px; color: #f4c329; text-align: center; line-height: 38px; border-radius:50px; margin:80px auto 0;} /*域名劫持监控*/ .hijack-fixed{ position: fixed; left:0; top:0; width: 100%;} .monitor-banner{ background-image: url(img/monitoring_banner.jpg); font-size: 14px; color: #fff; height: 300px;} .monitor-banner h2{ font-weight: bold; font-size: 22px; padding: 84px 0 4px; line-height: 30px;} .monitor-banner p{line-height: 25px;} .monitor-banner .btn{ display: inline-block; vertical-align: middle; width:102px; height: 32px; text-align: center; line-height: 32px; color: #fff; border:1px solid #fff; border-radius: 50px; margin: 30px 33px 0 0;} .monitor-banner .btn:hover{ background: #fff; color: #08a8ff;} .hijack-monitor{ color: #4C4C4C;} .hijack-monitor h2{ line-height:46px; font-size: 25px; color: #010101; padding:76px 0 54px; text-align: center; position: relative;} .hijack-tab{ height: 50px; border-bottom: 1px solid #f0f0f0; background: #fff; z-index: 11;} .hijack-tab ul{ width:1200px; margin:0 auto; overflow: hidden;} .hijack-tab li{ float: left; width:16.6%; height: 49px; line-height: 49px; border-bottom: 2px solid transparent; margin-bottom: -1px; text-align: center; color: #4d4d50; cursor: pointer;} .hijack-tab li.current{ color: #f4ad29; border-bottom-color: #f4c22b;} .hijack-overview ul{ height:668px; background: url(img/hijack_overview_bg.png) no-repeat center 68px; position: relative;} .hijack-overview li{ position: absolute; left:50%; top:50%; font-size: 14px; color: #3f3f3f;} .hijack-overview h3{ font-size: 16px; color: #674a3f; line-height: 30px; padding-bottom: 3px; font-weight: bold;} .hijack-overview p{ line-height: 24px; text-align: left; white-space: nowrap;} .hijack-overview .li1{ text-align: right; margin:-268px 0 0 -518px;} .hijack-overview .li2{ margin:-268px 0 0 194px;} .hijack-overview .li3{ text-align: right; margin:16px 0 0 -496px;} .hijack-overview .li4{margin:16px 0 0 285px;} .hijack-overview .li5{ text-align: center; margin:268px 0 0 -176px;} .hijack-features p{ line-height: 30px; text-align: center;} .hijack-features .node-map{width:1200px; height: 350px; margin:40px auto;display:flex;} .hijack-features .node-map .node-map-l {flex:1;margin: 0 5%;} .hijack-scene p{ text-align: center; line-height: 30px;} .hijack-price .hp-pro {margin-left: -5px;font-size: 0;text-align: center;} .hijack-price .hp-pro li{ margin-left: 40px;width: 351px;border: 1px solid #e6e6e6;color: #000;font-size: 14px;display: inline-block;text-align: left;position: relative;} .hijack-price .hp-pro li .hpp-link {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 2;} .hijack-price .hp-pro h3{ line-height: 64px; font-size: 16px; color: #666666; font-weight: bold; text-align: center;} .hijack-price .hp-pro .hpp-pin {width: 285px;border-bottom: 1px dashed #ccc;padding: 16px 0 22px;margin: 0 auto;text-align: center;font-size: 20px;color: #666; } .hijack-price .hp-pro .hpp-text {padding: 20px 0 0;line-height: 22px;text-align: center; font-size: 14px;color:#666;} .hijack-price .hp-pro .hpp-money {font-size: 14px;text-align: center;margin: 15px 0 0;color:#666;} .hijack-price .hp-pro .hpp-money em {font-size: 26px;} .hijack-price .hp-pro .btn{ margin:9px auto 30px; width:180px; height: 36px; text-align: center; line-height: 36px; background: #ffd52b; color: #fff; font-size: 16px; display: block;} .hijack-scene .colud_head_t {height: 515px;background: url('img/colud_head_b.png') center 0 no-repeat;position: relative;} .hijack-scene .colud_head_t > li {position: absolute;width: 230px;color:#4c4c4c;font-size: 16px;} .hijack-scene .colud_head_t > li:nth-child(1){top: 22px; left: 649px;} .hijack-scene .colud_head_t > li:nth-child(2){top: 125px;left: 242px;} .hijack-scene .colud_head_t > li:nth-child(3){top: 261px;left: 127px;} .hijack-scene .colud_head_t > li:nth-child(4){top: 406px;left: 151px;} .hijack-scene .colud_head_t > li:nth-child(5){top: 467px;left: 649px;} .hijack-scene .colud_head_t > li:nth-child(6){top: 340px;left: 885px;} .hijack-scene .colud_head_t > li:nth-child(7){top: 220px;left: 945px;} .hijack-scene .colud_head_t > li:nth-child(8){top: 98px;left: 896px;} .hijack-partners ul{ overflow: hidden; margin-left: -16px;} .hijack-price .hp-pro .kuaisu {position: relative; border-color: #f0d76f;} .hijack-price .hp-pro .gaosu {position: relative; border-color: #f4c573;} .hijack-price .hp-pro .jisu {position: relative; border-color: #f19b55;} .hijack-price .hp-pro .kuaisu h3 {background-color: #fffae3;} .hijack-price .hp-pro .gaosu h3 {background-color: #fdf3e3;} .hijack-price .hp-pro .jisu h3 {background-color: #f9d3b4;} .hijack-price .hp-pro .kuaisu .hpp-money em {color: #edcd48;} .hijack-price .hp-pro .gaosu .hpp-money em {color: #eda11e;} .hijack-price .hp-pro .jisu .hpp-money em {color: #f19952;} .hijack-price .hp-pro .kuaisu .btn {background-color: #f0d66d;} .hijack-price .hp-pro .gaosu .btn {background-color: #f4c471;} .hijack-price .hp-pro .jisu .btn {background-color: #f3a25a;} .hijack-price .hp-pro li:hover{-webkit-transform: scale(1.15);transform: scale(1.15);} .hijack-price .hp-pro li:hover h3 {color: #fff;} .hijack-price .hp-pro .kuaisu:hover h3{background-color: #f0d66d;} .hijack-price .hp-pro .gaosu:hover h3{background-color: #f4c471;} .hijack-price .hp-pro .jisu:hover h3{background-color: #f3a25a;} .hijack-partners li{ float: left; width:184px; height: 70px; text-align: center; line-height: 70px; border:1px solid #ebebeb; margin:0 0 16px 16px;} .hijack-document ul{ overflow: hidden; margin-left: -118px;} .hijack-document li{ float: left; width:194px; margin-left: 233px; font-size: 12px; color: #4c4c4c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .hijack-document h3{ font-weight: bold; line-height: 18px; padding-bottom: 10px;} .hijack-document a{ line-height: 22px; color: #4c4c4c;} .speed-banner{ background-image: url(img/speed_banner.jpg); font-size: 14px; color: #836155; height: 300px;} .speed-banner .btn{ display: inline-block; vertical-align: middle; width:102px; height: 32px; text-align: center; line-height: 32px; color: #836155; border:1px solid #836155; border-radius: 50px; margin: 30px 33px 0 0;} .speed-banner .btn:hover{ background: #836155; color: #f2d166;} .speed-overview ul{ overflow: hidden; margin-left: -28px;} .speed-overview li{ float: left; width:277px; height: 215px; border:1px solid #e4e4e4; text-align: center; margin-left: 28px; display: inline; font-size: 14px; color: #4c4c4c;} .speed-overview li span{ display: block; width:82px; height: 68px;background-image: url(img/speed_icon.png); background-repeat: no-repeat; margin:27px auto 0;} .speed-overview li .icon1{ background-position: 0 0;} .speed-overview li .icon2{ background-position: 0 -68px;} .speed-overview li .icon3{ background-position: 0 -136px;} .speed-overview li .icon4{ background-position: 0 -204px;} .speed-overview li h3{ line-height: 34px; padding:10px 0 2px; font-size: 18px; color: #98776b;} .speed-overview li p{ line-height: 22px;} .speed-domain{ height: 300px; background: url(img/cs_banner.jpg) no-repeat center 0 #e5d1db; color: #8e3d34;} .speed-search{ margin:0 auto; padding-top: 50px; width:685px; position: relative;} .speed-search label{ display: inline-block; vertical-align: middle; padding-right: 15px;} .speed-search .text{ vertical-align: middle; width:580px; height: 50px; padding:0 10px; line-height: 50px; background: #fff; border:0 none; border-radius:5px;} .speed-search ul{ position:absolute; left:74px; top:100px; border:1px solid #d6d7dc; background: #fff; border-radius:0 0 5px 5px; width:600px;} .speed-search li{ line-height: 30px; padding:0 10px; cursor: pointer;} .speed-search li:hover{ background: #ebebeb;} .speed-package{ width:1200px; margin:0px auto;} .speed-package table{ border-collapse:collapse; border:1px solid #e0e1e5; background: #fff; width: 100%; color: #323232;} .speed-package td,.speed-package th{ border-left:1px dashed #e0e1e5; padding:16px 4%; text-align: center;} .speed-package .zengzhi td,.speed-package .zengzhi th{ padding:18px 0.5% 18px 1%; text-align: left; border: none;} .speed-package .zengzhi td:last-child,.speed-package .zengzhi th:last-child{ text-align: right; padding-right: 32px;} .zengzhi02{ padding-top: 40px; padding-right: 32px;} .zengzhi04{ text-align: right; width: 140px; display: inline-block; line-height: 38px;} .zengzhi03{ text-align: right;} .zengzhi03 span{ text-align: right; color: #F23C3C; } .speed-package td.har1{ padding:28px 5%;} .speed-package tr:nth-child(2n-1){ background: #f8f8f8;} .speed-package tr th.font16{ font-size: 16px;} .speed-package b{ margin: 2px 0; font-size: 26px; font-weight: 500; color: #F23C3C; } .speed-package b span{ font-size: 14px; font-family: pingfang SC,微软雅黑; } .ad202011{ background: url(img/i202013.png) no-repeat; background-size: 100%; display: inline-block; width: 50px; text-align: center; color: #fff; font-size: 12px; line-height: 20px; position: relative; top: 0; margin-left: 5px;} .speed-package .btn{ position: relative; display: block; margin: 0 auto; width: 118px; height: 34px; line-height: 34px; font-size: 14px; text-align: center; border-radius: 30px; } .speed-package .btn.on{ float: inherit; border: 1px solid #e4e4e4; color: #444; background: #fff;} .butwotoone-out .butwotoone span{ height: 20px; line-height: 20px; background-color: #fb8337; border-radius: 4px; } .butwotoone-out .butwotoone{ top: -20px;} .butwotoone span:after{ content: ''; display: inline-block; position: absolute; border-top: 3px solid #fb8337; border-bottom: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -6px; left: 10px; } .table-tit .butwotoone-out p{ margin: 14px 0;} /*解决方案*/ .solution-banner{height: 300px; background-image: url(img/solution_banner.jpg); color: #fff; font-size: 16px; line-height: 24px;} .hybrid-banner{height: 300px; background-image: url(img/hybrid_banner.jpg); color: #4c4c4c; font-size: 16px; line-height: 24px;} .solution{ font-size: 16px; color: #9a9a9a;} .solution h2{ font-size: 30px; color: #4c4c4c; padding:55px 0 45px; text-align: center;} .solution h3{ padding-bottom: 20px; font-size: 22px; color: #4c4c4c;} .solution-expedite{ overflow: hidden;} .solution-expedite ul{ overflow: hidden; margin-left: -15px;} .solution-expedite li{ margin-left:15px; float: left; width:388px; height: 432px; border:1px solid #e4e4e4; background: #fff; text-align: center; overflow: hidden;} .solution-expedite .img{ padding-top: 42px; height: 108px;} .solution-expedite p{ line-height: 36px;} .solution-attack{ text-align: center; padding-bottom: 110px;} .solution-attack img{ margin:0 auto; display: block; margin-top: 60px;} .solution-hosting{ overflow: hidden;} .solution-hosting ul{ overflow: hidden; margin-left: -55px;} .solution-hosting li{ float: left; width:350px; height: 353px; margin-left:55px; overflow: hidden;} .solution-hosting dl{ overflow: hidden; height: 124px; margin-bottom: 15px; background: #f8f9fb;} .solution-hosting dt{ float: left; width: 186px; height: 124px;} .solution-hosting dd{ height: 100%;} .solution-hosting dd span{ display: table; height: 100%;} .solution-hosting dd b{ display: table-cell; vertical-align: middle; font-size: 18px; color: #836155; line-height: 24px;} .solution-hosting p{ font-size: 16px; color: #9a9a9a; line-height: 28px;} .solution-data{ position: relative; margin-bottom: 170px; color: #4c4c4c;} .solution-data img{ display: block; margin:6px 0 0 148px;} .solution-data ul{ position: absolute; right:127px; bottom:0;} .solution-data li{ position: relative; padding-left:17px; line-height: 30px;} .solution-data li:before{ position: absolute; left:0; top:12px; content: ''; width:6px; height: 6px; border-radius:50%; background: #cdd5d8;} .solution-deploy{ text-align: center; padding-bottom: 107px;} .solution-maintain{ text-align: center; padding-bottom: 180px;} .solution-maintain img{ display:inline-block; margin-top: 40px;} .solution-user h2{ padding:55px 0 36px;} .solution-user ul{ overflow: hidden; margin-left: -17px;} .solution-user li{ float: left; width:133px; height: 71px; text-align:center; line-height: 71px; border:1px solid #e4e4e4; background: #fff; margin-left: 17px; display: inline;} .solution-user .apply{ display: block; width:122px; height: 40px; text-align: center; line-height: 40px; border-radius:50px; background: #f4c329; color: #fff; margin:93px auto 95px;} /*url转发*/ .url-banner{height: 300px; background-image: url(img/url_banner.jpg); color: #fff; font-size: 16px; line-height: 24px; color: #836155;} .ui-url li{ width:100%; height: 409px; background: #fff; color: #4c4c4c;} .ui-url .li2,.ui-url .li4{ background: #f3f3f3;} .ui-url .master{ width:618px; margin:0 auto; padding:0 0 0 582px; height: 100%;} .ui-url h3{ font-weight: bold; padding:172px 0 10px; font-size: 22px;} .ui-url .li2 .master,.ui-url .li4 .master{ padding:0 740px 0 0; width:460px; text-align: right;} .ui-url .li1 .master{ background:url(img/url_icon1.png) no-repeat 154px 55px;} .ui-url .li2 .master{ background:url(img/url_icon2.png) no-repeat 642px 65px;} .ui-url .li3 .master{ background:url(img/url_icon3.png) no-repeat 220px 75px;} .ui-url .li4 .master{ background:url(img/url_icon4.png) no-repeat 616px 65px;} .ui-url .btn{ display: block; margin:34px auto 40px; width:122px; height: 40px; line-height: 40px; text-align: center; background: #f4c329; border-radius:50px; font-size: 16px; color: #fff;} /*自定义ns*/ .ns-banner{height: 300px; background-image: url(img/ns_banner.jpg); color: #fff; font-size: 16px; line-height: 24px; color: #fff;} .ui-ns{ color: #4c4c4c; font-size: 16px; text-align: center; width:1200px; margin:0 auto;} .necessary{ height:245px; padding:100px 0 162px 620px; background: url(img/ns_icon1.png) no-repeat 216px 100px; text-align: left;} .necessary h3{ font-size: 18px; font-weight: bold; padding:68px 0 14px;} .necessary p{ line-height: 25px;} .ui-ns dl{ padding-top:194px;width:530px; margin:0 auto;} .ui-ns dt{ font-size: 30px; padding-bottom: 78px;} .ui-ns dd{ position: relative; margin:0 0 108px 33px; border-left:60px solid #efefef; background: #f7f7f7; height: 178px;} .ui-ns dd span{ position:absolute; display: block; width:66px; height: 66px; left:-96px; top:56px;} .ui-ns dd .icon{ text-align: center; padding:24px 0 16px;} .ui-ns dd h3{ font-weight: bold; font-size: 18px;} .ui-ns dd b{ position: absolute; left:203px; top:198px; display: block; width:30px; height: 67px; background: url(img/ns_jt.png) no-repeat;} .ui-ns .btn{ display: block; margin:0 auto; width:122px; height: 40px; line-height: 40px; text-align: center; background: #f4c329; border-radius:50px; font-size: 16px; color: #fff;} /*下载中心*/ .ui-download{ overflow: hidden; color: #fff; font-size: 18px;} .ui-download h2{ font-size: 50px; font-weight: bold; padding-bottom: 30px;} .ui-download h3{ font-size: 30px; padding-bottom: 20px;} .ui-download p{ line-height: 32px;} .ui-download .downloadBtn{ display: block; width:240px; height: 60px; line-height: 60px; background:rgba(255,255,255,0.65); font-size: 20px; color: #4b3c34; border-radius:5px; margin-bottom: 10px;} .ui-download span{ float:left;width:30px; height: 60px; vertical-align: middle; background-image: url(img/sprite.png); background-repeat: no-repeat; margin-left: 24px;} .ui-download .ico-local{ background-position: -168px 13px; margin-right: 23px;} .ui-download .ico-ios{ background-position:-199px 10px; margin-right: 33px;} .ui-download .ico-android{ background-position: -229px 10px; margin-right: 16px;} .ui-download .downloadBtn:hover{ background:rgba(75,60,52,0.35); color: #fff;} .ui-download .downloadBtn:hover .ico-ios{ background-position:-289px 10px; margin-right: 33px;} .ui-download .downloadBtn:hover .ico-android{ background-position: -319px 10px; margin-right: 16px;} .ui-download .downloadBtn:hover .ico-local{ background-position: -259px 13px; margin-right: 23px;} .ui-download .disabled,.ui-download .disabled:hover{background: #ababab; cursor: default; color: #e5e5e5;} .ui-download .disabled span,.ui-download .disabled:hover span{ opacity:0.8; filter:alpha(opacity=80);} .ui-download .disabled .ico-ios,.ui-download .disabled:hover .ico-ios{ background-position:-289px 10px; margin-right: 25px;} .ui-download .disabled .ico-android,.ui-download .disabled:hover .ico-android{ background-position: -319px 10px; margin-right: 25px;} .ui-download .disabled .ico-local,.ui-download .disabled:hover .ico-local{ background-position: -259px 13px; margin-right: 23px;} .downloadBg1{ background: url(img/download_bg1.jpg) no-repeat center 0;} .downloadBg2{ background: url(img/download_bg2.jpg) no-repeat center 300px;} .downloadBg3{ background: url(img/download_bg3.jpg) no-repeat center 600px;} .downloadBg4{ background: url(img/download_bg4.jpg) no-repeat center 900px;} .downloadBg5{ background: url(img/download_bg5.jpg) no-repeat center 1200px;} .download-app{ padding:154px 0 0 714px; background: url(img/app_bg.png) no-repeat 85px 214px; width:486px; height: 640px;} .download-app dl{ overflow: hidden; padding-top: 50px;} .download-app dt{ float: left; padding:5px 10px 0 0;} .download-app dd{ float: left;} .download-pc{ padding:160px 0 0 714px; background: url(img/pc_bg.png) no-repeat 72px 165px; width: 486px; height: 390px;} .ui-download .download-pc .downloadBtn{ margin-top: 35px;} /*新闻公告*/ .news-content{ width:944px;border:1px solid #b2acaa; border-radius:5px; padding:30px; color: #323232; color: #323232;} .news-list li{ border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: right; overflow: hidden; position: relative;} .news-list a{ color: #000; width:815px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; float: left;} .news-list a:hover{ color: #f6cc58;} .news-list span{ position: relative; right:0; top:0; color: #8c8c8c;} /*申请合作*/ .cooperation{ margin:50px auto 85px; width:1198px; border:1px solid #b2acaa; border-radius:4px; color: #323232; font-size: 16px; padding-bottom: 80px;} .cooperation h2{ padding:40px 0 94px; text-align: center; font-size: 30px; color: #323232;} .cooperation li{ overflow: hidden; padding-bottom: 25px;} .cooperation .li1{ padding-top: 25px;} .cooperation .label{ float: left; width:230px; text-align: right; padding-right: 5px;} .cooperation .text{ float: left; width:308px; height: 26px; line-height: 26px; border:1px solid #d6d7dc; border-radius:4px; padding:0 10px;} .cooperation .textarea{ float: left;border:1px solid #d6d7dc; border-radius:4px; padding:5px; width: 794px; height: 145px; resize: none;} .cooperation .submit{ width: 180px; height: 30px; text-align: center; line-height: 30px; border:0 none; border-radius:4px; background: #493c34; color: #fff; cursor: pointer; margin-left:237px;} /*404*/ .error404{ width:600px; margin:0 auto; padding:154px 0 154px 600px; background: url(img/404.png) no-repeat 140px 105px;color: #9a9a9a;} .error404 h2{ font-size: 26px; color: #4c4c4c; padding-bottom: 20px;} .error404 p{ line-height: 26px;} .error404 .btn{ padding-top: 18px; line-height: 40px;} .error404 a{ color: #9a9a9a; font-size: 16px; text-decoration: underline;} .error404 .prev{ text-decoration: none; display: inline-block; margin-right: 22px; vertical-align: middle; width:113px; height: 38px; text-align: center; line-height: 38px;border:1px solid #f4c329; border-radius:50px; color: #f4c329;} .error500{background: url(img/500.png) no-repeat 140px 105px;padding:186px 0 154px 600px;} .error500 h2{ padding-bottom: 4px;} /*分页*/ .paging{padding:17px 0 50px; height: 28px;} .paging ul{ float: right; overflow: hidden; border:1px solid #ededed; border-radius:4px; margin-right: 20px; display: inline;} .paging li{ float: left; line-height: 26px; border-left: 1px solid #ededed; margin-left: -1px;} .paging li a{ display: block; padding:0 10px; color: #666;} .paging li a.current{ color: #f6cc58;} .paging li a.prev,.paging li a.next{ letter-spacing:-4px} .paging dl{ float: right; position: relative; font-size: 12px; color: #4c4c4c;} .paging dt{ width:72px; line-height: 26px;border:1px solid #ededed; border-radius:4px; padding-right: 22px; text-align: center; position: relative;} .paging dt span{ position: absolute; right:0; top:0; width:21px; border-left: 1px solid #ededed; height: 26px;} .paging dt b{ font-weight:normal;} .paging dd{ position:absolute; left:0; bottom:28px;border:1px solid #ededed; border-radius:4px; padding:5px 0; width:93px; background: #fff; z-index: 111; display: none;} .paging dd a{ display: block; padding-left: 14px; color: #4c4c4c; line-height: 26px;} .paging dd a:hover{ color: #fff; background: #505050;} .paging dl:hover dd{ display: block;} /*关于我们*/ .aboutus-banner{height: 300px; background-image: url(img/aboutus_banner.jpg); color: #836155; font-size: 16px; line-height: 32px;} .aboutus-banner ul{ width:1200px; margin:0 auto;} .aboutus-banner li{ display: none;} .aboutus-banner .on{ display: block;} .ui-about{ padding:45px 0 40px 40px;} .ui-about p{ padding-bottom:32px; font-size:14px;line-height:22px; text-indent:2em;} .ui-about .p1{ text-align:center; text-indent:0;} .ui-about .p1 img{ max-width:902px;} .about-box{ width:902px; font-size:14px; color:#666; margin-right:62px; display:inline;} .about-box h2{ font-weight:bold; font-size:22px; color:#83675a; padding-bottom:28px;} .about-nav{ width:175px; margin:0 0 40px 20px;} .about-nav dd{ border-left:2px solid #fff; height:35px; line-height:35px; padding-left:15px; color:#83675a; cursor:pointer; position:relative; font-weight:normal; margin:0px 0 8px; font-size:14px;} .about-nav dd a{ color:#83675a;} .about-nav .current{ border-left-color:#e9c46d; font-weight:bold;} .about-content{ display:none;} .about-box .on{ display:block;} .about-info{ color:#666;} .about-info h3{ font-size:16px; color:#666; font-weight:bold;} .about-info p{ text-indent:0;line-height:30px; font-size:16px; font-family:'宋体'; padding-bottom:22px;} .about-contact{ color:#666; font-size:14px; font-family:'宋体';} .about-contact li{ background-image:url(img/contact_bg.png); background-repeat:no-repeat; line-height:30px; margin-bottom:2px; padding-left:33px;} .about-contact .li1{ background-position:0px 8px;} .about-contact .li2{ background-position:0px -22px;} .about-contact .li3{ background-position:0px -51px;} .about-contact .li4{ background-position:0px -82px; position:relative;} .about-contact .li4 iframe{ position:absolute; left:95px; top:0; width:92px; opacity:0; filter:alpha(opacity=0);} .about-contact .li5{ background-position:0px -151px;} .ui-course{ position:relative; padding:27px 0;} .ui-course .vertical{ position:absolute; left:45%; top:0; width:2px; height:100%; background:#d1d1d1; z-index:1;} .ui-course ul{ position:relative; z-index:11;} .ui-course li{overflow:hidden; margin-bottom:65px; font-size:14px; height:27px;} .ui-course li span{ vertical-align:middle;} .ui-course li .time{ display:inline-block; width:118px; height:25px; text-align:center; line-height:25px; background:#e9c46d; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#fff; vertical-align:middle; border-radius:46px; font-weight:bold;} .ui-course li i{ position:absolute; display:block; border-bottom:1px dashed #d1d1d1; width:87px; height:0; top:12px;*top:20px;} .ui-course li b{ color:#e9c46d; font-size:27px; vertical-align:middle; display: inline-block; height:20px; line-height: 15px;} .ui-course .li1{ padding-left:345px; text-align:left;} .ui-course .li1 i{ left:122px;} .ui-course .li1 b{ padding:0 8px 0 96px;} .ui-course .li2{ padding-right:440px; text-align:right;} .ui-course .li2 i{ right:122px;} .ui-course .li2 b{ padding:0 96px 0 8px;} .ui-course .li3{ margin-bottom:28px;} .ui-course li a{ display:block; position:relative; color:#666; height:25px; line-height:25px; transition:all 0.2s linear 0s;} .ui-course li a:hover .time,.ui-course li a.current .time{ background:#e9c46d;} .ui-course li a:hover b,.ui-course li a.current b{ color:#e9c46d;} .customer-case{ overflow: hidden;} .customer-case h2{ padding-bottom: 0;} .customer-case ul{ overflow: hidden;} .customer-case li{ width:100%; padding:45px 0; border-top: 1px solid #e1e1e1; margin-top: -1px;} .customer-case .li1 dl{ overflow: hidden; padding:0; margin-left: -35px;} .customer-case .li1 dd{ float: left; width:150px; height: 71px; text-align:center; line-height: 71px; border:1px solid #e4e4e4; background: #fff; margin:0 0 17px 35px; display: inline;} .customer-case dl{ position: relative; padding-left: 208px;} .customer-case dt{ position: absolute; left:0; top:0; height: 100%; line-height: 100%; background: #f9f9f9; width:176px; text-align: center;} .customer-case dt span{ display: table; width: 100%; height: 100%;} .customer-case dt b{ display: table-cell; vertical-align: middle;} .customer-case dt img{ vertical-align: middle;} .customer-case dd{ font-size: 14px; color: #9a9a9a;} .customer-case dd h3{ font-size: 16px; color: #4c4c4c; padding-bottom: 5px; font-weight: bold;} .customer-case dd p{ line-height: 20px; text-indent: 0; padding-bottom: 0;} /*加入我们*/ .recruitment-banner { width: 100%; height: 377px; text-align: center; background:#f6f6f6 ; } .recruitment-banner img { width: 1212px; height: 377px; } .list-pic { width: 947px; margin: 55px auto 0px; height: 165px; overflow: hidden; position: relative; } .list-pic ul { overflow: hidden; margin-left: -21px; position: absolute; left: 0px; top: 0px; } .list-pic li { float: left; width: 220px; margin-left: 21px; } .list-pic .yxmt { float: left; } .list-pic .yxmt img { width: 220px; height: 165px; } .recruitment { width: 947px; margin: 0px auto; padding: 156px 0px 70px; overflow: hidden; font-size: 14px; color: rgb(102, 102, 102); position: relative; } .recruitment-nav { overflow: hidden; position: absolute; left: 0px; top: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 55px 0px; border-bottom: 1px solid rgb(245, 245, 245); width: 947px; z-index: 99; } .recruitment-nav ul { overflow: hidden; margin-left: -11px; } .recruitment-nav li { float: left; margin-left: 11px; } .recruitment-nav a { float: left; width: 106px; height: 43px; border: 1px solid rgb(245, 245, 245); text-align: center; line-height: 43px; color: rgb(102, 102, 102); font-size: 14px; display: inline; } .recruitment-nav a:hover, .recruitment-nav li.current a { background: rgb(155, 118, 102) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .recruitment-box { margin-bottom: 53px; border-top: 1px solid rgb(245, 245, 245); line-height: 33px; position: relative; } .recruitment-box h2 { font-size: 28px; padding: 56px 0px 22px; } .recruitment-box h3 { font-weight: bold; font-size: 14px; } .recruitment-box i { position: absolute; left: 0px; top: -140px; display: block; width: 10px; height: 10px; } .recruitment-box a { position: absolute; right: 0px; bottom: 0px; padding: 0px 10px; border: 1px solid rgb(154, 118, 102); color: rgb(154, 118, 102); font-size: 12px; } .recruitment-box a:hover { background: rgb(245, 201, 80) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-color: rgb(245, 201, 80); } .recruitment-tip { background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(154, 118, 102); margin-top: 125px; padding: 30px 64px; } .recruitment-fixed{ position: fixed; left:50%; top:0; margin-left: -474px;} /*购买页*/ .ui-buy{ padding:62px 0 100px; color: #474747;} .ui-buy h2{ overflow: hidden; line-height: 38px;} .buy-config{ width:842px;} .buy-version{ border:1px solid #e0e1e5; margin-bottom: 20px; overflow: hidden; padding:20px 0 10px 20px;} .buy-version ul{ overflow: hidden; margin-bottom: 5px;} .buy-version li{ width:159px; height: 40px; text-align: center; line-height: 40px; margin-right: 1px; background: #e6e6e6; float: left; cursor: pointer;} .buy-version li.current{ background: #fbd35c;} .buy-version p{ line-height: 22px;} .buy-domain{ padding:22px 0; position: relative;border:1px solid #e0e1e5; z-index: 22; margin-bottom: 20px;} .buy-domain label{ padding:0 20px;} .buy-domain .text{ width:280px; height: 25px; line-height: 25px; border:1px solid #d1d1d1; background: #fff; padding:0 5px;} .buy-domain dl{ position: absolute; left:72px; top:55px; border:1px solid #d1d1d1; border-top: 0 none; width:290px; z-index: 11; background: #fff; padding:5px 0;*top:56px;} .buy-domain dd{ line-height: 28px; padding:0 5px;} .buy-domain dd:hover{ background: #ebebeb;} .config-block{float: left;border:1px solid #e0e1e5; margin-bottom: 20px;} .config-block dl{ float: left; padding-bottom: 15px;} .config-block .line{ padding-bottom: 0;} .config-block dt{ line-height: 37px; background: #f8f8f8; padding-left: 20px; margin-bottom: 20px; position: relative; z-index: 1; display: block;} .config-block dd{ float: left; padding:5px 0 10px 20px;} .config-block .label{ float: left; width:90px; line-height: 30px; position: relative;} .config-block .slider-block,.config-block .checkbox-group{ float: left; width:730px;} .config-block .slider{ width:534px; float: left;} .config-block .amount{ float: left; width:120px; height: 28px; background: #fff; position: relative; color: #999; border:1px solid #ccc; margin-left:15px; display: inline;} .config-block .text{ width:47px; height: 28px; line-height: 28px; border:0 none; background:none; text-align: center; color: #3c3c3c; vertical-align: middle;} .config-block .amount span{ vertical-align: middle;} .config-block .btn{ display: block; width:24px; height: 15px; background-image: url(img/slider_add_bg.jpg); background-repeat: no-repeat; text-indent: -999em; cursor: pointer; position:absolute;right:0;} .config-block .add{ background-position: 0 0; top:0;} .config-block .minus{ background-position: 0 -15px; bottom:0;} .config-block-new {padding-top: 20px;} #qps{ background:url(img/10-2000.png) no-repeat 0 0;} #qps .ui-slider-range{ background:url(img/10-2000.png) no-repeat 0 -30px;} #ddos{ background:url(img/1-200.png) no-repeat 0 0;} #ddos .ui-slider-range{ background:url(img/1-200.png) no-repeat 0 -30px;} #balancing{ background: url(img/1-50.png) no-repeat 0 0;} #balancing .ui-slider-range{ background:url(img/1-50.png) no-repeat 0 -30px;} #monitoring,#url{ background:url(img/monitoring.png) no-repeat 0 0;} #monitoring .ui-slider-range,#url .ui-slider-range{ background:url(img/monitoring.png) no-repeat 0 -30px;} .ui-slider .ui-slider-handle{ width: 10px; height: 35px;top:-6px; position: absolute; background:url(img/handle_bg.jpg) no-repeat;display: block; border:0 none; border-radius:0;} .ui-slider-horizontal{ height: 9px; border-radius: 0; background: #e2eff4; border:0 none;} .slider{ height: 29px; width:551px;position: relative;} #duration{background: url(img/duration_bg.png) no-repeat 0 0;} .years{background: url(img/years_bg.png) no-repeat 0 0;} #duration .ui-slider-range{background: url(img/months_range.png) no-repeat 0 -30px;} .years .ui-slider-range{background-image: url(img/years_on.png); background-repeat: no-repeat;} .slider .ui-slider-handle{ height: 40px; top:-4px;} .slider .ui-slider-handle:before{ top:14px;} .checkbox-group label{ float: left; position: relative; cursor: pointer; margin:0 15px 12px 0; font-size: 12px;} .checkbox-group span{ float: left; line-height: 28px; border:1px solid #e0e0e0; padding:0 14px 0 30px;user-select:none; white-space: nowrap;} .checkbox-group i{ float: left; display: none; width:24px; height: 25px; background: url(img/lock.png) no-repeat; position: absolute; right:0; top:0;} .checkbox-group .checkbox{ position: absolute; left:0; top:0; z-index: 11; width:100%; height: 100%; opacity:0; filter:alpha(opacity=0);cursor: pointer;} .checkbox-group b{ display: block; position: absolute; left:9px; top:9px; width:14px; height: 14px; background-image: url(img/checkbox_bg.jpg); background-repeat: no-repeat; background-position: 0 -14px;} .checkbox-group .current b{ background-position: 0 0;} .checkbox-group .current span{ border-color: #fbd35c; background: #fbd35c;} .checkbox-group .disabled,.checkbox-group .disabled .checkbox{ cursor: not-allowed;} .checkbox-group .disabled i{ display: block;} .config-block .line dt{ margin-bottom: 0;} .config-block .line dd{ padding:20px 0 10px 20px; border-top: 1px solid #e0e1e5; margin-top: -1px;} .selected-config{ width:340px; color: #474747; background: #fff; z-index: 111;} .selected-config table{ width:100%; border:1px solid #e2e3e7; border-collapse: collapse;} .selected-config th,.selected-config td{ padding:10px 10px 10px 20px; line-height: 17px; text-align: left;} .selected-config .border{border-top:1px solid #e2e3e7; padding-bottom: 0;} .selected-config td{ position: relative; font-size: 12px;} .selected-config th{ padding:10px 0 10px 20px; background: #f8f8f8;} .selected-config .tit{padding-left: 0; padding-right:0; text-align: center;} .selected-config .blank{ padding:5px 0; width:45%} .selected-config .label{ color: #838383;} .selected-config span{ position: absolute; left:20px; top:23px; font-size: 14px;} .selected-config strong{ font-size:30px; font-weight: normal; color: #ff6102; padding:7px 0 0; display: block; line-height: 30px;} .selected-config .btn{ display: block; width:294px; height: 32px; text-align: center; line-height: 32px; background: #fbd35c; color: #483c35; margin: 0 0 7px;} .null-block{ padding-top: 442px; border:1px solid #e2e3e7; text-align: center; line-height: 35px; background: url(img/null_bg.png) no-repeat center 212px; font-size: 20px; min-height: 440px;} .agreement h2{ font-size: 20px; color: #83675a; font-weight: bold; height:40px; line-height: 40px; padding:25px 0 30px;} .agreement p{ padding-bottom: 34px; font-size: 14px; line-height: 25px; color: #333;} .buy-success{ width:556px;min-height: 350px; padding:146px 0 70px 644px; margin:0 auto; background: url(img/buy_success.png) no-repeat 152px 170px; line-height: 20px;} .buy-success h2{ font-size: 30px; line-height: 30px; padding:30px 0 20px;} .buy-success p{ font-size: 14px; color: #808080;} .buy-success .ns{ width:330px; padding:10px 20px; background: #f2f2f2; color: #474747; margin-top: 20px;} .buy-success a{ color: #ffa500; margin-right: 20px;} .buy-success .btn{ display:inline-block; width:112px; height: 38px; line-height: 38px; text-align: center; border:1px solid #f8bb46; color: #f4ad29; border-radius:50px; margin-top: 28px;} .buy-success .continue{ background: #f4c329; color: #fff;} /*弹窗*/ .mask{ width:100%; height:100%; position: fixed; left: 0; top:0; bottom:0; right:0; background: #fff; opacity:0.5; filter:alpha(opacity=50); z-index: 55; display: none;} .mask-default{ width:100%; height:100%; position: fixed; left: 0; top:0; bottom:0; right:0; background: rgba(0,0,0,0.5); z-index: 55; display: none;} .popup{ border:1px solid transparent; border-radius: 5px; position: fixed; left:50%; top:114px; z-index: 999; background: #fff; font-size: 14px; color: #474747; display: none;} .popup .close{ position: absolute; right:12px; top: 13px; color: #d6d6d6; z-index: 11;} .popup .label{ text-align: right; float: left; padding-right: 5px;} .popup .text{ float: left; padding:0 5px; border:1px solid #d1d1d1; background: #fff;} .popup li{line-height: 27px; margin-bottom: 14px; position: relative;} .popup .Validform_checktip{ position: absolute; top:3px; right:92px; height:28px; line-height: 28px; padding:0 5px 0 26px; font-size: 12px; border-radius:2px; z-index: 11;} .popup .Validform_wrong{ background: url(img/error.png) no-repeat 5px 6px #f8dcdc; color: #d95453;} .popup .passwordStrength{ position:absolute; left:0; top:34px; font-size: 12px; text-align: right; width:383px;} .popup .passwordStrength span{ display: inline-block; width:32px; height: 15px; text-align: center; line-height: 15px; border-radius:2px; background: #c1c1c1; margin-left: 8px; color: #fff;} .popup .passwordStrength .bgStrength{ background: #ff8a00;} .popup .newPwd{ margin-bottom: 35px;} .popup .bgStrength{background: #ff8a00;} .popup h3{ font-size: 14px; padding:12px 20px; color: #f49c29; position: relative; background: #f7f7f7; display: block;} .popup h4{ line-height: 37px; background: #f7f7f7; padding-left: 24px; font-weight: bold;border-bottom: 1px solid #e1e1e1;} .popup .operation{padding:20px 0; text-align: center;} .popup .btn,.popup .confirm-btn{ display:inline-block; height: 30px; text-align: center; line-height: 29px; cursor: pointer;} .popup .back{ border-color: #e0e1e5;background: #fff; margin-left: 10px;} .popup-mask{ width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 11; background: #fff; opacity:0.5; filter:alpha(opacity=50); display: none;} .popup-loading{ width:32px; height: 32px; position: fixed; left:50%; top:50%; margin:-16px 0 0 -16px; z-index: 22; display: none;} .global-popup{ width:600px; margin-left: -300px;} .global-popup ul{ padding:45px 0 40px;} .global-popup li{ text-align: center;} .global-popup span{ display: inline-block; width: 25px; height: 25px; vertical-align:middle; padding-right: 10px;} .global-popup .success span{ background: url(img/right_icon.png) no-repeat 0 3px;} .global-popup .error span{ background: url(img/error_icon.png) no-repeat 0 0;} .global-popup .tip span{ background: url(img/tip_icon.png) no-repeat 0 0;} .link-banner{ height:300px; background-image: url(img/link_banner.jpg); font-size:14px; color: #fff;} .link-banner h2{ font-size: 36px; font-weight: bold; padding:130px 0 25px 558px;} .link-banner p{ line-height: 26px; padding-left: 558px;} .ui-link{ margin:16px auto 0; width:1200px;font-size:16px;} .ui-link a{ color:#006AC0;} .ui-link p{ color:#666; font-size:14px; line-height:24px;} .ui-link h2,.ui-link h3{font-family:"微软雅黑","黑体","宋体";} .ui-link h2{font-size:18px; color:#f4ad29; margin-top: 85px; font-weight: bold;} .ui-link h3{font-size:22px;*margin-top:40px;} .ui-link h4{color:#333; font-size:14px; margin-bottom:8px;} .ui-link ul{padding:15px 0 27px 0; overflow:hidden;} .ui-link .friendlink{padding:15px 0 27px 0; overflow:hidden; margin-left: -17px;} .friendlink li{ float:left; width:180px; height:70px; border:1px solid #e4e4e4; background: #fff; text-align: center; line-height: 70px; margin:0 0 17px 17px;} .friendlink li a{ display: block; width:100%; height: 100%;} .wordlink li{ float:left; width:132px; height:28px;line-height:28px; overflow:hidden; position: relative; padding:0 0 5px 15px;*margin-bottom:-20px;} .wordlink li:before{ position: absolute; left:0; top:13px; width:6px; height: 6px; background: #d6d6d6; border-radius:50%; content: '';} .wordlink li a{ color:#564338; font-size: 14px;} .wordlink li a:hover{ color:#564338;} .textarea{ font-size:14px; color:#333; width:522px; height:78px; margin-bottom:5px; padding:5px; resize:none;} .button1{ background:#f4ad29; border:0 none; color:#fff; font-size:14px; width:80px; height:36px; text-align:center; line-height:36px; border-radius:4px; margin-top:8px;} .word1{ width:712px; margin-top:23px;} /*数据展示*/ .dataShow{color: #474747; font-size: 14px;} .dataShow h2{ font-size: 30px; line-height: 55px; padding-top: 87px; text-align: center;} .dataMap{ background: #F7F7F7;} .dataMap ul{ overflow: hidden; padding:50px 0 0 240px;} .dataMap li{ float: left; width:278px; color: #666; font-size: 16px; line-height: 26px;} .dataMap span{ font-size: 24px; color: #906f63;} .dataMap .map{height: 603px;} .dataDomain{ overflow: hidden; padding-bottom: 110px;background: #fff;} .dataDomain .bar{width:720px; height: 534px; float: left;} .dataDomain .info{float: left; padding:190px 0 0 26px;} .dataDomain p{ padding-left: 18px; background: url(img/circle.png) no-repeat 0 10px; line-height: 25px;} .dataDomain .btn{ padding:52px 0 0 16px;} .dataDomain .btn a{ display: inline-block; width:100px; height: 40px; text-align: center; line-height: 40px; border:1px solid #f4c329; color: #f4c329; font-size: 16px; margin-right: 20px; border-radius:50px;-webkit-border-radius:50px;} .dataDomain .btn a.on{ background: #f4c329; color: #fff;} .domain-box{ overflow: hidden; padding-top: 105px;} .dataRegional{ color: #4d4d4d; overflow: hidden;position: relative;background: #f7f7f7;} .dataRegional .info{ float: left; width:460px; padding:83px 0 0 50px;} .dataRegional dt{ width:303px; height: 40px; line-height: 40px; text-align: center; background: #fff;margin-bottom: 22px; color: #906f63;} .dataRegional dd{ margin-bottom: 9px; line-height: 34px;} .dataRegional dd span{ display: inline-block; margin-left: 20px; height:6px; background: #f4b91c;} .dataRegional p{ padding-top: 27px; line-height: 28px;} .dataRegional .map{ float:right; width:688px;height:535px;} .Regional-box{ overflow: hidden; padding-top: 52px; position: relative; z-index: 2;} .dataRegional .userNum{ position: absolute; right:802px; bottom:27px; z-index: 1;} .dataRegional .userNum span{ padding-left: 66px;} .dataType p{ padding-top: 28px; line-height: 25px; color: #666; text-align: center;} .dataType .pie{ height:614px; padding-top: 65px;} .program {position: relative;} .program .pro-jk{cursor: pointer;width: 14px;height: 14px;background:url(img/wenhao.png) no-repeat;display: inline-block;margin-left:3px;position: relative;top:-2px;vertical-align: middle;} .pro-blc-pdc {position: absolute;display: none;left: 70px;top: 32px;width: 460px;height: 46px;padding:4px 8px;background-color: #fff;z-index: 10;border: 1px solid #FBD35C;font: 400 14px/20px "microsoft yahei";} .pro-jk:hover +.pro-blc-pdc{ display: block;} .slider-block-ps {position: relative;} .slider-block-ps span {position: absolute;width: 14px;height: 14px;top: 8px;background-image: url(img/date.gif);;z-index: 10000;} .slider-block-ps span:nth-of-type(1){left: 386px;} .slider-block-ps span:nth-of-type(2){left: 427px;} .slider-block-ps span:nth-of-type(3){left: 472px;} .slider-block-ps span:nth-of-type(4){left: 513px;} .hybrid-cloud{ color: #4c4c4c;} .hybrid-cloud h2{ font-size: 30px; line-height: 38px; padding:67px 0 10px; text-align: center;} .hybrid-cloud .word{ text-align: center; line-height: 24px; font-size:16px;} .hybrid-cloud .line{ padding:76px 0 0px; border-bottom: 1px solid #e4e4e4; width:187px; margin:0 auto 5px;} .cloud-apply{ overflow: hidden;} .cloud-apply ul{ padding-top: 54px; margin-left: -46px; overflow:hidden;} .cloud-apply li{ float: left; width:142px; height: 115px; border:1px solid #f6f6f5; margin-left: 46px; display: inline; padding-left: 102px; position: relative;} .cloud-apply .icon{ position: absolute; left:44px; top:40px;} .cloud-apply .info{ display: table; height: 100%;} .cloud-apply .info > div{ display: table-cell; vertical-align: middle;} .cloud-apply h3{ font-size: 16px; color: #98776b; font-weight: bold; padding-bottom: 3px;} .cloud-apply p{ line-height: 18px;} .cloud-backup{ padding: 86px 0 167px;} .cloud-backup ul{ padding-top: 44px; position: relative; height: 466px; background: url(img/backup.png) no-repeat center bottom;} .cloud-backup li{ position: absolute; left:50%; top:50%; width:130px; height: 100px; padding-top: 30px; text-align: center; line-height: 28px; font-size: 16px; color: #404040;} .cloud-backup .li1{ margin:-218px 0 0 -398px;} .cloud-backup .li2{ margin:-195px 0 0 268px;} .cloud-backup .li3{ margin:125px 0 0 -300px;} .cloud-backup .li4{ margin:90px 0 0 185px;} .cloud-architecture{ font-size: 16px; padding-bottom: 90px;} .cloud-architecture h2{padding-bottom: 54px;} .cloud-architecture .box{ width:1075px; border:1px dashed #d6d6d6; padding:42px 0 20px; overflow: hidden; margin:0 auto;} .cloud-architecture h3{ font-weight: bold;} .cloud-architecture dl{ float: left; width:150px; margin:0 20px 0 84px; display: inline; text-align: center;} .cloud-architecture dt{ line-height: 30px; padding-bottom: 20px;} .cloud-architecture dd span{ display: block; width:147px; height: 40px; line-height: 40px; border:1px dashed #d6d6d6; background: #efefef; margin-bottom: 14px;} .cloud-architecture ul{ margin:65px auto;width:1075px; border:1px dashed #fcf1cc; background: #fdf8e5; overflow: hidden; padding:20px 0;} .cloud-architecture li{ float: left; width:330px; height: 78px; background: #fff; line-height: 78px; margin:0 0 0 20px; font-size: 20px; text-align: center;} .cloud-architecture li img{ padding-right: 10px;} .cloud-up,.cloud-down{ border:1px dashed #d6d6d6;width:1075px; margin:0 auto; text-align: center; height: 67px;line-height: 67px; position:relative;} .cloud-up{ border-top: 0 none;} .cloud-down{ border-bottom: 0 none;} .cloud-up .icon,.cloud-down .icon{position: absolute; width:71px; height: 60px; display: block;} .cloud-up .up,.cloud-down .up{ background: url(img/cloud_up.png) no-repeat;} .cloud-up .down,.cloud-down .down{ background: url(img/cloud_down.png) no-repeat;} .cloud-up .up{ left:123px; top:37px;} .cloud-down .up{ left:123px; top:-30px;} .cloud-up .down{ right:123px; top:37px;} .cloud-down .down{ right:123px; top:-30px;} .data-analysis ul{ padding-top: 60px; overflow: hidden;} .data-analysis li{ float: left; width:413px; height: 186px; position:relative; padding-left: 77px; font-size: 16px; margin-left: 86px; display: inline;} .data-analysis img{ position: absolute; left:0; top:6px;} .data-analysis h3{ color: #98776b; padding-bottom: 8px;} .data-analysis p{ line-height: 30px;} .yearEnd-bg1{ background: url(img/yearEnd_bg1.jpg) no-repeat center 0;} .yearEnd-bg2{ background: url(img/yearEnd_bg2.jpg) no-repeat center 691px;} .yearEnd-bg3{ background: url(img/yearEnd_bg3.jpg) no-repeat center 1382px;} .yearEnd-bg4{ background: url(img/yearEnd_bg4.jpg) no-repeat center 2073px;} .yearEnd{ width:100%; background: url(img/yearEnd_bg2.jpg) repeat-y 0 bottom #1b1068; color: #fff; font-size: 14px;} .yearEnd-top{ overflow: hidden; width:1200px; margin:0 auto; height: 680px;} .yearEnd-top h1{ float: left; width:832px; height: 411px; background: url(img/yearEnd_banner.png) no-repeat 0 bottom; text-indent: -999em; padding-top: 103px; margin-left: -47px;} .yearEnd-registerBox{ float: right; width:387px; position:relative; margin-top: 80px;} .yearEnd-opacity{ position: absolute; left:0; top:0; width:100%; height: 100%; background: #000; opacity:0.2; filter:alpha(opacity=20); z-index: 11;} .yearEnd-register{ position: relative; z-index: 22; padding:0 46px 35px;} .yearEnd-register h2{ font-size: 28px; color: #e4e4e7; text-align: center; padding:30px 0 10px; line-height: 35px;} .yearEnd-register li{ margin-top: 14px; overflow: hidden;} .yearEnd-register .Validform_wrong{ height: 28px; line-height: 28px; color: #dd5756; background: url(img/error.png) no-repeat 5px 6px #fddbdc; padding-left: 26px;} .yearEnd-register .text{ border:0 none; width:265px; height: 40px; line-height: 40px; padding:0 15px; background: #fff; vertical-align: middle; float: left;} .yearEnd-register .text1{ width:150px; margin-right:10px;} .yearEnd-register .pic{ float: left; width:105px; height: 38px; border-top: 1px solid #333; border-bottom: 1px solid #333; cursor: pointer;} .yearEnd-register .pic img{ width:105px; height: 38px;} .yearEnd-register .code{ float: left; width:105px; height: 40px; text-align: center; line-height: 40px; background: #ff9e3f; color: #fff;} .yearEnd-register .disabled{ background: #eee; color: #999; cursor: default;} .yearEnd-register .submit{ display: block; width:295px; height: 60px; text-align: center; line-height: 60px; background: #ff633f; font-size: 24px; color: #fff;} .yearEnd-main{ width:1200px; margin:0 auto;} .yearEnd-title{ height: 60px; text-align: center; line-height: 55px; background: url(img/yearEnd_title.png) no-repeat; font-size: 44px; margin-bottom: 55px; font-weight: bold; letter-spacing: 3px;} .yearEnd-event{height: 630px; background: url(img/yearEnd_event_bg.png) no-repeat center 230px; position:relative;} .yearEnd-event li{ float: left; width:292px;text-align: center; position: absolute;} .yearEnd-event li img{ display: block; margin:0 auto;} .yearEnd-event li span{ display: inline-block; margin-top: 20px; padding:0 12px; background: #3d8dfb; font-size: 14px; line-height: 27px;} .yearEnd-event .li1{ left:-40px; top:38px;} .yearEnd-event .li2{ left:132px; bottom:140px;} .yearEnd-event .li3{ left:354px; top:38px;} .yearEnd-event .li4{ left:546px; bottom:140px;} .yearEnd-event .li5{ right:160px; top:38px;} .yearEnd-event .li6{ right:-47px; bottom:171px;} .yearEnd-fence{ overflow: hidden; border:1px solid #4c54a7; border-left: 0 none; width:1129px; margin:0 auto;} .yearEnd-fence li{ float: left; width:375px; height: 403px; border-left: 1px solid #4c54a7; text-align: center; position:relative;} .yearEnd-fence li .pic{ height: 225px; padding-top: 23px;} .yearEnd-fence h3{ font-size: 30px; line-height: 40px; padding:20px 0 12px; position: relative; z-index: 11;} .yearEnd-fence p{ line-height: 20px; position: relative; z-index: 11; font-size: 14px;} .yearEnd-fence .opacity{ width:100%; height: 155px; background: #000; opacity: 0.2; filter:alpha(opacity=20); z-index: 3; position: absolute; left:0; bottom:0;} .yearEnd-resist{ padding:50px 0 110px; text-align: center;} .yearEnd-version{ padding-top: 46px; overflow: hidden;} .yearEnd-version li{ float: left; width:250px; height: 382px; text-align: center; padding:0 25px;} .yearEnd-version h3{ width:159px; height: 184px; display: block; margin:0 auto 27px; background: url(img/yearEnd_version.png) no-repeat; line-height: 184px; font-size: 24px;} .yearEnd-version p{ line-height: 20px; font-size: 14px;} .yearEnd-ad{ height: 276px; padding-top:82px; background: url(img/yearEnd_ad.jpg) no-repeat center 0; text-align: center;} .yearEnd-ad .btn{ display: block; margin:40px auto 0; width:220px; height: 55px; text-align: center; line-height: 55px; border-radius:10px;-webkit-border-radius:10px; background: #ffad42; font-size: 25px; color: #fff;} .yearEnd-rule{ padding:96px 0 466px; width:1200px; margin:0 auto; background:url(img/yearEnd_rule.png) no-repeat center 67px; position:relative;} .yearEnd-rule:before{ position: absolute; left:168px; top:200px; height: 100%; width:2px; background: #41a8d8; content: '';} .yearEnd-rule:after{ position: absolute; right:169px; top:200px; height: 100%; width:2px; background: #41a8d8; content: '';} .yearEnd-rule h2{ text-align: center; font-size: 38px; color: #fff;} .yearEnd-rule ol{ list-style-type:decimal; padding: 50px 260px 0 286px;} .yearEnd-rule li{ line-height: 26px;} .ssl{ color: #4c4c4c;} .ssl-banner{height: 300px; background-image: url(img/solution_banner.jpg); color: #fff; font-size: 16px; line-height: 24px;} .ssl-banner h2{ padding-top: 58px;} .ssl-banner a{ display:block; width:102px; height: 32px; border:1px solid #fff; color: #fff; border-radius:50px; text-align:center; line-height: 32px; margin-top: 22px;} .ssl h2{ font-size: 22px;line-height: 35px; padding:70px 0 55px; text-align:center;} .ssl-advantage dl{ overflow: hidden; padding-bottom: 88px;} .ssl-advantage dt{ float: left; width:222px; border-right:1px solid #e3e3e3; height: 70px; padding-left: 16px; line-height: 70px;} .ssl-advantage dt span{ float: left; width:95px; line-height: 70px;} .ssl-advantage dt b{ font-weight: bold; color: #96766b;} .ssl-advantage dd{ padding-left: 35px; float: left; display: inline; line-height: 22px; width: 925px;} .ssl-advantage dd h3{ font-weight: bold; padding-bottom: 15px; margin-top: -4px;} .ssl-tab{ height: 39px; border-bottom: 1px solid #e0e0e0; position:relative;} .ssl-function ul{ overflow: hidden; padding:0 0 1px 1px;} .ssl-function li{ float: left; width:302px;} .ssl-function li a{ display: block; color: #474747; margin:0 0 0px -1px;width:100%; height: 38px; border:1px solid #e0e0e0; text-align: center; line-height: 38px; background: #f8f8f8; font-weight: bold;} .ssl-function li.current a{ border-bottom-color:#fff; background: #fff;} .ssl-function dl{ border:1px solid #e0e1e5; border-top: 0 none; padding:55px 42px; line-height: 25px;} .ssl-function dd{ display: none;} .finance-banner{height: 300px; background-image: url(img/finance_banner.jpg); color: #4c4c4c; font-size: 16px; line-height: 24px;} .finance-banner .btn{ display:block; width:160px; height: 44px; border:1px solid #6e4f43; background: #ffeec0; font-size:18px; color: #6e4f43; border-radius:10px;-webkit-border-radius:10px; text-align: center; line-height: 44px; margin:46px 0 0 12px;} .finance-advantage ul{ overflow: hidden; height: 550px; background: url(img/finance_advantage.png) no-repeat center 0; position: relative; margin-top: 20px;} .finance-advantage li{ position: absolute; width:312px; height: 141px; text-align: center;color: #4c4c4c; font-size: 14px; padding-top: 36px;} .finance-advantage img{ display: block; margin:0 auto 5px;} .finance-advantage h3{ font-size: 24px; line-height: 32px; padding:9px 0;} .finance-advantage .details{ position: absolute; left:0; top:0;width:303px; height: 178px; padding: 0px 5px 0; background: #efefef; display: none;} .finance-advantage .details>div{ display: table-cell; vertical-align: middle;} .finance-advantage p{ color: #808080; line-height: 22px;} .finance-advantage li:hover .details{ display: table;} .finance-advantage .li1{ left:105px; top:0px;} .finance-advantage .li2{ right:102px; top:0px;} .finance-advantage .li3{ left:40px; bottom:0px;} .finance-advantage .li4{ left:443px; bottom:0px;} .finance-advantage .li5{ right:42px; bottom:0px;} .finance-demand ul{ padding-top: 40px; margin-left: -26px;} .finance-demand li{ margin-left: 26px; width: 280px; height: 278px;} .finance-demand dt{ width: 176px;} .finance-demand p{ font-size: 14px;} .finance-server h2{ padding-bottom: 36px;} .server-tab{ overflow: hidden; background: #f8f9fb; padding-left: 10px;} .server-tab li{ float: left; height: 59px; line-height: 59px; border-bottom: 1px solid transparent; position: relative; padding:0 10px; font-size: 16px; margin-left: 80px; display: inline; cursor: pointer;} .server-tab li i{ position: absolute; border-bottom: 5px solid #826255; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom:0; left:50%; display: none; float: left; margin-left: -5px;} .server-tab li.current{ color: #826255; border-bottom-color: #826255;} .server-tab li.current i{ display: block;} .server-block{ overflow: hidden;} .server-block li{ display: none; padding:70px 0px 0 385px; height: 210px;} .server-block h3{ line-height: 42px; font-size: 24px; padding-bottom: 10px;} .server-block p{ line-height: 30px; color: #808080;} .server-block .li1{ background: url(img/server_bg1.png) no-repeat 53px 70px;} .server-block .li2{ background: url(img/server_bg2.png) no-repeat 53px 70px;} .server-block .li3{ background: url(img/server_bg3.png) no-repeat 53px 70px;} .server-block .li4{ background: url(img/server_bg4.png) no-repeat 53px 70px;} .server-block .li5{ background: url(img/server_bg5.png) no-repeat 53px 70px;} .server-block .li6{ background: url(img/server_bg6.png) no-repeat 53px 70px;} .finance-case ul{ padding: 24px 0 50px; margin-left: -16px;} .finance-case li{ width: 184px; height: 72px; margin:0 0 16px 16px;} .ui-package{position: relative; padding-bottom: 66px; position: relative;*padding-bottom: 270px;} .ui-package h2{ line-height: 34px; padding:30px 0 0; text-align: center; font-size: 22px; color: #323232;} .ui-package p{ margin-bottom:30px; font-size: 16px; color: #8a8a8a; text-align: center; line-height: 32px;} .ui-package table{ border-collapse:collapse; border:1px solid #e0e1e5; background: #fff; width: 100%; color: #323232;} .ui-package .table-tit{ border-bottom: 0 none; left:0; top:170px;} .ui-package .fixed{ width:1200px; position: fixed; left: 50%; top:0; margin-left: -600px;} .ui-package .table-cont{ border-top: 0 none;} .ui-package td,.ui-package th{ border-left: 1px solid #e0e1e5; text-align: center; padding:16px 12px; width:16.6%;} .ui-package b{ font-size: 22px; color: #ee5900;} .ui-package .b-small{ font-size: 14px; } .ui-package .btn{ display: block; width: 104px; height: 30px; text-align: center; line-height: 30px; background: #fbd35c; color: #474747; margin:10px auto 0;} .ui-package .table-tit tr:nth-child(2n-1){background: #f8f8f8;} .ui-package .table-cont tr:nth-child(2n){background: #f8f8f8;} .ui-package tr.even{background: #f8f8f8;} .ui-package .orange-btn {background-color: #f38d4e;color: #fff;font-size: 0;vertical-align: middle;} .ui-package .orange-btn .orgbtn-add {font-size: 22px;margin-right: 5px;vertical-align: middle;} .ui-package .orange-btn .orgbtn-txt {font-size: 14px;vertical-align: middle;} .ui-package .orange-txt {font-size: 20px;color: #ee5900;font-weight: bold;height: 29px;display: inline-block;box-sizing: border-box;} .ui-package .orgbtn-qq {font-size: 14px;display: inline-block;vertical-align: middle;} .ui-package .orgbtn-qq-i {display: inline-block;width: 21px;height: 21px;background: url(img/qq_while.png) -5px 0 no-repeat;vertical-align: middle;} .ui-package .butwotoone {position: absolute;top: -5px;right: -3px;height: 1px;font-size: 12px;text-align: right;color: #fff;} .ui-package .butwotoone-out {position: relative;} .ui-package .butwotoone span {position: relative;background-color: #ee5900;display: inline-block; line-height: 18px;padding: 0 3px;text-align: center;border-radius: 3px;} .ui-package .butwotoone span::after{position: absolute;bottom: -3px;left: 5px;width: 3px;height: 3px;content: '';background: url(img/qq_while.png) 0 0 no-repeat;} .ui-package .year55-zhe td {padding: 28px 12px;} .ui-package .year55-zhe .butwotoone {top: -18px;right: 3px;} .package-more{ width:100%; height: 170px; background: url(img/package_more.jpg) no-repeat center 0; text-align: center;} .package-more p{ padding-top: 48px; line-height: 24px; font-size: 16px; color: #666;} .package-more a{ display: inline-block; width:120px; height: 38px; border:1px solid #f4c329; color: #f4c329; font-size: 16px; line-height: 38px; background: #fff; margin-top: 15px; border-radius:50px;-webkit-border-radius:50px;} .package-popup{ width:685px; height: 608px; margin:-304px 0 0 -342px; background: #fff; top:50%} .package-popup h3{ background:0 none;} .package-popup .close{ position: absolute; right:18px; top:15px; width:14px; height: 14px; text-align: center; text-indent: -999em; background: url(img/monitor_close.png) no-repeat; display: block;} .package-popup .domain-block{ padding:0 33px;} .package-popup .search-box{ overflow: hidden; padding-top: 16px;} .package-popup .search-box span{ float: left; line-height: 32px;} .package-popup .search{ float: right;} .package-popup .text,.choose-domain .text{ width:160px; height: 30px; line-height: 30px; padding:0 5px; border:1px solid #e0e1e5; display: inline-block; vertical-align: middle;} .package-popup .search-btn,.choose-domain .search-btn{ border:1px solid #e0e1e5; background: #fff; height:30px; line-height: 30px; padding:0 10px; color: #483c35; display: inline-block; vertical-align: middle; margin-left: -1px;} .package-popup .tit,.choose-domain .tit{ border:1px solid #e0e1e5; border-bottom: 0 none; background: #f8f8f8; overflow: hidden;} .package-popup .cont,.choose-domain .cont{ margin-top: 15px;} .package-popup .cont div,.choose-domain .cont div{ line-height: 36px;} .package-popup .domain,.choose-domain .domain{ float: left; width:244px; padding-left: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .package-popup .radio,.choose-domain .radio{ margin-right: 12px; vertical-align: middle;} .package-popup .duration,.choose-domain .duration{ float:left; width:195px;} .package-popup .price,.choose-domain .price{ float: left; width:130px; color: #ff6102;} .package-popup .price1,.choose-domain .price1{ color: #474747;} .package-popup ul{ padding:0;border:1px solid #e0e1e5; border-top: 0 none; overflow-y: auto; height: 390px;} .package-popup li{ padding:0; margin:0; border-top: 1px solid #e0e1e5; height: 38px;} .select{position: relative;line-height: 25px; z-index: 1;border:1px solid #d1d1d1;} .select:hover{ z-index: 12;} .select dt{ background: #fff; position: relative; padding:0 16px 0 10px; cursor: pointer; height:25px; line-height: 24px; text-align: left;} .select dt:before{ position: absolute; right:6px; top:10px; width:0; height:0; content: ''; border-top: 4px solid #474747; border-left: 4px solid transparent; border-right: 4px solid transparent;} .select dd{ position: absolute; left:-1px; top:25px; background: #fff; border:1px solid #d1d1d1; text-align: center; z-index: 11;display: none; width:100%;} .select dd a{ display: block; line-height: 27px; text-align: left; padding-left: 13px; color: #474747;} .select dd a:hover{ color: #474747; background: #f4f0ee;} .select dd span{ display: block; line-height: 27px; text-align: left; color: #d4d4d4;cursor: default;} .select:hover dd{ display: block;} .select li{ position: relative; } .select .disabled{ background: #efefef; color: #d6d5d7;} .package-popup .select{ width: 60px; margin-top: 6px;} .package-popup .operation{ background:0 none;} .choose-domain{ color: #474747; padding-bottom: 60px;} .choose-domain h3{ line-height: 25px; padding:42px 0 20px; font-weight: bold; font-size: 16px;} .domain-version{ height: 39px; border-bottom: 1px solid #e0e0e0; position: relative;} .domain-version li{ float: left; font-size: 14px;} .domain-version li a{ display:block;width:92px; height: 38px; line-height: 38px;border:1px solid #e4e4e4; border-bottom: 1px solid transparent; background: #fff; text-align:center; color: #474747;} .domain-version li.current a{ border-bottom-color: #fff;} .choose-domain .search{ position: absolute; right:0; top:0;} .choose-domain .search-btn{ margin-left: -5px;} .choose-domain .domain{ width: 520px; position: relative;} .choose-domain .domain label{ cursor: pointer;} .choose-domain .duration{ width:400px;} .choose-domain .duration dl{ width:60px; margin-top: 6px;} .choose-domain .cont ul{ height: auto; overflow: initial; margin-bottom: 100px;} .choose-domain .cont .current{ background: #fef3dd;} .choose-domain .radio{ opacity: 0;} .choose-domain .domain i{ display:none; width:25px; height: 18px; position: absolute; left: 13px; top:11px; background: url(img/success_icon.png) no-repeat; float: left;} .domain-ad{ width:250px; padding-top: 33px;} .domain-ad a{ display: block; margin-top: 15px;} .domain-info{ width:936px;} .domain-info .cont ul{ overflow: hidden; margin-left: -16px; padding-top: 1px; margin-bottom: 0;} .domain-info .cont li{ float: left; width:198px; height: 66px; border:2px solid #e0e1e5; background: #fff; margin:0 0 16px 16px; display: inline; text-align:center; line-height: 66px; padding:0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #474747; font-size: 14px; cursor: pointer;} .domain-info .cont li.current{ border-color: #eeba20; background:url(img/tick_bg.png) no-repeat right 0;} .domain-info .cont .btn{ display: block; float: right; width:104px; height: 32px; text-align:center; line-height: 32px; background: #fbd35c; font-size: 12px; color: #474747;} .salon-bg{ background:url(img/salon_bg.png) repeat #2e0b65;} .salon-header{ position: absolute; left:0; top:36px; background: rgba(17,0,65,0.4); border-bottom: 0 none; z-index: 100;} .salon-header li a{ color: #fff;} .salon-fixed{ position: absolute; left:0; top:170px; width:918px; height:473px; background: url(img/salon_fixed.png) no-repeat 0 0;} .ui-salon{ background: url(img/salon_bg1.jpg) no-repeat center 0; font-size: 14px; overflow: hidden; width:100%; } .salon-bg1{ background: url(img/salon_bg2.jpg) no-repeat center 280px;} .salon-bg2{ background: url(img/salon_bg3.jpg) no-repeat center 560px;} .salon-bg3{ background: url(img/salon_bg4.jpg) no-repeat center 840px;} .salon-bg4{ background: url(img/salon_bg5.jpg) no-repeat center 1120px;} .ui-salon h2{ padding:170px 0 10px; height: 125px; line-height: 125px; font-size: 70px; font-weight: bold; color: #fff; text-align:center;} .ui-salon h2 span{ writing-mode:vertical-rl; padding-left: 22px; font-size: 20px; line-height: 20px; vertical-align: middle; font-weight: normal;} .ui-salon .sub-tit{ text-align: center; font-size: 18px; color: #fff;} .ui-salon .sub-tit span{ display: inline-block; line-height: 26px;} .ui-salon .sub-tit b{ font-weight: normal; display: inline-block; height: 26px; line-height: 26px; padding:0 35px;} .salon-address .tit{ text-align: center; font-size:18px; color: #d05fd9; line-height: 30px; padding:33px 0 20px;} .salon-address p{ line-height: 26px; font-size: 14px; color: #fff; padding:0 275px;} .salon-address .sign-btn{ display: block; width:230px; height: 57px; text-align: center; line-height: 57px; background: #c254cb; font-size: 18px; color: #fff; margin:0 auto 50px;} .salon-address ul{ overflow: hidden; padding:60px 0 82px 265px;} .salon-address li{ float: left; width:95px; height: 107px; border:1px solid transparent; line-height: 25px; color: #fff; text-align: center; margin-left: 12px; display: inline;} .salon-address li span{ font-weight: bold; color: #c159ce;display:block; padding-top: 20px; margin:0 auto;} .salon-address li.current{ border-color: #ac45bb; background:rgba(255,255,255,0.1); font-size: 16px;} .salon-address li.current span{ color: #fff; padding-top: 18px;} .ui-salon h3{ text-align: center; font-size: 28px; color: #fff; font-weight: bold; padding-top: 50px;} .ui-salon h3 span{ display: inline-block; width:46px; height: 38px; background: url(img/salon_title.png) no-repeat; margin-right: 28px; vertical-align: middle;} .salon-guest{ padding-bottom: 90px; position: relative;} .salon-guest ul{ width:1200px; margin:35px auto 0; overflow: hidden;} .salon-guest li{ float: left; width:196px; height: 313px; margin:5px 0 0 5px; color: #fff; text-align:center;color: #fff; transform: skewX(-30deg); transform-origin: left bottom 0;-webkit-transform: skewX(-30deg);-webkit-transform-origin: left bottom 0;} .guest-pic{ height: 230px; overflow: hidden; position: relative;} .guest-pic img{transform:skewX(30deg) translateX(6%);-webkit-transform:skewX(30deg) translateX(6%); position: absolute; left:0; top:0;transform-origin: left bottom 0;-webkit-transform-origin: left bottom 0;} .guest-name{ height: 40px; line-height: 40px; background: rgba(194,84,203,0.67); font-size: 16px; position: absolute; left:0; top:190px; width:100%;} .guest-info{ height: 65px; background: #3d017c; line-height: 24px; padding-top: 15px;} .guest-name span,.guest-info span{transform: skewX(30deg); display: block; width:100%; height: 100%;} .salon-schedule{ position: relative;} .salon-schedule ul{ width:700px; margin:50px auto 0; background: url(img/salon_article.png) no-repeat 645px 0; padding:50px 0 100px 500px;} .salon-schedule li{ overflow: hidden; position: relative; margin-bottom:10px;} .salon-schedule .time{ float: left; width:105px; height: 33px; text-align: center; line-height: 33px; background: url(img/salon_bubble.png) no-repeat 0 0; padding-right: 15px; color: #fff;} .salon-schedule .info{float: left; width:500px; padding-left: 64px;} .salon-schedule b{ font-weight: bold; color: #d05fd9; display: block; padding-top: 5px;} .salon-schedule p{ overflow: hidden; color: #fff; line-height: 20px;} .salon-schedule label{ display: inline-block; width:50px; vertical-align: middle; height: 25px; line-height: 25px; float: left;} .salon-schedule span{ display: inline-block; vertical-align: middle;} .salon-schedule li span{ float: left; width:450px; line-height: 25px;} .salon-schedule i{ width:10px; height: 10px; border-radius:100%; background: #d97db4; position: absolute; left:144px;top:12px;} .salon-guide{ color: #fff; text-align: center; padding-bottom: 130px;} .salon-guide b{ font-weight: bold; font-size: 16px; color: #d05fd9;} .salon-guide p{ line-height: 27px;} .salon-guide .p1{ padding-bottom: 10px;} .salon-guide h3{ padding-bottom: 70px;} .salon-partners{ text-align: center; background: #fff; color: #606060; padding-top: 86px;} .salon-partners dt{ font-size: 16px; font-weight: bold; color: #4d4d4d; padding-bottom: 10px;} .salon-partners dd{ padding-bottom: 115px;} .salon-contact{ text-align: center; background: #fff; color: #606060; padding-bottom: 100px;} .salon-partners h3,.salon-contact h3{ color: #4c1d8a; padding-bottom: 52px;} .salon-contact b{ font-size: 16px; font-weight: bold;} .salon-contact p{ line-height: 30px; padding-bottom: 35px;} .privilege618 {position: relative;text-decoration: line-through;color: #999;font-size: 12px;} .privilege618 strong {position: absolute;top: -46px;left: 50%;width: 100px;} .privilege618 span {display: inline-block;height: 16px;line-height: 16px; padding: 0 7px; border-radius: 3px; color: #fff; font-size: 12px; background: url('img/618_th.png') repeat-x;} .privilege618 span::after{position: absolute;bottom: -4px;content: '';left: 50%;border-top: 5px solid #e92b33;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: -3px;} .hwrap .banner{width:100%;min-width:1200px;height:323px;padding-top:123px;background:url('../images/about_we_banner.png') center center no-repeat}.hwrap .banner h2{padding-bottom:35px;text-align:center;font-size:22px;color:#6a4816}.hwrap .banner p{width:1100px;margin:0 auto;line-height:40px;text-indent:2em;font-size:18px;color:#694716}.hwrap .banner p em{color:#a53a25}.hwrap .con-head{width:1200px;margin:0 auto;line-height:200px;text-align:center}.hwrap .con-head .con-hn{display:inline-block}.hwrap .con-head .con-hn h2{line-height:30px;font-size:22px;text-align:center;color:#101010}.hwrap .con-head .con-hn p{position:relative;padding:0 4px;border-bottom:2px solid #828282;line-height:30px;font-size:16px;text-align:center;color:#d7d7d7}.hwrap .con-head .con-hn p em{position:absolute;bottom:-3px;left:50%;width:50px;height:4px;margin-left:-25px;background:#ffc000}.hwrap .con-course{position:relative;width:1200px;height:1118px;margin:0 auto;padding-bottom:100px;background:url('../images/course_b.png') center 0 no-repeat}.hwrap .con-course p{text-align:center}.hwrap .con-course .year2016,.hwrap .con-course .year2015,.hwrap .con-course .year2014,.hwrap .con-course .year2012{position:absolute;top:87px;left:50%;width:90px;height:30px;margin-left:-45px;background:#ffc000;line-height:30px;font-size:16px;font-weight:bold;text-align:center;color:#fff;-webkit-border-radius:30px;border-radius:30px}.hwrap .con-course .year2015{top:360px}.hwrap .con-course .year2014{top:717px}.hwrap .con-course .year2012{top:917px}.hwrap .con-course .left,.hwrap .con-course .right{position:absolute;height:42px;margin-left:-124px;line-height:42px;font-size:16px;color:#402309}.hwrap .con-course .left em,.hwrap .con-course .right em{margin:0 0 0 13px;font-weight:bold;color:#ffc000}.hwrap .con-course .right{left:50%;margin-left:124px}.hwrap .con-course .right em{margin:0 13px 0 0}.hwrap .con-course .left{right:50%;margin-right:124px}.hwrap .con-course .right1{top:180px}.hwrap .con-course .right2{top:427px}.hwrap .con-course .right3{top:610px}.hwrap .con-course .right4{top:1011px}.hwrap .con-course .left1{top:261px}.hwrap .con-course .left2{top:535px}.hwrap .con-course .left3{top:811px;} .n-b-green-c {color: #04e762 !important;} .n-b-w-c {color: #fff !important;} .n-b-black-bg {background: #18181f !important;} .n-b-green-bc {border-color: #04e762 !important;} .n-b-green-bg {background: #04e762 !important;} .n-black {background: #1f1f28 url('img/black_banner.png') center 0 no-repeat;color: #fff;} .hijack-tab-black {background-color: #1f1f28;border-color: #1f1f28; } .hijack-tab-black li {color: #fff;border-color: #fff;} .hijack-tab-black li.current{border-color: #04e762;} .hijack-scene .ch-black{background: url('img/black_b1.png') center 0 no-repeat;} .hijack-scene .ch-black li {color: #fff;} .so-black li h3 {color: #04e762;} .so-black li p {color: #fff;} .so-black li {border-color: #464653;} .hijack-price .hp-pro .kuaisu-black h3{ } .hijack-price .hp-pro .gaosu-black h3{ } .hijack-price .hp-pro .jisu-black h3{ } .hijack-price .hp-pro-black h3{color: #fff;} .hijack-price .hp-pro-black .hpp-text, .hijack-price .hp-pro-black .hpp-pin {color: #fff;} .hijack-price .hp-pro .kuaisu-black h3 {background-color: #0a62e0;} .hijack-price .hp-pro .gaosu-black h3 {background-color: #00b0c0;} .hijack-price .hp-pro .jisu-black h3 {background-color: #04e762;} .hijack-price .hp-pro .kuaisu-black {border-color: #0a62e0;} .hijack-price .hp-pro .gaosu-black {border-color: #00b0c0;} .hijack-price .hp-pro .jisu-black {border-color: #04e762;} .hijack-price .hp-pro-black .kuaisu-black .hpp-money, .hijack-price .hp-pro .kuaisu-black .hpp-money em{color: #0a62e0;} .hijack-price .hp-pro-black .gaosu-black .hpp-money, .hijack-price .hp-pro .gaosu-black .hpp-money em{color: #00b0c0;} .hijack-price .hp-pro-black .jisu-black .hpp-money, .hijack-price .hp-pro .jisu-black .hpp-money em{color: #04e762;} .hijack-price .hp-pro-black .btn {color: #fff;} .hijack-document .hd-black,.hijack-document .hd-black a, .hijack-document .hd-black h3 {color: #fff;} .hp-black li {background-color: #fff;} .hijack-tab-black li.current {color: #04e762;} .so-black li span {background-image: url(img/speed_icon1.png);} .hijack-price .hp-pro .kuaisu-black:hover h3, .hijack-price .hp-pro .kuaisu-black .btn{background-color: #0a62e0;} .hijack-price .hp-pro .gaosu-black:hover h3, .hijack-price .hp-pro .gaosu-black .btn{background-color: #00b0c0;} .hijack-price .hp-pro .jisu-black:hover h3, .hijack-price .hp-pro .jisu-black .btn{background-color: #04e762;} .ui-header-black {background-color: #18181f;border-color: #18181f;} .ui-header-black .header-nav li a {color: #fff;} .topBar-black {background-color: #14412c;color: #fff;} .topBar-black a {color: #04e762 !important;} .ui-features-black {background-color: #21212a;color: #7d7d8e;} .ui-footer-black {background-color: #1b1b23;} .copyright-black {background-color: #191921;color: #4d4d5d;} .ui-footer-black .footer h3 {color: #7d7d8e;} .ui-footer-black .footer a, .ui-footer-black .tel, .ui-footer-black .credible {color: #5d5d6f;} .ui-footer-black .tel span {color: #04e762;} .ui-footer-black .tel a {background-color: #04e762;color: #1b1b23;} .ui-features-black .security {background-position: 0 -410px;} .ui-features-black .exp {background-position: -23px -410px;} .ui-features-black .seven {background-position: -48px -410px;height: 26px;} .ui-footer-black .footer .tel i {background-position: -80px -410px;height: 19px;top: 3px;} .topBar-black span {color: #04e762 !important;} .topBar-black .new-poepel {background-color: #0e3925;} .topBar-black .new-poepel i {background: url(img/new_people_b.png) no-repeat;} .ui-footer-black .tel strong {color: #04e762;} .n-black .btn {border-color: #04e762 ;} .n-black .btn:hover{background-color: #1f1f28;} /* 同步跳转 */ .sync-login{margin: 0 auto; text-align: center;height: 514px;} .sync-login p{margin-top: 145px;font-size: 18px;color: #f6bf69} .sync-login .user-login #registerform_2 { margin:55px auto;width: 415px;} #registerform_2 ul li.user-account,li.user-password { position: relative; margin-bottom: 20px;width: 415px;height: 38px;border: 1px solid #e1e1e1;border-radius: 4px; } #registerform_2 ul li.user-account input,li.user-password input { padding-left:16px; width: 395px; height: 100%; border:none; } #registerform_2 ul li.li1 { margin-top: 40px; width: 415px; height: 40px; } #registerform_2 .li1 input{ width: 194px;height: 40px;line-height: 40px; font-size: 16px;border: none;border-radius: 4px;cursor: pointer;text-align:center; } #registerform_2 .li1 .submit{ background-color:#f6cc58;color: #fff; } #registerform_2 .li1 .isCancel{ display: inline-block; width: 194px;height: 40px;line-height: 40px; font-size: 16px;border: none; background: #e1e1e1; border-radius: 4px;text-align:center; margin-left: 22px; width: 194px;height: 40px;color: #000; } .Validform_checktip{ position: absolute; top:2px; height:34px; line-height: 34px; padding:0 5px 0 26px; font-size: 12px; border-radius:4px;} #registerform_2 .user-account .Validform_checktip{ position: absolute; top: 2px;right: 2px; } #registerform_2 .user-password .Validform_checktip{ position: absolute; top: 2px;right: 2px; } .Validform_wrong{ background: url(img/error.png) no-repeat 5px 12px #f8dcdc; color: #d95453;} .Validform_right{ background: url(img/right.png) no-repeat 4px 4px;} /* 买二送一 */ .little-header{ position: absolute; background-color: #ee5900; line-height: 18px; padding: 0 3px; font-size: 12px; color:#fff; text-align: center; border-radius: 3px; bottom: 78px; right:24px; } .little-header span{ position: absolute; width: 0; height: 0; border-left: 0px solid transparent; border-top: 8px solid #ee5900; border-right: 6px solid transparent; border-bottom: 10px solid transparent; bottom: -18px; left: 6px; } /* 云解析新增横幅 */ .ui-package .isStreamer{ position: absolute; padding:0 5px; font-size: 14px; color:#fff; background-color: #ee5900; border-radius: 3px; top: 37px; left: 62%; } .ui-package p { /* margin-bottom: 10px; */ margin-bottom: 0; } .active-sixOne{ display: block; margin: 10px 0 20px; line-height: 20px; font-size: 16px; color: #ff8800; text-align: center; } .icon-lock { position: relative; display: inline-block; width: 14px; height: 15px; margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; top: -2px; } .icon-g-question { background: url(img/monitor_icon1.png) no-repeat; } .vt-icon-infor {display: none;position: absolute;left: -14px;top: 80%;width: 180px;margin-top: 4px;box-sizing: border-box;border: 1px solid #e0e1e5;background-color: rgba(255,255,255,1);padding: 10px;line-height: 22px;font-size: 12px;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);z-index: 99;border-radius: 5px;} .vt-icon-infor::after {position: absolute;top: -5px;content: '';left: 21px;width: 9px;height: 5px;margin-left: -5px;background: url('img/arrows_top.png') no-repeat;} .vt-icon-infor.after_y::after{left: auto; right: 15px;} .vt-icon-infor-after::after {top: 22px;margin: 0;} .vt-icon-infor p {margin-bottom: 5px;text-align: center;color: #333;} .vt-icon-infor li {float: left;width:100%;color: #474747;} .vt-icon-infor li span, .vt-icon-infor li em {float: left;width: 50%;line-height: 22px;box-sizing: border-box;} .vt-icon-infor li span {text-align: right;padding: 0 11px 0 0;color: #808080;} .ssla2s .vt-icon-infor{ left: 218px; top: 70px; max-width: 397px; padding: 10px 15px; width: auto; -webkit-transform: translateX(0%); transform: translateX(0%);} .ssla2s .vt-icon-infor p{ text-align: left; line-height: 20px; margin: 0; } .ssla2s .vt-icon-infor::after{ left: 25px;} .vt-icon-infor-text{ top: 100%; -webkit-transform: translateX(-5.5%); transform: translateX(-5.5%);} .vt-icon-infor-text::after{ left: 20px;} .vt-icon-infor .vti-infor-upgrade {width: 142px;margin: 0 auto;overflow: hidden;} .vt-icon-infor .vti-infor-upgrade .vtii-upgrade-pic {float: left;width: 54px;height: 25px;border: 1px solid #e0e1e5;margin: 7px;line-height: 25px;color: #5e605a;text-align: center;border-radius: 2px;} .vt-icon-infor .vti-infor-upgrade .vtii-upgrade-pic:hover {border-color: #ff9933;background-color: #ff9933;color: #fff;} .vt-icon-infor .vti-infor-upgrade .border-yellow {border-color: #ff9933;background-color: #fff7df;color: #ff9933;} .vt-icon-inf {width: 290px;padding: 15px 18px;color: #474747;font-size: 12px;} .vt-icon-inf .vtif-domain {overflow: hidden;margin-bottom: 5px;} .vt-icon-inf .vtif-domain em {float: left;width: 100%;line-height: 18px;text-align: left;} .vt-icon-inf .vtif-domain span {float: left;line-height: 18px;} .vt-icon-inf .vtif-txt {line-height: 16px;margin-bottom: 10px;} .vt-icon-inf .vti-inf-upgrade {overflow: hidden;} .vt-icon-inf .vti-inf-upgrade .vtii-upgrade-pic {float: left;width: 115px;height: 30px;border: 1px solid #e0e1e5;line-height: 30px;color: #5e605a;text-align: center;border-radius: 2px;} .vt-icon-inf .vti-inf-upgrade .vtii-upgrade-pic:hover {border-color: #ff9933;background-color: #ff9933; color: #fff;} .vt-icon-inf .vti-inf-upgrade > .vtii-upgrade-pic:nth-child(2){float: right;} .vt-icon-inf .vti-inf-upgrade .border-yellow {border-color: #ff9933;background-color: #fff7df;color: #ff9933;} .vt-icon-inf .vti-inf-verify {text-align: center;padding: 8px 0 0 0;color: #999;} .vt-icon-inf .vti-inf-verify .vti-infv-gif {background: url('img/take_loading.gif') center 0 no-repeat;height: 5px;} .vt-name {position: relative; display: inline-block; } .vt-names { position: absolute; top: 8px; height: 30px;} .vt-name:hover .vt-icon-infor { display: block; } .guding { width: 100%; background-color: #1d1f22; position: fixed; top: 0; z-index: 9; } .global-popup{ width:600px; margin-left: -200px;} .global-popup li{ text-align: center;} .global-popup span{ display: inline-block; width: 25px; height: 25px; vertical-align:middle; padding-right: 10px;} .global-popup .success span{ background: url(img/right_icon.png) no-repeat 0 3px;} .global-popup .error span{ background: url(img/error_icon.png) no-repeat 0 0;} .global-popup .tip span{ background: url(img/tip_icon.png) no-repeat 0 0;} .global-popup li .success { background: url(img/right_icon.png) no-repeat 0 3px;} .global-popup li .error{ background: url(img/error_icon.png) no-repeat 0 0;} .global-popup li .tip { background: url(img/tip_icon.png) no-repeat 0 0;} /*修改密码*/ .modify-box{ width:380px; margin-left: -190px;} .modify-box li{ height:34px;line-height: 34px;} .modify-box .li1{ margin-top: 27px;} .modify-box .li2{ margin-top:50px;} .modify-box .label{ width:105px; font-size: 14px;} .modify-box .text{ height:32px; line-height: 32px; width:288px;} .modify-box .phone{ padding-right: 88px; width:205px;} .modify-box .code{ border: 1px solid #e4e4e4; color: #444; position: absolute; top:2px; right:0;} .modify-box .success{ padding-top: 48px; text-align: center;} .modify-box .success span{ display: inline-block; width: 25px; height: 18px; background: url(img/success_icon.png) no-repeat; vertical-align:middle; padding-right: 10px;} .popup ul,.popup .contText{ padding: 40px 42px 35px; min-height: auto; text-align: left;} .butwotoone-out { position: relative; } .butwotoone { position: absolute; top: -13px; right: -30px; height: 1px; font-size: 12px; text-align: right; color: #fff; } .butwotoone span { position: relative; background-color: #ee5900; display: inline-block; line-height: 18px; padding: 0 3px; text-align: center; border-radius: 3px; } .popup table.add_value_tab{ border: none !important; } .popup table.add_value_tab td,.popup table.add_value_tab th{border: none;} .popup table.add_value_tab th{ background: #f7f7f7;} .popup table.add_value_tab td{ border-bottom: 1px #dfdfdf dashed;} .popup table.add_value_tab tr td .domianTd{ width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px;} .popup table th, .popup table td{padding: 6px 0 6px 20px !important;} .viewFramework-main input[type='text'],.viewFramework-main textarea,.viewFramework-main input[type='number'],.viewFramework-main input[type='password'],.popup input[type='text'],.popup input[type='password']{ height:30px; line-height: 30px; border:1px solid #d1d1d1; padding:0 2px; border-radius:3px;-webkit-border-radius:3px; display: inline-block; vertical-align: middle;} .viewFramework-main input[type='text']:disabled{ background: #eaeae3;} input.disabled,textarea.disabled{ border: 1px solid #ccc !important; background: #eaeae3 !important;} input[type='text']:focus,.viewFramework-main input[type='password']:focus,.viewFramework-main input[type='number']:focus,.popup input[type='text']:focus,.popup input[type='password']:focus, .viewFramework-main select:focus,.viewFramework-main textarea:focus,.popup textarea:focus{ border-color: #ff9933;} .add_value_tab1{ text-align: left; display: block; color: #333; } .popup .add_value_tab input.buy-number{ height: 20px; line-height: 20px; padding: 0; color: #666; position: relative; top:1px} input[type='text'].buy-number:focus{ border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;} .add_value_tab .order30 span{ position: relative; top: 0px;} .add_value_tab2{ max-height: 233px; overflow: auto; padding-bottom: 1px;} .add_value_tab6 a{ color: #ff9933;} /*.popup table .order30{ width: 98px;}*/ .add_value_ul{ position: relative;} .add_value_ul:after{ content: ''; display: block; width: 1px; height: 100%; background: #eee; position: absolute; right: 0; top: 20px;} .global-popup span.delDomian{font-size: 22px; color: #666; text-align: center; cursor: pointer;} .global-popup span.selectOne{ background: url(img/popup_add.png) no-repeat; background-size: 100%; cursor: pointer; display: inline-block; width: 16px; height: 16px; padding: 0;} .nodateimg{display: block; width: 293px; height: 127px; background: url(/static/web2/css/img/nodata.png) no-repeat center; background-size: 200px; margin: 30px auto;} .icon-lock .vt-icon-infor.widthAuto{ width: auto; text-align: left; padding: 10px; top: 100%; white-space: nowrap;} .color999{ color: #999 !important;}