﻿.container{ width:100%; overflow: hidden; padding-bottom: 418px; font-size: 14px;}
#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: none; 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;}
/*cdn加速*/
.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.png);}
.cloud-function .li2{ background-image: url(img/cfunction_bg2.png);}
.cloud-function .li3{ background-image: url(img/cfunction_bg3.png);}
.cloud-function .li4{ background-image: url(img/cfunction_bg4.png);}
.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: #1c1c1c;}
/*高防cdn*/
.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: none; left: 165px; top:60px;}
.monitoring .dd2{ margin:-162px 0 0 206px;}
.monitoring .dd2 i{ width:72px; height: 198px; background: none; left: 26px; top:170px;}
.monitoring .dd3{ margin:187px 0 0 84px;}
.monitoring .dd3 i{ width:213px; height: 40px; background: none; left: -210px; top:100px;}
.monitoring .dd4{ margin:197px 0 0 -292px;}
.monitoring .dd4 i{ width:72px; height: 146px; background: none; left: -28px; top:-150px;}
.monitoring .dd5{ margin:-138px 0 0 -394px;}
.monitoring .dd5 i{ width:187px; height: 159px; background: none; 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;}
/*海外cdn*/
.hijack-fixed{ position: fixed; left:0; top:0; width: 100%;}
.monitor-banner{ background-image: none; 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: none; 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:886px; height: 585px; margin:40px auto;}
.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: 48px;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;line-height: 70px;margin: 0 auto;text-align: center;font-size: 20px;color: #666; }
.hijack-price .hp-pro .hpp-money {font-size: 16px;text-align: center;margin: 35px 0 0;}
.hijack-price .hp-pro .hpp-money em {font-size: 40px;}
.hijack-price .hp-pro .btn{ margin:15px auto 35px; width:180px; height: 36px; text-align: center; line-height: 36px; background: #ffd52b; color: #fff; font-size: 16px; display: block;}
.hijack-partners ul{ overflow: hidden; margin-left: -16px;}
.hijack-price .hp-pro .kuaisu {border-color: #f0d76f;} 
.hijack-price .hp-pro .gaosu {border-color: #f4c573;}
.hijack-price .hp-pro .jisu {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 {color: #edcd48;}
.hijack-price .hp-pro .gaosu .hpp-money {color: #eda11e;}
.hijack-price .hp-pro .jisu .hpp-money {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: none; 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:35px auto 0;}
.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 5%; text-align: center;}
.speed-package tr:nth-child(2n-1){ background: #f8f8f8;}
.speed-package b{ font-size: 22px; color: #ee5900;}
.speed-package .btn{ display: block; width: 104px; height: 30px; text-align: center; line-height: 30px; background: #fbd35c; color: #474747; margin:10px auto 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: none; 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: none; 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:none}
.ui-url .li2 .master{ background:none}
.ui-url .li3 .master{ background:none}
.ui-url .li4 .master{ background:none}
.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: none; 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: none; 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: none;}
.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: none;}
.downloadBg2{ background: none;}
.downloadBg3{ background: none;}
.downloadBg4{ background: none;}
.downloadBg5{ background: none;}
.download-app{ padding:154px 0 0 714px; background: none; 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: none; 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: none;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: none; 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:none; 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: none; 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:none;}
#qps .ui-slider-range{ background:none;}
#ddos{ background:none;}
#ddos .ui-slider-range{ background:none;}
#balancing{ background: none;}
#balancing .ui-slider-range{ background:none;}
#monitoring,#url{ background:none;}
#monitoring .ui-slider-range,#url .ui-slider-range{ background:none;}



.ui-slider .ui-slider-handle{ width: 10px; height: 35px;top:-6px; position: absolute; background:none;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: none;}
.years{background: none;}
#duration .ui-slider-range{background: none;}
.years .ui-slider-range{background-image: none; 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: none; 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: none; 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: none; 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: none; 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 ul{ padding:30px 0 20px;}
.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: none;}
.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;}
.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;width:78px; height: 30px; text-align: center; line-height: 29px; border:1px solid #fbd35c; color: #483c35; background: #fbd35c; 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: none;}
.global-popup .error span{ background: none;}
.global-popup .tip span{ background: none;}

.link-banner{ height:300px; background-image: none; 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: none; 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:none;
    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: none;;
    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: none;}
.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: none;}
.cloud-up .down,.cloud-down .down{ background: none;}
.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: none;}
.yearEnd-bg2{ background: none;}
.yearEnd-bg3{ background: none;}
.yearEnd-bg4{ background: none;}
.yearEnd{ width:100%; background: none; 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: none; 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: none; 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: none; font-size: 44px; margin-bottom: 55px; font-weight: bold; letter-spacing: 3px;}
.yearEnd-event{height: 630px; background: none; 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: none; line-height: 184px; font-size: 24px;}
.yearEnd-version p{ line-height: 20px; font-size: 14px;}
.yearEnd-ad{ height: 276px; padding-top:82px; background: none; 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:none; 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: none; 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{ padding-bottom: 66px; position: relative;*padding-bottom: 270px;}
.ui-package h2{ line-height: 34px; padding:58px 0 0; text-align: center; font-size: 22px; color: #323232;}
.ui-package p{ 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 .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;width: 60px;height: 1px;font-size: 12px;text-align: right;color: #fff;}
.ui-package .butwotoone-out {position: relative;}
.ui-package .butwotoone em, .ui-package .butwotoone span {display: inline-block; line-height: 18px;padding: 0 2px;width: 36px;text-align: center;}
.ui-package .butwotoone span {position: relative;background-color: #ee5900;border-radius: 5px;}
.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 .ora-new {
    position: relative;
}
.ui-package .ora-new em {
    position: absolute;
    top: -13px;
    right: 34px;
    background-color: #ee5900;
    border-radius: 3px;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    padding: 0 2px;
}
.ui-package .ora-new em::after{
    position: absolute;bottom: -3px;left: 5px;width: 3px;height: 3px;content: '';background: url(img/qq_while.png) 0 0 no-repeat;

}
.package-more{ width:100%; height: 170px; background: none; 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: none; 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 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: none; 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:none;}
.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:none;}
.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: none;}
.ui-salon{ background: none; font-size: 14px; overflow: hidden; width:100%; }
.salon-bg1{ background: none;}
.salon-bg2{ background: none;}
.salon-bg3{ background: none;}
.salon-bg4{ background: none;}
.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: none; 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: none; 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: none; 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: none;}
.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:none}.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('img/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}