@charset "utf-8";

/* CSS Document */
/*二级菜单开始*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    width: 0;
    height: 0;
}

/*二级菜单结束*/

/*栏目首页样式*/
/* 取消默认样式影响 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Noto Sans TC;
}

table {
    border-collapse: collapse;
    /* 合并边框 */
    border-spacing: 0;
    /* 取消单元格间距 */
    border: none;
    /* 取消表格边框 */
}

td,
th {
    border: none;
    /* 取消单元格边框 */
    padding: 8px;
    /* 可选：保留内边距 */
}

.cloud-banner.cloud {
    background-image: url(../image/17cloud-1.jpg);
}

.cloud-main {
    min-width: 1200px;
    height: auto;
    position: relative;
}

.cloud-main .tit {
    padding-bottom: 25px;
}

.cloud-main .tit h4 {
    font-size: 30px;
    color: #000;
    line-height: 28px;
    padding-bottom: 10px;
    font-weight: normal;
}

.cloud-main .tit p {
    color: #999;
    font-size: 14px;
    line-height: 20px;
}

.cloud-main .tit p a {
    color: #ff6800;
}

.cloud-main .tit p a:hover {
    text-decoration: underline;
}

.cloud-main-o {
    background: #f2f2f2;
    padding: 48px 0;
}

.cloud-main-o .w-1200 {
    overflow: hidden;
}

.cloud-main-o .o-m .ul-o {
    margin-top: 1px;
    width: 303px;
}

.cloud-main-o .o-m .ul-o li {
    width: 303px;
    border: 1px solid #eaeaea;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    background: #fff;
    padding: 20px 0;
    border-right: 0;
    cursor: pointer;
}

.cloud-main-o .o-m .ul-o li a {
    display: block
}

.cloud-main-o .o-m .ul-o li .li-img {
    width: 56px;
    height: 48px;
    margin: 8px 16px 0 18px;
}

.cloud-main-o .o-m .ul-o li .li-img span {
    display: block;
    width: 56px;
    height: 45px;
    background: url(img.png) no-repeat;
    background-position: 0 -518px;
    float: left;
    margin: 4px 0 0 0;
}

.cloud-main-o .o-m .ul-o li .li-img span.span-t {
    width: 54px;
    height: 48px;
    margin: 0 0 0 1px;
    background-position: 0 -423px;
}

.cloud-main-o .o-m .ul-o li .li-img span.span-s {
    width: 54px;
    height: 47px;
    margin: 0.5px 0 0 1px;
    background-position: 0 -471px;
}

.cloud-main-o .o-m .ul-o li .li-img span.span-f {
    width: 56px;
    height: 48px;
    margin: 0;
    background-position: 0 -563px;
}

.cloud-main-o .o-m .ul-o li dl dt {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 8px;
}

.cloud-main-o .o-m .ul-o li dl dt img {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -1px;
}

.cloud-main-o .o-m .ul-o li dl dd {
    color: #7a7a7a;
    font-size: 12px;
    line-height: 20px;
}

.cloud-main-o i {
    display: block;
    width: 39px;
    height: 39px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(img.png) no-repeat;
}

.cloud-main-o i.new {
    background-position: 0 -45px;
}

.cloud-main-o i.hot {
    background-position: 0 -84px;
}

.cloud-main-o .o-m .ul-o li.on {
    border-color: #ff6800;
    z-index: 2;
    width: 304px;
}

.cloud-main-o .o-m .ul-o li.on dl dt {
    color: #ff6800
}

.cloud-main-o .o-m .ul-t li {
    border: 1px solid #ff6800;
    height: 427px;
    width: 894px;
    background: #fff;
    display: none;
}

.cloud-main-o .o-m .ul-t li .li-m {
    width: 172px;
    height: 100%;
    padding: 0 25px;
    border-right: 1px solid #f2f2f2;
    float: left;
    position: relative;
}

.cloud-main-o .o-m .ul-t li .li-m .tex {
    padding: 20px 0 10px 0;
}

.cloud-main-o .o-m .ul-t li .li-m .tex dl {
    padding-bottom: 10px;
}

.cloud-main-o .o-m .ul-t li .li-m .tex dl dt {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 8px;
}

.cloud-main-o .o-m .ul-t li .li-m .tex dl dd {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.cloud-main-o .o-m .ul-t li .li-m .tex p {
    font-size: 12px;
    color: #333;
    line-height: 30px;
}

.cloud-main-o .o-m .ul-t li .li-m .tex p span {
    color: #666;
}

.cloud-main-o .o-m .ul-t li .li-m .tex p b {
    color: #999;
    display: inline-block;
    margin: 0 12px;
    font-weight: normal;
}

.cloud-main-o .o-m .ul-t li .li-m .choose {
    padding: 10px 0;
    border: 1px solid #f2f2f2;
    border-left: 0;
    border-right: 0;
}

.cloud-main-o .o-m .ul-t li .li-m .choose .fl input {
    display: inline-block;
    margin: 0 6px 0 2px;
    vertical-align: -2px;
}

.cloud-main-o .o-m .ul-t li .li-m .choose .fl label {
    line-height: 20px;
    display: inline-block;
    color: #333;
    font-size: 12px;
}

.cloud-main-o .o-m .ul-t li .li-m .choose .fr p {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.cloud-main-o .o-m .ul-t li .li-m .choose .fr p span {
    font-size: 14px;
    color: #ff6800;
}

.cloud-main-o .o-m .ul-t li .li-m .choosehost {
    margin-top: 15px;
}

.cloud-main-o .o-m .ul-t li .li-m .choosehost p {
    float: left;
}

.cloud-main-o .o-m .ul-t li .li-m .choosehost p b {
    display: inline-block;
    width: 60px;
    height: 24px;
    border: 1px solid #f2f2f2;
    line-height: 24px;
    text-align: center;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    margin-right: 4px;
}

.cloud-main-o .o-m .ul-t li .li-m .choosehost p b.on {
    border-color: #ff6800;
    color: #ff6800
}

.cloud-main-o .o-m .ul-t li .li-m .choosehost span {
    color: #666;
    float: left;
    font-size: 12px;
    line-height: 26px;
}

.cloud-main-o .o-m .ul-t li .li-m .bottom {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -68px;
}

.cloud-main-o .o-m .ul-t li .li-m .bottom p {
    font-size: 12px;
    color: #666;
}

.cloud-main-o .o-m .ul-t li .li-m .bottom p span {
    font-size: 20px;
    color: #ff6800;
}

.cloud-main-o .o-m .ul-t li .li-m .bottom b {
    display: block;
    color: #ff6800;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
}

.cloud-main-o .o-m .ul-t li .li-m .bottom a {
    display: block;
    margin: 0 auto;
    width: 136px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    background: #ff6800;
}

.cloud-main-o .o-m .ul-t li .li-m .bottom a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.cloud-main-o .o-m .ul-t li .li-m.last {
    border: 0;
}

.cloud-main-o .o-m .ul-s {
    margin-top: 13px;
    width: 1250px;
}

.cloud-main-o .o-m .ul-s li {
    width: 288px;
    padding: 32px 0 25px 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    border: 1px solid #eaeaea;
    float: left;
    margin-right: 13.5px;
}

.cloud-main-o .o-m .ul-s li .li-img {
    float: left;
    width: 57px;
    height: 43px;
    margin: 7px 20px 0 24px;
}

.cloud-main-o .o-m .ul-s li .li-img span {
    display: block;
    width: 57px;
    height: 40px;
    float: left;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -611px
}

.cloud-main-o .o-m .ul-s li .li-img span.span-t {
    width: 49px;
    height: 43px;
    background-position: 0 -342px;
}

.cloud-main-o .o-m .ul-s li .li-img span.span-s {
    width: 45px;
    height: 41px;
    background-position: 0 -123px;
}

.cloud-main-o .o-m .ul-s li .li-img span.span-f {
    width: 45px;
    height: 43px;
    background-position: 0 -164px;
}

.cloud-main-o .o-m .ul-s li .li-m {
    float: left;
}

.cloud-main-o .o-m .ul-s li .li-m dl {
    padding-bottom: 20px;
}

.cloud-main-o .o-m .ul-s li .li-m dl dt {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 10px
}

.cloud-main-o .o-m .ul-s li .li-m dl dd {
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

.cloud-main-o .o-m .ul-s li .li-m a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ff6800;
    color: #ff6800;
    font-size: 12px;
}

.cloud-main-o .o-m .ul-s li .li-m a:hover {
    color: #fff;
    background: #ff6800
}

.cloud-main-o .o-m .ul-s li .li-m p {
    display: inline-block;
    line-height: 30px;
    margin-left: 10px;
    color: #666;
    font-size: 12px;
}

.cloud-main-o .o-m .ul-s li .li-m p span {
    font-size: 18px;
    color: #ff6800;
}

.cloud-main-t {
    background: #fff;
    padding: 48px 0 0 0
}

.cloud-main-t .w-1200 {
    overflow: hidden
}

.cloud-main-t .t-m li {
    width: 33.33333%;
    float: left;
    margin: 10px 0 50px 0
}

.cloud-main-t .t-m li .li-img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.cloud-main-t .t-m li .li-img span {
    display: block;
    width: 128px;
    height: 128px;
    float: left;
    margin: 1px 0 0 1px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -902px;
}

.cloud-main-t .t-m li .li-img span.span-t {
    width: 129px;
    height: 112px;
    margin: 9px 0 0 0.5px;
    background-position: 0 -1127px;
}

.cloud-main-t .t-m li .li-img span.span-s {
    width: 117px;
    height: 130px;
    margin: 0 0 0 6.5px;
    background-position: 0 -651px;
}

.cloud-main-t .t-m li .li-img span.span-f {
    width: 128px;
    height: 97px;
    margin: 16.5px 0 0 1px;
    background-position: 0 -1030px;
}

.cloud-main-t .t-m li .li-img span.span-w {
    width: 130px;
    height: 98px;
    margin: 16px 0 0 0;
    background-position: 0 -1239px;
}

.cloud-main-t .t-m li .li-img span.span-l {
    width: 126px;
    height: 121px;
    margin: 4.5px 0 0 2px;
    background-position: 0 -781px;
}

.cloud-main-t .t-m li dl {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.cloud-main-t .t-m li dl dt {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 18px;
    padding-bottom: 8px;
}

.cloud-main-t .t-m li dl dd {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.cloud-main-s {
    width: 100%;
    height: 250px;
    background: url(../image/cloud-2.jpg) no-repeat center;
}

.cloud-main-s ul {
    padding-top: 100px;
}

.cloud-main-s li {
    width: 25%;
    text-align: center;
    float: left;
}

.cloud-main-s li p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.cloud-main-s li p span {
    font-size: 36px;
    font-weight: bold;
}

.cloud-main-s li p i {
    display: block;
}

.cloud-main-f {
    padding: 48px 0;
    background: #f2f2f2
}

.cloud-main-f .s-side {
    overflow: hidden;
    position: relative;
    width: 1200px;
    float: left
}

.cloud-main-f .s-side .hd {
    width: 1200px;
    margin-top: 30px;
}

.cloud-main-f .s-side .hd ul {
    width: 100%;
    text-align: center
}

.cloud-main-f .s-side .hd li {
    width: 8px;
    height: 8px;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px;
    background: #ccc;
    text-indent: -9999px;
    cursor: pointer
}

.cloud-main-f .s-side .hd li.on {
    background: #f86d0d
}

.cloud-main-f .s-side .bd {
    overflow: hidden;
    width: 1220px;
}

.cloud-main-f .s-side .bd li {
    float: left;
    margin: 0 10px 10px 0
}

.cloud-main-f .s-m li img {
    width: 190px;
    height: 93px;
    border: 1px solid #eaeaea
}

.cloud-main-w {
    padding: 50px 0 0 0;
}

.cloud-main-w .ul-o {
    padding-bottom: 45px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

.cloud-main-w .ul-o li {
    width: 25%;
    float: left;
}

.cloud-main-w .ul-o li a {
    display: block;
    width: 90%;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}

.cloud-main-w .ul-o li a:hover {
    color: #ff6800;
}

.cloud-main-w .ul-t {
    margin-bottom: 50px;
}

.cloud-main-w .ul-t li {
    float: left;
    width: 219px;
    margin-right: 30px;
    border-right: 1px solid #eee
}

.cloud-main-w .ul-t li .li-img {
    float: left;
    width: 53px;
    height: 45px;
    margin-right: 10px;
}

.cloud-main-w .ul-t li .li-img span {
    display: block;
    width: 45px;
    height: 45px;
    float: left;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -297px;
}

.cloud-main-w .ul-t li .li-img span.span-t {
    width: 45px;
    height: 45px;
    background-position: 0 -207px
}

.cloud-main-w .ul-t li .li-img span.span-s {
    width: 37px;
    height: 45px;
    background-position: 0 0
}

.cloud-main-w .ul-t li .li-img span.span-f {
    width: 53px;
    height: 38px;
    margin: 3.5px 0 0 0;
    background-position: 0 -385px
}

.cloud-main-w .ul-t li .li-img span.span-w {
    width: 45px;
    height: 45px;
    background-position: 0 -252px;
}

.cloud-main-w .ul-t li p {
    float: left;
    line-height: 45px;
    font-size: 16px;
    color: #666
}

.cloud-main-w .ul-t li.last {
    margin: 0;
    border: 0;
    width: 200px;
}

/*橙云服务器样式*/
.cloud-banner {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center top;
}

.cloud-banner .banner-tex {
    text-align: center;
    color: #fff;
    padding-top: 235px;
}

.cloud-banner .banner-tex p {
    font-size: 36px;
    line-height: 36px;
}

.cloud-banner .banner-tex span {
    font-size: 16px;
    display: block;
    line-height: 26px;
    padding-top: 25px;
}

.cloud-banner.cloudbuy {
    position: relative;
    min-width: 1200px;
    overflow: hidden;
}

.cloud-banner.cloudbuy .bd li {
    width: 100%;
    height: 520px;
    background-position: center;
    background-repeat: no-repeat;
}

.cloud-banner.cloudbuy .bd li a {
    display: block;
    height: 100%;
}

.cloud-banner.cloudbuy .hd {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 15px;
}

.cloud-banner.cloudbuy .hd li {
    width: 8px;
    height: 8px;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px;
    background: #ccc;
    text-indent: -9999px;
    cursor: pointer
}

.cloud-banner.cloudbuy .hd li.on {
    background: #f86d0d
}

.cloud-main-t .t-o ul {
    width: 1300px;
}

.cloud-main-t .t-o li {
    width: 255px;
    float: left;
    margin: 10px 55px 50px 0
}

.cloud-main-t .t-o li .li-img {
    width: 64px;
    height: 64px;
}

.cloud-main-t .t-o li .li-img span {
    width: 54px;
    height: 64px;
    margin: 0 0 0 5px;
    background-position: 0 -1345px;
}

.cloud-main-t .t-o li .li-img span.span-t {
    width: 57px;
    height: 60px;
    margin: 2px 0 0 3.5px;
    background-position: 0 -1409px;
}

.cloud-main-t .t-o li .li-img span.span-s {
    width: 60px;
    height: 60px;
    margin: 2px 0 0 2px;
    background-position: 0 -1469px;
}

.cloud-main-t .t-o li .li-img span.span-f {
    width: 59px;
    height: 60px;
    margin: 2.5px 0 0 2px;
    background-position: 0 -1529px;
}

.cloud-main-t .t-o li .li-img span.span-w {
    width: 60px;
    height: 60px;
    margin: 2px 0 0 2px;
    background-position: 0 -1589px;
}

.cloud-main-t .t-o li .li-img span.span-l {
    width: 64px;
    height: 64px;
    margin: 0;
    background-position: 0 -1649px;
}

.cloud-main-t .t-o li .li-img span.span-q {
    width: 60px;
    height: 60px;
    margin: 2px 0 0 2px;
    background-position: 0 -1713px;
}

.cloud-main-t .t-o li .li-img span.span-b {
    width: 64px;
    height: 62px;
    margin: 1px 0 0 0;
    background-position: 0 -1773px;
}

.cloud-main-t .t-t {
    position: relative;
    margin-bottom: 20px;
}

.cloud-main-t .t-t p {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding-right: 30px;
    background: #fff;
    position: relative;
    z-index: 2;
    display: inline-block
}

.cloud-main-t .t-t .line {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5px;
}

.cloud-main-t .t-s {
    margin-bottom: 50px;
}

.cloud-main-t .t-s table {
    width: 1199px;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    color: #666;
    font-size: 13px;
}

.cloud-main-t .t-s table td {
    border: 1px solid #eee
}

.cloud-main-t .t-s table .tr-o td {
    border: 0;
    text-align: center;
}

.cloud-main-t .t-s table .tr-o td p {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 20px;
    line-height: 22px;
}

.cloud-main-t .t-s table .tr-o td p span {
    color: #ff6800
}

.cloud-main-t .t-s table .tr-t td p {
    line-height: 20px;
    padding: 15px 20px;
}

.cloud-main-t .t-s table .tr-t td p span {
    font-size: 14px;
    font-weight: bold;
}

.cloud-main-t .t-f {
    height: 340px;
    background: url(../image/17cloud-3.jpg) no-repeat center;
    background-attachment: fixed;
}

.cloud-main-t .t-f ul {
    padding-top: 150px;
}

.cloud-main-t .t-f li {
    width: 25%;
    text-align: center;
    float: left;
}

.cloud-main-t .t-f li p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.cloud-main-t .t-f li p span {
    font-size: 36px;
    font-weight: bold;
}

.cloud-main-t .t-f li p i {
    display: block;
}

.cloud-main-w .w-m {
    padding: 60px 0;
    background: #f2f2f2
}

.cloud-main-w .w-m .tit-o {
    text-align: center;
    color: #333;
    font-size: 20px;
    padding-bottom: 40px;
}

.cloud-main-w .w-m .tit-o span {
    color: #666
}

.cloud-main-w .w-m ul {
    width: 1230px;
}

.cloud-main-w .w-m li {
    width: 290px;
    float: left;
    margin-right: 13px;
}

.cloud-main-w .w-m li .li-t {
    background: #fff;
    width: 100%;
    padding: 30px 0 25px 0;
    text-align: center;
}

.cloud-main-w .w-m li .li-t h4 {
    font-weight: normal;
    font-size: 18px;
    color: #333;
    line-height: 18px;
}

.cloud-main-w .w-m li .li-t-img {
    width: 123px;
    height: 90px;
    margin: 20px auto;
}

.cloud-main-w .w-m li .li-t-img span {
    width: 90px;
    height: 90px;
    display: block;
    float: left;
    margin: 0 0 0 16.5px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -1835px;
}

.cloud-main-w .w-m li .li-t-img span.span-t {
    width: 123px;
    height: 89px;
    margin: 0.5px 0 0 16.5px;
    background-position: 0 -1925px;
}

.cloud-main-w .w-m li .li-t-img span.span-s {
    width: 73px;
    height: 73px;
    margin: 8.5px 0 0 25px;
    background-position: 0 -2014px;
}

.cloud-main-w .w-m li .li-t-img span.span-f {
    width: 94px;
    height: 82px;
    margin: 4px 0 0 14.5px;
    background-position: 0 -2087px;
}

.cloud-main-w .w-m li .li-t-img span.span-w {
    width: 98px;
    height: 66px;
    margin: 12px 0 0 12.5px;
    background-position: 0 -3359px;
}

.cloud-main-w .w-m li .li-t-img span.span-l {
    width: 126px;
    height: 81px;
    margin: 4.5px 0 0 0;
    background-position: 0 -3425px;
}

.cloud-main-w .w-m li .li-t .p-o {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 24px;
}

.cloud-main-w .w-m li .li-t .p-t {
    color: #666;
    font-size: 14px;
    padding-top: 20px;
}

.cloud-main-w .w-m li .li-t .p-t span {
    color: #ff8a00
}

.cloud-main-w .w-m li .li-t .p-t span b {
    font-size: 24px;
    font-weight: normal;
}

.cloud-main-w .w-m li .li-b {
    width: 100%;
    height: 44px;
    background: #f8f8f8;
    text-align: center;
}

.cloud-main-w .w-m li .li-b a {
    color: #666;
    font-size: 14px;
    display: block;
    line-height: 17px;
    padding: 13.5px 0;
}

.cloud-main-w .w-m li .li-b a span {
    display: inline-block;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2169px;
    padding-left: 22px;
}

.cloud-main-w .w-m li .li-b a:hover {
    color: #ff8a00
}

.cloud-main .cloud-main-l .tit {
    text-align: center;
}

.cloud-main-l {
    background: #f2f2f2;
    padding: 50px 0 60px 0;
    position: relative;
}

.sliderbox {
    position: relative;
}

.cloud-main-l .l-l {
    padding: 30px 42px;
    background: #fff;
}

.cloud-main-l .l-l h4 {
    color: #888;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 20px;
    font-weight: normal;
    width: 75px;
    text-align: right;
    position: relative;
}

.cloud-main-l .l-l h4::after {
    content: '';
    display: block;
    width: 3px;
    height: 30%;
    background: #09F;
    position: absolute;
    left: 46px;
    top: 0;
}

.cloud-main-l .l-l .slider-m-o {
    margin-bottom: 35px;
}

.cloud-main-l .l-l .slider-m-o .p-o {
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: #333;
    font-weight: 400;
    width: 75px;
    text-align: right;
    margin-right: 70px;
}

.cloud-main-l .l-l .slider-m-o .ul-o {
    float: left;
    width: 970px;
    margin-top: -10px;
    margin-left: -10px;
}

.cloud-main-l .l-l .slider-m-o .ul-o li {
    float: left;
    width: 149px;
    height: 36px;
    background: #fbfbfb;
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
}

.cloud-main-l .l-l .slider-m-o .ul-o li:hover {
    color: #ff6800
}

.cloud-main-l .l-l .slider-m-o .ul-o li.on {
    color: #fff;
    background: #ff6800;
    border-color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-o li.on:hover {
    color: #fff
}

.cloud-main-l .l-l .slider-m-o .ul-o li b {
    color: #ff6800;
    font-weight: normal;
}

.cloud-main-l .l-l .slider-m-o .ul-o li.on b {
    color: #fff
}

.cloud-main-l .l-l .slider-m-o .ul-o li i {
    display: block;
    width: 42px;
    height: 18px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2226px;
    position: absolute;
    right: 0;
    top: -19px;
}

.cloud-main-l .l-l .slider-m-o .ul-o li.hov p,
.cloud-main-l .l-l .slider-m-o .ul-o li.hov span {
    display: block;
}

.cloud-main-l .l-l .slider-m-o .slider-m-o-m {
    float: left;
    position: relative;
    margin: 5px 10px 0 0;
    width: 810px;
}

.cloud-main-l .l-l .slider-m-o .slider-m-o-m .slider-tip {
    position: absolute;
    left: 0;
    top: -22px;
    padding: 0;
    font-size: 12px;
    color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .slider-m-o-m .jdt {
    width: 808px;
    height: 20px;
    border: 1px solid #e2e2e2;
    background: #fbfbfb;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.cloud-main-l .l-l .slider-m-o .slider {
    width: 794px;
    height: 20px;
    border: 1px solid #e2e2e2;
    border-right: 0;
    position: relative;
    cursor: pointer;
}

.cloud-main-l .l-l .slider-m-o .slider .ui-slider-range {
    background: #e95f00;
    height: 22px;
    position: absolute;
    left: -1px;
    top: -1px;
}

.cloud-main-l .l-l .slider-m-o .slider .ui-slider-handle {
    width: 16px;
    height: 26px;
    margin-left: -1px;
    position: absolute;
    left: 295px;
    top: -3.5px;
    outline: none;
    background: url(../image/cloud-18.gif) no-repeat center #ff6800;
    z-index: 2;
}

.cloud-main-l .l-l .slider-m-o-m p {
    width: 810px;
}

.cloud-main-l .l-l .slider-m-o-m p span {
    font-size: 12px;
    color: #999;
    display: inline-block;
    cursor: pointer;
    line-height: 22px;
    cursor: pointer;
}

.cloud-main-l .l-l .slider-m-o-m p.p-tit span {
    width: 263px;
}

.cloud-main-l .l-l .slider-m-o-m p.p-t span {
    width: 131px;
}

.cloud-main-l .l-l .slider-m-o-m p.p-s span {
    width: 279px;
}

.cloud-main-l .l-l .slider-m-o-m p.p-s span.span-o {
    width: 500px;
}

.cloud-main-l .l-l .slider-m-o-m p.p-l span {
    width: 156px;
}

.cloud-main-l .l-l .slider-m-o-m p span:last-child {
    width: auto;
}

.cloud-main-l .l-l .slider-m-o-m p.p-f span {
    width: 50%;
}

.cloud-main-l .l-l .slider-m-o-m p.p-f span.last {
    text-align: right
}

.cloud-main-l .l-l .slider-m-o-b {
    float: left;
}

.cloud-main-l .l-l .slider-m-o-b .bor {
    border: 1px solid #e7e7e7;
    padding-right: 7px;
    float: left;
}

.cloud-main-l .l-l .slider-m-o-b input {
    width: 64px;
    padding: 0 5px;
    vertical-align: top;
    height: 28px;
    text-align: center;
    line-height: 24px;
    border: 0;
    color: #ff6800;
    font-size: 14px;
    display: inline-block;
}

.cloud-main-l .l-l .slider-m-o-b p {
    width: 33px;
    color: #999;
    font-size: 12px;
    display: inline-block;
    line-height: 28px;
    text-align: right;
}

.cloud-main-l .l-l .slider-m-o-b .count {
    float: left;
    margin-top: 1px;
}

.cloud-main-l .l-l .slider-m-o-b .count a {
    display: block;
    margin-top: -1px;
    width: 30px;
    height: 13.5px;
    line-height: 13.5px;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-left: 0;
}

.cloud-main-l .l-l .slider-m-o-b .count a:hover {
    background-color: #f1f1f1;
}

.cloud-main-l .l-l .slider-m-o-b .count a:after {
    content: "";
    display: inline-block;
    margin-top: 4.5px;
    border: 4px solid transparent;
    border-top: 5px solid #bdbdbd;
    width: 0;
    height: 0px;
}

.cloud-main-l .l-l .slider-m-o-b .count a.top-arrow:after {
    border: 4px solid transparent;
    border-bottom: 5px solid #bdbdbd;
    margin-top: .5px;
}

.cloud-main-l .l-l .slider-m-o .sel {
    float: left;
    position: relative;
    width: 200px;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-inp {
    height: 36px;
    background: #fbfbfb;
    cursor: pointer;
    border: 1px solid #e2e2e2;
}

.cloud-main-l .l-l .slider-m-o .sel span {
    float: left;
    width: 19px;
    height: 17px;
    background: url(../image/img.png) no-repeat;
    display: block;
    background-position: 0 -2261px;
    margin: 10px 0 0 10px;
}

.cloud-main-l .l-l .slider-m-o .sel span.span-t {
    width: 20px;
    height: 18px;
    background-position: 0 -2296px;
}

.cloud-main-l .l-l .slider-m-o .sel p {
    float: left;
    line-height: 36px;
    color: #666666;
    margin-left: 10px;
}

.cloud-main-l .l-l .slider-m-o .sel p img {
    display: inline-block;
    vertical-align: -2px;
    margin-left: 5px;
}

.cloud-main-l .l-l .slider-m-o .sel i {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg t='1748230772245' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4638' width='16' height='16'%3E%3Cpath d='M512 693.333333c-14.933333 0-29.866667-4.266667-40.533333-14.933333l-277.33333399-234.666667c-27.733333-23.466667-29.866667-64-8.53333301-89.6 23.466667-27.733333 64-29.866667 89.6-8.53333299L512 546.133333l236.8-200.53333299c27.733333-23.466667 68.266667-19.19999999 89.6 8.53333299 23.466667 27.733333 19.19999999 68.266667-8.53333301 89.6l-277.33333399 234.666667c-10.666667 10.666667-25.6 14.933333-40.533333 14.933333z' fill='%23707070' p-id='4639'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.5s ease-in-out;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-inp.on {
    background: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-inp.on span {
    background-position: 0 -2244px;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-inp.on span.span-t {
    background-position: 0 -2278px;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-inp.on p {
    color: #fff;
}


.cloud-main-l .l-l .slider-m-o .sel .sel-inp i {
    display: block;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-m {
    position: absolute;
    left: 0;
    top: 36px;
    display: none;
    z-index: 10;
    width: 170px;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-m.sor {
    height: 150px;
    width: 100%;
    overflow-y: scroll
}

.cloud-main-l .l-l .slider-m-o .sys-m .sel-m.sor .sel-m-o {
    width: auto;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-m-o {
    width: 198px;
    height: 36px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e8e8e8;
    border-top: 0;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-m-o i {
    display: none;
}

.cloud-main-l .l-l .slider-m-o .sel .sel-m-o:hover {
    background: #e8e8e8
}

.cloud-main-l .l-l .slider-m-o .sys-m {
    float: left;
    margin-left: 10px;
}

.cloud-main-l .l-l .slider-m-o .sys-m .sel {
    width: 380px;
    display: none;
}

.cloud-main-l .l-l .slider-m-o .sys-m .sel-m-o {}

.cloud-main-l .l-l .slider-m-o .ul-t {
    float: left;
}

.cloud-main-l .l-l .slider-m-o .ul-t li {
    height: 34px;
    line-height: 34px;
    min-width: 46px;
    padding: 0 20px;
    border: 1px dashed #bcbcbc;
    font-size: 14px;
    color: #6a6a6a;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    float: left;
    text-align: center
}

.cloud-main-l .l-l .slider-m-o .ul-f {
    float: left;
}

.cloud-main-l .l-l .slider-m-o .ul-f li {
    height: 34px;
    line-height: 34px;
    min-width: 90px;
    padding: 0 20px;
    border: 1px dashed #bcbcbc;
    font-size: 14px;
    color: #6a6a6a;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    float: left;
    text-align: center
}

.cloud-main-l .l-l .slider-m-o .ul-f li i {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2363px;
    width: 25px;
    height: 24px;
    display: none;
}

.cloud-main-l .l-l .slider-m-o .ul-f li.on {
    border: 1px solid #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-f li.on i {
    display: block;
}

.cloud-main-l .l-l .slider-m-o .ul-w {
    position: relative;
    width: 980px;
    float: left;
    margin: -10px 0 0 -10px;
}

.cloud-main-l .l-l .slider-m-o .ul-w li {
    float: left;
    margin: 10px 0 0 10px;
    position: relative;
}

.cloud-main-l .l-l .slider-m-o .ul-w dl {
    width: 150px;
    border: 1px solid #e2e2e2;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.cloud-main-l .l-l .slider-m-o .ul-w dt {
    line-height: 36px;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
}

.cloud-main-l .l-l .slider-m-o .ul-w dd {
    line-height: 26px;
    font-size: 12px;
}

.cloud-main-l .l-l .slider-m-o .ul-w dd i {
    color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-w li p {
    display: none;
    color: #666;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -160px;
    background: #fff;
    width: 300px;
    text-align: center;
    z-index: 10;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .18);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .18);
    box-shadow: 0 0 4px rgba(0, 0, 0, .18);
}

.cloud-main-l .l-l .slider-m-o .ul-w li p:after {
    content: "";
    display: block;
    width: 18px;
    height: 10px;
    background: url(../image/17cloud-2.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -10px;
}

.cloud-main-l .l-l .slider-m-o .ul-w li span {
    height: 7px;
    width: 12px;
    background: url(http://img.cndns.com/cn/cloud/images/cloudbuy1.png) no-repeat;
    background-position: -344px -249px;
    position: absolute;
    display: block;
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    display: none;
    z-index: 10
}

.cloud-main-l .l-l .slider-m-o .ul-w li:hover dl {
    color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-w li:hover p {
    display: block;
}

.cloud-main-l .l-l .slider-m-o .ul-w li.on dl {
    color: #ff6800;
    border-color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-w li.on dt {
    background-color: #ff6800;
    color: #fff;
    border-color: #ff6800;
}

.cloud-main-l .l-l .choose {
    padding: 15px 0 0 0;
    background: #fafbfc;
    border: 1px solid #eeeeee;
    border-left: 0;
    border-right: 0;
    position: relative;
    margin: 0 -42px 30px -42px;
}

.cloud-main-l .l-l .choose .slider-m-o .p-o {
    margin-left: 42px;
}

.cloud-main-l .l-l .choose-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 39px;
    height: 39px;
    background: url(../image/img.png);
    background-position: 0 -2324px;
}

.cloud-main-l .l-l .choose .slider-m-o {
    margin-bottom: 15px;
}

.cloud-main-l .l-l .slider-m-o .ul-t li i {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2363px;
    width: 25px;
    height: 24px;
    display: none;
}

.cloud-main-l .l-l .slider-m-o .ul-t li.on {
    border: 1px solid #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-t li.on i {
    display: block;
}

.cloud-main-l .l-l .slider-m-o .p-w {
    float: left;
    color: #ff6800;
    font-size: 14px;
    line-height: 36px;
    margin-right: 10px;
}

.cloud-main-l .l-l .slider-m-o .a-o {
    float: left;
    line-height: 36px;
    padding-left: 10px;
    border-left: 1px solid #dddddd;
    display: block;
    height: 36px;
}

.cloud-main-l .l-l .slider-m-o .a-o span {
    display: inline-block;
    line-height: 14px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2387px;
    padding-left: 20px;
    color: #6a6a6a;
    font-size: 12px;
    margin-top: 12px;
}

.cloud-main-l .l-l .slider-m-o .a-o span:hover {
    color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o .ul-s {
    float: left;
    width: 970px;
    margin-left: -38px;
}

.cloud-main-l .l-l .slider-m-o .ul-s li {
    float: left;
    margin-left: 40px;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
}

.cloud-main-l .l-l .slider-m-o .ul-s li input {
    float: left;
    margin: 11px 5px 0 0
}

.cloud-main-l .l-l .slider-m-o .ul-s li label {
    float: left;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.cloud-main-l .l-l .slider-m-o .ul-s li label span {
    color: #ff4900;
    font-size: 18px;
}

.cloud-main-l .l-l .slider-m-o .ul-s li label del {
    font-size: 12px;
    color: #999;
    display: block;
    line-height: 12px;
    margin-top: -2px;
}

.cloud-main-l .l-l .slider-m-o .ul-s li i {
    display: block;
    position: absolute;
    right: 0;
    top: -10px;
    min-width: 40px;
    height: 19px;
    background: url(../image/img.png);
    background-position: 0 -2401px;
}

.cloud-main-l .l-l .slider-m-o .ul-s li i span {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #fff;
    padding: 0 4px;
    background: #6ca92b
}

.cloud-main-l .l-l .slider-m-o .ul-s li:last-child {
    margin-right: 0;
}

.cloud-main-l .l-l .slider-m-o.jg {
    margin: 35px 0 -10px 0
}

.cloud-main-l .l-r {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    width: 1200px;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    margin-left: -600px;
    bottom: 0;
    z-index: 10;
    background: #fbfbfb;
    padding: 23px 15px;
    border: 1px solid #d7d7d7;
}

.cloud-main-l .l-r h4 {
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    width: 75px;
    text-align: right;
    font-weight: normal;
}

.cloud-main-l .l-r ul {
    float: left;
}

.cloud-main-l .l-r li {
    margin-left: 30px;
}

.cloud-main-l .l-r li p {
    line-height: 24px;
}

.cloud-main-l .l-r li .p-o {
    color: #999;
    font-size: 12px;
    float: left;
}

.cloud-main-l .l-r li .p-t {
    float: left;
    color: #888;
    font-size: 12px;
}

.cloud-main-l .l-r li .p-t span {
    color: #ff6800;
}

.cloud-main-l .l-r .pri {
    float: right;
}

.cloud-main-l .l-r .pri .p-o {
    color: #999;
    font-size: 12px;
    float: left;
    line-height: 30px;
}

.cloud-main-l .l-r .pri .p-t {
    float: left;
    line-height: 22px;
    margin-right: 18px;
}

.cloud-main-l .l-r .pri .p-t b {
    color: #ff6800;
    font-size: 30px;
}

.cloud-main-l .l-r .pri .p-t span {
    font-size: 24px;
    font-weight: normal;
}

.cloud-main-l .l-r .pri .p-t del {
    color: #999;
    font-size: 12px;
    display: block;
    margin-left: 10px;
}

.cloud-main-l .l-r .pri-con a {
    display: block;
    float: left;
    display: block;
    width: 200px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    background-color: #ff6800;
    color: #fff;
}

.cloud-main-l .l-r .pri-con a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.cloud-main-l .l-r .pri-con a.loading {
    margin: 0;
    text-indent: -99999px;
    background-image: url(../image/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.cloud-main-l .l-r p.tex {
    color: #333;
    font-size: 12px;
    line-height: 22px;
    margin: 5px 0 0 0;
    text-align: right;
}

.cloud-main-l .l-r p.tex a {
    color: #ff6800;
    margin-left: 5px;
}

.cloud-main-l .l-r p.tex a:hover {
    text-decoration: underline;
}

.cloud-main-l .l-r.fix {
    position: inherit;
    left: inherit;
    margin: 0;
    bottom: inherit;
}

.cloud-main-l i.discount-icon {
    display: none;
    width: 159px;
    height: 19px;
    background: url(../image/cloud-28.gif) no-repeat;
    position: absolute;
    right: 25px;
    top: 28px;
}

/*金橙云服务器样式*/
.cloud-banner.goldcloud {
    background-image: url(../image/17cloud-4.jpg);
}

.cloud-main-q {
    padding-bottom: 80px;
    background-color: #fff;
}

.cloud-main-q .q-t {
    height: 560px;
    padding-top: 80px;
    background: url(../image/17cloud-5.jpg) no-repeat center;
    background-attachment: fixed;
}

.cloud-main-q .q-t .tex {
    padding: 110px 0 0 0;
    text-align: center;
    color: #fff;
    background: url(../image/17cloud-6.png) no-repeat center top;
}

.cloud-main-q .q-t .tex h4 {
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 20px;
    font-weight: normal;
}

.cloud-main-q .q-t .tex p {
    font-size: 14px;
    line-height: 26px;
}

.cloud-main-q .q-t .tex p span {
    display: block;
    font-size: 16px;
    padding-top: 5px;
}

.cloud-main-q .q-b {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    ;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    padding-top: 50px;
    margin-top: -225px;
    background-color: #fff;
}

.cloud-main-q .q-b h4 {
    text-align: center;
    color: #333;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 55px;
    font-weight: normal;
}

.cloud-main-q .q-b li {
    width: 495px;
    margin: 0 40px 60px 60px;
    display: inline-block
}

.cloud-main-q .q-b li .li-img {
    float: left;
    width: 111px;
    height: 107px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2420px;
    margin-right: 30px;
}

.cloud-main-q .q-b li .li-img.img-t {
    background-position: 0 -2527px;
}

.cloud-main-q .q-b li .li-img.img-s {
    background-position: 0 -2639px;
}

.cloud-main-q .q-b li .li-img.img-f {
    background-position: 0 -2746px;
}

.cloud-main-q .q-b li .li-tex {
    float: left;
}

.cloud-main-q .q-b li .li-tex h5 {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 10px;
}

.cloud-main-q .q-b li .li-tex p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.gold .cloud-main-l .l-l .slider-m-o-m p.p-tit span {
    width: 195px;
}

.gold .cloud-main-l .l-l .slider-m-o-m p span:last-child {
    width: auto;
}

.gold .cloud-main-l .l-l .slider-m-o-m p.p-f span.last {
    width: 50%;
}


/*云虚拟主机样式*/
.cloud-banner.host {
    background-image: url(../image/17cloud-10.jpg);
    height: 320px;
}

.cloud-banner.host .banner-tex {
    padding-top: 125px;
}

.cloud-banner.host .banner-tex span {
    font-size: 16px;
    line-height: 28px;
}

.hosting .cloud-main-l .l-r li .p-t {
    width: 180px;
}

.cloud-main-l .l-r li .p-t.sys-tex {
    width: 300px;
}

.hosting .cloud-main-l .l-r h4 {
    margin-top: 15px;

}

.cloud-main-l .l-r .count-num {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.cloud-main-l .l-r .count-num .p-t {
    line-height: 22px;
}

.cloud-main-l .l-r .count-num .p-t b {
    color: #ff6800;
    font-size: 30px;
    font-weight: 400;
    margin-right: 17px;
}

.cloud-main-l .l-r .count-num .p-t span {
    font-size: 24px;
    font-weight: normal;
}

.cloud-main-l .l-r .count-num .p-t del {

    font-family: Noto Sans TC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.cloud-main-l .l-r .count-num-disc {
    background: #FFF4ED;
    border-radius: 4px;
    color: #FF6800;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    padding: 10px 16px;
    margin-top: 5px;
}

.cloud-main-l .l-r .pri-con {
    position: relative;

}

.cloud-main-l .l-r .pri-con .count-num-disc {
    position: absolute;
    right: 218px;
    top: 22px;
    line-height: 18px;
}

.cloud-main-se {
    padding: 60px 0;
}

.cloud-main-se li {
    float: left;
    width: 240px;
    border: 1px solid #e6e6e6;
    padding: 30px 20px;
    min-height: 293px;
    margin-right: 24px;
}

.cloud-main-se li dl dt {
    width: 55px;
    height: 55px;
    margin: 0 auto;
}

.cloud-main-se li dl dt span {
    display: block;
    ;
    float: left;
    width: 46px;
    height: 55px;
    margin: 0 0 0 4.5px;
    background: url(../image/17cloud-7.png) no-repeat;
}

.cloud-main-se li:nth-child(2) dl dt span {
    width: 48px;
    height: 54px;
    margin: .5px 0 0 3.5px;
    background-position: 0 -55px;
}

.cloud-main-se li:nth-child(3) dl dt span {
    width: 54px;
    height: 54px;
    margin: 0 0 0 .5px;
    background-position: 0 -109px;
}

.cloud-main-se li:nth-child(4) dl dt span {
    width: 55px;
    height: 55px;
    margin: 0;
    background-position: 0 -163px;
}

.cloud-main-se li:last-child {
    margin-right: 0;
}

.cloud-main-se li dl dd {
    color: #f86d0d;
    font-size: 16px;
    line-height: 16px;
    padding-top: 15px;
    text-align: center;
}

.cloud-main-se li p {
    padding-top: 25px;
    color: #696969;
    font-size: 12px;
    line-height: 20px;
}

.cloud-main-se li p a {
    display: block;
}

.cloud-main-ss {
    height: 580px;
    background: url(../image/17cloud-8.jpg) no-repeat center top #f5f5f5;
}

.cloud-main .cloud-main-ss .tit h4 {
    padding-top: 90px;
    padding-left: 650px;
}

.cloud-main-ss ul {
    margin-left: 625px;
}

.cloud-main-ss ul li {
    float: left;
}

.cloud-main-ss ul li img {
    width: 153px;
    height: 58px;
    border: 1px solid #e6e6e6;
    margin: 0 0 25px 25px;
}

.cloud-main-l .l-l .slider-m-o .ul-o li span {
    display: inline-block;
    width: 19px;
    height: 17px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2261px;
    margin-right: 5px;
    vertical-align: -2px;
}

.cloud-main-l .l-l .slider-m-o .ul-o li:nth-child(2) span {
    width: 20px;
    height: 18px;
    background-position: 0 -2296px;
    vertical-align: -3px;
}

.cloud-main-l .l-l .slider-m-o .ul-o li.on span {
    background-position: 0 -2244px;
}

.cloud-main-l .l-l .slider-m-o .ul-o li:nth-child(2).on span {
    background-position: 0 -2278px;
}

.cloud-login-ipt input {
    border-top: 1px solid #eee;
    width: 188px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    float: left;
    border: 1px solid #ff6800;
    font-family: Noto Sans TC;
}

.cloud-login-ipt .tip {
    line-height: 36px;
    color: #6a6a6a;
    font-size: 12px;
}

.cloud-login-ipt .tip i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    background: url(../image/img.png) no-repeat;
}

.cloud-login-ipt .tip i.error-icon {
    background-position: 0 -3327px;
}

.cloud-login-ipt .tip i.warning-icon {
    background-position: 0 -3313px;
}

.cloud-login-ipt .tip i.true-icon {
    background-position: -14px -3313px;
}

.cloud-login-ipt .tip span {
    color: #ff6800;
}

.cloud-login-ipt .fl {
    margin-left: 25px;
}

.cloud-login-degree {
    margin-top: 8px;
}

.cloud-login-degree span {
    display: inline-block;
    vertical-align: top;
    width: 52px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    background-color: #d2d2d2;
    margin-right: 1px;
}

.cloud-main-l .l-r.hosting-set {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-top: 1px solid #eee;
    position: inherit;
    left: inherit;
    bottom: inherit;
    display: block;
    margin-left: 0;
}

/*云虚拟主机改版-180704*/
.cloudHosting-xg-menu ul {
    margin-left: 1px;
}

.cloudHosting-xg-menu li {
    float: left;
    width: 12.2%;
    position: relative;
    margin-left: -1px;
}

.cloudHosting-xg-menu li:after {
    display: none;
    content: '';
    border: 7px solid transparent;
    border-top: 7px solid #ff6800;
    width: 0;
    height: 0px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -14px;
}

.cloudHosting-xg-menu a {
    display: block;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    color: #666;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
}

.cloudHosting-xg-menu a:hover {
    color: #ff6800;
}

.cloudHosting-xg-menu .cur a {
    background-color: #ff6800;
    color: #fff;
}

.cloudHosting-xg-menu .cur:after {
    display: block;
}

.cloudHosting-xg-con {
    padding: 60px 0;
    background-color: #f5f5f5;
}

.cloudHosting-xg-con .tit {
    text-align: center;
}

.cloudHosting-xg-con .tit span {
    color: #ff6800;
}

.cloudHosting-xg-nr ul {
    margin-left: -16px;
    display: none;
}

.cloudHosting-xg-nr li {
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    float: left;
    width: 248px;
    background-color: #fff;
    padding: 25px 20px;
    color: #666;
    font-size: 12px;
    margin-left: 16px;
}

.cloudHosting-xg-nr h5 {
    text-align: center;
    color: #000;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
}

.cloudHosting-xg-sz {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #f2f2f2;
}

.cloudHosting-xg-sz dl {
    float: left;
    width: 33%;
    text-align: center;
    border-left: 1px solid #f2f2f2;
    line-height: 24px;
}

.cloudHosting-xg-sz dl:first-child {
    border: 0;
}

.cloudHosting-xg-sz dt {
    color: #333;
    font-size: 24px;
}

.cloudHosting-xg-text {
    margin-top: 10px;
}

.cloudHosting-xg-text dl {
    line-height: 22px;
}

.cloudHosting-xg-text dt {
    float: left;
    width: 60px;
    text-align: right
}

.cloudHosting-xg-text dd {
    float: left;
    width: 188px;
}

.cloudHosting-xg-btn {
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid #f2f2f2;
}

.cloudHosting-xg-pri {
    text-align: center;
}

.cloudHosting-xg-pri p {
    line-height: 30px;
}

.cloudHosting-xg-pri span {
    color: #ff6800;
    font-size: 30px;
}

.cloudHosting-xg-pri b {
    color: #ff6800;
    font-size: 16px;
    font-weight: normal;
}

.cloudHosting-xg-pri i {
    display: block;
    color: #ff6800;
    line-height: 16px;
}

.cloudHosting-xg-btn a {
    color: #fff;
    font-size: 16px;
    display: block;
    width: 220px;
    line-height: 44px;
    text-align: center;
    background-color: #ff6800;
    margin: 10px auto auto auto;
}

.cloudHosting-xg-btn a:hover {
    background-color: #eb6000;
}

.cloudHosting-poin {
    padding: 60px 0;
}

.cloudHosting-poin .tit {
    text-align: center;
}

.cloudHosting-td ul {
    margin-left: -24px;
}

.cloudHosting-td li {
    float: left;
    border: 1px solid #e6e6e6;
    width: 240px;
    margin-left: 24px;
    padding: 45px 20px;
}

.cloudHosting-td .li-img {
    width: 62px;
    height: 59px;
    margin: 0 auto;
}

.cloudHosting-td .li-img span {
    display: block;
    width: 60px;
    height: 58px;
    margin: .5px 0 0 1px;
    float: left;
    background: url(../image/17cloud-51.png) no-repeat;
}

.cloudHosting-td li:nth-child(2) .li-img span {
    width: 54px;
    height: 59px;
    margin: 0 0 0 4px;
    background-position: -132px 0;
}

.cloudHosting-td li:nth-child(3) .li-img span {
    width: 61px;
    height: 52px;
    margin: 4px 0 0 .5px;
    background-position: -257px 0;
}

.cloudHosting-td li:nth-child(4) .li-img span {
    width: 62px;
    height: 48px;
    margin: 5.5px 0 0 0;
    background-position: -385px 0;
}

.cloudHosting-td dl {
    margin-top: 20px;
}

.cloudHosting-td dt {
    color: #f86d0d;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}

.cloudHosting-td dd {
    color: #696969;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
    min-height: 72px;
}

.cloudHosting-ys {
    margin-top: 60px;
}

.cloudHosting-ys ul {
    margin: -35px 0 0 -120px;
}

.cloudHosting-ys li {
    margin: 35px 0 0 120px;
    width: 540px;
    float: left;
}

.cloudHosting-ys .li-img {
    float: left;
    width: 75px;
    height: 76px;
}

.cloudHosting-ys .li-img span {
    display: block;
    float: left;
    width: 37px;
    height: 76px;
    margin: .5px 0 0 19px;
    background: url(../image/17cloud-51.png) no-repeat;
    background-position: 0 -124px
}

.cloudHosting-ys li:nth-child(2) .li-img span {
    width: 56px;
    height: 60px;
    margin: 8px 0 0 9.5px;
    background-position: -110px -124px;
}

.cloudHosting-ys li:nth-child(3) .li-img span {
    width: 40px;
    height: 66px;
    margin: 5px 0 0 17.5px;
    background-position: -237px -124px;
}

.cloudHosting-ys li:nth-child(4) .li-img span {
    width: 52px;
    height: 60px;
    margin: 8px 0 0 11.5px;
    background-position: -350px -124px;
}

.cloudHosting-ys li:nth-child(5) .li-img span {
    width: 75px;
    height: 37px;
    margin: 19.5px 0 0 0;
    background-position: -457px -124px;
}

.cloudHosting-ys li:nth-child(6) .li-img span {
    width: 53px;
    height: 60px;
    margin: 8px 0 0 11px;
    background-position: -587px -124px;
}

.cloudHosting-ys dl {
    float: left;
    margin-left: 35px;
    width: 430px;
}

.cloudHosting-ys dt {
    color: #666;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.cloudHosting-ys dd {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
    min-height: 48px;
}

.hosting-buy {
    background-color: #f2f2f2;
    padding-bottom: 80px;
}

.hosting-buy h4 {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    padding: 20px 0;
    font-weight: normal;
}

.hosting-buyCon {
    background-color: #fff;
    padding: 40px 0 80px;
    color: #666;
}

.hosting-buyCon h5 {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
}

.hosting-buyCon-l {
    padding: 0 60px;
    border-right: 1px solid #eee;
}

.hosting-buyCon-set {
    width: 705px;
    margin-top: 60px;
}

.hosting-buyCon-li {
    margin-top: 20px;
}

.hosting-buyCon-li .p-a {
    float: left;
    line-height: 36px;
    font-size: 14px;
    width: 145px;
    text-align: right;
}

.hosting-buyCon-li .li-con {
    float: left;
    margin-left: 10px;
    width: 540px;
}

.hosting-buyCon-input {
    line-height: 34px;
    height: 34px;
    border: 1px solid #ddd;
    padding: 0 10px;
    color: #666;
    outline: none;
    width: 200px;
    font-size: 14px;
}

select.hosting-buyCon-input {
    width: 300px;
}

.hosting-buyCon-choose {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 20px 0;
    position: relative;
}

.hosting-buyCon-choose .hosting-buyCon-li:first-child {
    margin-top: 0;
}

.hosting-buyCon-radio {
    margin-left: -20px;
    margin-top: 6px;
}

.hosting-buyCon-radioLi {
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.hosting-buyCon-radioLi input {
    vertical-align: -2px;
}

.hosting-buyCon-radioLi label {
    font-size: 14px;
    cursor: pointer;
}

.hosting-buyCon-inc {
    font-size: 0;
    margin-top: 11px;
}

.hosting-buyCon-inc p {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

.hosting-buyCon-inc .p-b input {
    display: inline-block;
    vertical-align: -5px;
}

.hosting-buyCon-inc .p-b span {
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
    vertical-align: top;
    line-height: 14px;
}

.hosting-buyCon-inc .p-c {
    margin-left: 20px;
}

.hosting-buyCon-inc .p-c a {
    display: block;
    color: #6a6a6a;
    font-size: 12px;
    line-height: 14px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2387px;
    padding-left: 20px;
}

.hosting-buyCon-inc .p-c a:hover {
    color: #ff6800;
}

.hosting-buyCon-choose-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 39px;
    height: 39px;
    background: url(../image/img.png);
    background-position: 0 -2324px;
}

.hosting-buyCon-pri {
    margin-top: 50px;
}

.hosting-buyCon-pri .li-con {
    margin: -30px 0 0 -30px;
}

.hosting-buyCon-priLi {
    float: left;
    margin-left: 40px;
    line-height: 35px;
    position: relative;
    margin-top: 30px;
}

.hosting-buyCon-priLi input {
    float: left;
    margin: 11px 5px 0 0
}

.hosting-buyCon-priLi label {
    float: left;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.hosting-buyCon-priLi label span {
    color: #ff4900;
    font-size: 18px;
}

.hosting-buyCon-priLi label del {
    font-size: 12px;
    color: #999;
    display: block;
    line-height: 12px;
    margin-top: -2px;
}

.hosting-buyCon-priLi i {
    display: block;
    position: absolute;
    right: 0;
    top: -10px;
    min-width: 40px;
    height: 19px;
    background: url(../image/img.png);
    background-position: 0 -2401px;
}

.hosting-buyCon-priLi i span {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #fff;
    padding: 0 4px;
    background: #6ca92b
}

.hosting-buyCon-r {
    margin-right: 30px;
}

.hosting-buyCon-del {
    width: 280px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.hosting-buyCon-del ul {
    margin-top: -10px;
}

.hosting-buyCon-del li {
    margin-top: 10px;
}

.hosting-buyCon-del p {
    float: left;
    line-height: 24px;
}

.hosting-buyCon-del .p-a {
    color: #999;
    width: 80px;
}

.hosting-buyCon-del .p-b {
    width: 200px;
}

.hosting-buyCon-del span {
    color: #ff6800;
    margin-left: 10px;
    display: inline-block;
}

.hosting-buyCon-del .li-pri .p-a {
    line-height: 30px;
}

.hosting-buyCon-del .li-pri .p-b {
    color: #ff6800;
}

.hosting-buyCon-del .li-pri b {
    font-size: 30px;
    line-height: 30px;
}

.hosting-buyCon-del-tip {
    margin-top: 30px;
}

.hosting-buyCon-del-tip a {
    display: block;
    color: #ff6800;
}

.hosting-buyCon-del-tip a:hover {
    text-decoration: underline;
}

.hosting-buyCon-btn a {
    background-color: #ff6800;
    color: #fff;
    width: 240px;
    line-height: 48px;
    display: block;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
    margin-top: 20px;
}

.hosting-buyCon-btn a:hover {
    opacity: .9;
}

.hosting-buyCon-btn a.loading {
    float: initial;
    margin-left: 0;
    background-position: center;
    height: auto;
    font-size: 0;
}

.hosting-buyCon .inputMsg {
    float: left;
    margin-left: 10px;
}

.hosting-buyCon .inputMsg-con {
    line-height: 36px;
    color: #6a6a6a;
    font-size: 12px;
}

.hosting-buyCon .inputMsg i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -2px;
    width: 14px;
    height: 14px;
    background: url(../image/img.png) no-repeat;
}

.hosting-buyCon .inputMsg i.error-icon {
    background-position: 0 -3327px;
}

.hosting-buyCon .inputMsg i.warning-icon {
    background-position: 0 -3313px;
}

.hosting-buyCon .inputMsg i.true-icon {
    background-position: -14px -3313px;
}

.hosting-buyCon .inputMsg span {
    color: #ff6800;
}

.hosting-buyCon .cloud-login-degree {
    margin-left: 10px;
}

.hosting-buyCon .inputMsg-a {
    margin-left: 155px;
    line-height: 18px;
    margin-top: 10px;
}

/*微橙云服务器样式*/
.cloud-banner.azure-banner {
    background-image: url(../image/cloud-27.jpg);
}

.azure .cloud-main-q .q-b li {
    width: 576px;
    margin-right: 20px;
}

.azure .cloud-main-q .q-b li .li-tex p {
    width: 418px;
}

.azure .cloud-main-q .q-b li .li-img {
    width: 124px;
    height: 128px;
    background: inherit;
    background-position: inherit;
    margin-right: 20px;
}

.azure .cloud-main-q .q-b li .li-img span {
    display: block;
    float: left;
    width: 124px;
    height: 122px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -2853px;
    margin: 2px 0 0 0;
}

.azure .cloud-main-q .q-b li .li-img.img-t span {
    width: 118px;
    height: 91px;
    margin: 18.5px 0 0 6px;
    background-position: 0 -2975px;
}

.azure .cloud-main-q .q-b li .li-img.img-s span {
    width: 119px;
    height: 119px;
    margin: 4.5px 0 0 5px;
    background-position: 0 -3066px;
}

.azure .cloud-main-q .q-b li .li-img.img-f span {
    width: 85px;
    height: 128px;
    margin: 0 0 0 33px;
    background-position: 0 -3185px;
}

.azure .cloud-main-q .q-b li .li-tex {
    margin-top: 20px;
}

.cloud-main-l .l-l .slider-m-o .inp-main {
    float: left;
}

.cloud-main-l .l-l .slider-m-o .inp-main input {
    height: 36px;
    width: 210px;
    padding: 0 10px;
    background: #e8e8e8;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    margin-right: 10px;
    border: 0;
    float: left;
    font-family: Noto Sans TC
}

.cloud-main-l .l-l .slider-m-o .inp-main .tip {
    float: left;
    color: #6a6a6a;
    font-size: 12px;
    line-height: 36px;
}

.cloud-main-l .l-l .slider-m-o .inp-main .tip span {
    line-height: 14px;
    display: block;
    padding-left: 20px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -3313px;
    margin-top: 11px;
}

.cloud-main-l .l-l .slider-m-o .inp-main .tip span.span-t {
    background-position: 0 -3327px;
}

.cloud-main-l .l-l .slider-m-o .inp-main .light {
    float: left;
    margin-top: 7px;
}

.cloud-main-l .l-l .slider-m-o .inp-main .light p {
    width: 52px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #d2d2d2;
    float: left;
    margin-right: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.cloud-main-l .l-l .log {
    padding: 15px 0 12px 0;
    background: #fafbfc;
    border: 1px solid #eeeeee;
    position: relative;
}

.cloud-main-l .l-l .log .slider-m-o {
    margin-bottom: 6px;
}

/*云解决方案样式*/
.cloud-banner.sol {
    background-image: url(../image/17cloud-9.jpg);
}

.cloud-banner.sol .banner-tex {
    padding-top: 170px;
}

.cloud-banner.sol .banner-tex span {
    padding: 0 0 25px;
}

.cloud-main-b .w-1200 {
    margin-top: -174px;
    background-color: #fff;
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.cloud-main-b .b-l {
    width: 620px;
    height: 297px;
    padding: 60px 65px 0 65px;
    background-color: #ff6800;
    color: #fff;
}

.cloud-main-b h4 {
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
}

.cloud-main-b .b-l p {
    font-size: 14px;
    line-height: 24px;
    padding-top: 25px;
}

.cloud-main-b .b-r {
    padding: 60px 40px;
}

.cloud-main-b .b-r dl {
    padding-top: 25px;
}

.cloud-main-b .b-r dt {
    width: 42px;
    height: 42px;
    background: url(../image/img-o.png) no-repeat;
    float: left;
    margin-right: 20px;
    background-position: 0 -42px;
}

.cloud-main-b .b-r dt.dt-t {
    background-position: 0 0
}

.cloud-main-b .b-r dd {
    float: left;
}

.cloud-main-b .b-r dd p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
}

.cloud-main-b .b-r dd b {
    color: #ff6800
}

.cloud-main-b .b-r dd a {
    display: block;
    width: 160px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #f86d0d;
    margin-top: 10px;
}

.cloud-main-b .b-r dd a span {
    display: inline-block;
    padding-left: 20px;
    line-height: 13px;
    background: url(../image/img-o.png) no-repeat;
    background-position: 0 -372px;
    margin-top: 12.5px;
}

.cloud-main-b .b-r dd a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.cloud-main-j {
    padding: 60px 0;
}

.cloud-main-j h4 {
    color: #333;
    text-align: center;
    font-size: 28px;
    color: #333;
    line-height: 28px;
    font-weight: normal;
    padding-bottom: 50px;
}

.cloud-main-j li {
    text-align: center;
    float: left;
    border: 1px solid #e6e6e6;
    width: 390px;
    padding: 30px 0;
    background: #fff;
    margin-right: 12px;
}

.cloud-main-j li .li-img {
    width: 118px;
    height: 118px;
    margin: auto auto 12px auto;
}

.cloud-main-j li .li-img span {
    display: block;
    width: 118px;
    height: 118px;
    float: left;
    background: url(../image/img-o.png) no-repeat;
    background-position: 0 -254px;
}

.cloud-main-j li .li-img span.span-t {
    width: 117px;
    height: 70px;
    margin: 24px 0 0 0.5px;
    background-position: 0 -184px;
}

.cloud-main-j li .li-img span.span-s {
    width: 106px;
    height: 100px;
    margin: 9px 0 0 6px;
    background-position: 0 -84px;
}

.cloud-main-j li p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.cloud-banner.tem {
    background-image: url(../image/cloud-23.jpg);
}

/*VPS样式*/
.cloud-banner.vps {
    background-image: url(../image/cloud-24.jpg);
}

.cloud-main-shi {
    padding: 60px 0;
    background: #fff;
}

.cloud-main-shi .shi-t {
    width: 100%;
    height: 300px;
    background: url(../image/cloud-25.jpg) no-repeat center;
    margin-bottom: 43px;
}

.cloud-main-shi h4 {
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    padding: 35px 0 20px 45px;
    line-height: 28px;
}

.cloud-main-shi .shi-t ul {
    float: left;
    margin-left: 45px;
}

.cloud-main-shi .shi-t li {
    color: #fff;
    font-size: 13px;
    line-height: 30px;
}

.cloud-main-shi .shi-t li span {
    display: inline-block;
    width: 5px;
    height: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    vertical-align: 3px;
    margin-right: 7px;
}

.cloud-main-shi .shi-b {
    width: 100%;
    height: 339px;
    background: url(../image/cloud-26.jpg) no-repeat right center #f2f2f2;
}

.cloud-main-shi .shi-b h4 {
    color: #333
}

.cloud-main-shi .shi-b p.tex {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    width: 690px;
    padding: 0 0 0 45px;
}

.cloud-main-shi .shi-b p.tex span {
    color: #ff6800;
    font-weight: bold;
}

.cloud-main-shi .shi-b ul {
    padding-left: 45px;
}

.cloud-main-shi .shi-b ul li {
    padding: 12px 0;
    border-bottom: 1px solid #d4d4d4;
    width: 545px;
}

.cloud-main-shi .shi-b ul li span {
    display: block;
    float: left;
    margin-right: 12px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 2px solid #f86d0d;
    color: #f86d0d;
    font-size: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cloud-main-shi .shi-b ul li p {
    float: left;
    line-height: 26px;
    color: #666;
    font-size: 13px;
    width: 507px;
}

.cloud-main-shi .shi-b ul li.last {
    border: 0;
}

.cloud-main-shi .shi-b ul li.last span {
    margin-top: 8px;
}

.cloud-main-shi .shi-b ul li.last p {
    line-height: 22px;
}

.cloud-main-sy {
    padding: 50px 0;
    background: #f2f2f2
}

.cloud-main-sy .tit {
    padding-bottom: 0
}

.cloud-main-sy .tit h4 {
    text-align: left;
    color: #333;
    font-size: 18px;
}

.cloud-main-sy .sy-m {
    border: 1px solid #e5e5e5
}

.cloud-main-sy .ul-o {
    width: 323px;
}

.cloud-main-sy .ul-o li.li-m {
    width: 323px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    position: relative;
    z-index: 1;
    margin-top: -1px;
}

.cloud-main-sy .ul-o li.li-m dl {
    padding: 23px 0 23px 25px;
    border-left: 1px solid #fff;
    background: #fff;
}

.cloud-main-sy .ul-o li.li-m dl dt {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 8px;
}

.cloud-main-sy .ul-o li.li-m dl dd {
    color: #999;
    font-size: 12px;
    line-height: 12px;
}

.cloud-main-sy .ul-o li.li-m.on {
    border-color: #e5e5e5;
    width: 324px;
    z-index: 2
}

.cloud-main-sy .ul-o li.li-m.on dl {
    border-left: 2px solid #ff6800;
}

.cloud-main-sy .ul-o li.li-m.on dl dt {
    color: #ff6800;
}

.cloud-main-sy .ul-t li.li-m {
    border-left: 1px solid #e5e5e5;
    height: 498px;
    width: 874px;
    background: #fff;
    display: none;
}

.cloud-main-sy .ul-t li.li-m .slider-m {
    width: 800px;
    padding-top: 38px;
    margin: 0 auto;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o {
    margin-bottom: 15px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .p-o {
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    width: 110px;
    text-align: right;
    margin-right: 20px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o {
    float: left;
    width: 670px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o li {
    float: left;
    width: 103px;
    height: 36px;
    background: #e8e8e8;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o li.long {
    width: auto;
    padding: 0 10px
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o li:hover {
    color: #ff6800
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o li.on {
    color: #fff;
    background: #ff6800
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o li.on:hover {
    color: #fff
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-o li i.i-o {
    display: block;
    width: 42px;
    height: 18px;
    background: url(../image/img.png) no-repeat;
    background-position: 0 -3341px;
    position: absolute;
    right: 0;
    top: -19px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s {
    float: left;
    width: 650px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s li {
    float: left;
    line-height: 35px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 25px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s li input {
    float: left;
    margin: 11px 3px 0 0
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s li label {
    float: left;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s li label span {
    color: #ff4900;
    font-size: 18px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s li i {
    display: block;
    position: absolute;
    left: 93px;
    top: -10px;
    min-width: 40px;
    height: 19px;
    background: url(../image/img.png);
    background-position: 0 -2401px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o .ul-s li i span {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: 12x;
    padding: 0 4px;
    background: #6ca92b
}

.cloud-main-sy .ul-t li.li-m .slider-m a.but {
    display: block;
    width: 280px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    background: #ff6800;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 0 130px
}

.cloud-main-sy .ul-t li.li-m .slider-m a.but:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.cloud-main-sy .ul-t li.li-m .slider-m .slider-m-o.pz {
    padding: 25px 0;
    background: #f9f9f9;
    margin-bottom: 40px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .ul-f li {
    float: left;
    border-right: 1px solid #e2e2e2;
    padding-right: 30px;
    margin-right: 30px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .ul-f li p {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .ul-f li p span {
    display: block;
    color: #ff6800;
    font-size: 14px;
}

.cloud-main-sy .ul-t li.li-m .slider-m .ul-f li.last {
    border: 0;
    padding: 0;
    margin: 0;
}

/*模板空间*/
.cloud-main.tem-main .tit h4 {
    color: #333;
    font-size: 18px;
    font-weight: normal;
    text-align: left
}

.tem-main .cloud-main-l .l-l {
    width: 760px;
    min-height: 400px;
}

.tem-main .cloud-main-l .l-l .slider-m-o .ul-o,
.tem-main .cloud-main-l .l-l .slider-m-o .ul-s {
    width: 650px;
}

.tem-main .cloud-main-l .l-l .slider-m-o .p-o {
    margin-right: 35px;
}

.cloud-tem-info {
    position: relative;
    width: 340px;
    height: auto;
    background: #fff;
}

.cloud-tem-info #set-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    background: #fff;
    width: 280px;
    padding: 30px 30px;
}

.cloud-tem-info h4 {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    font-weight: normal;
}

.cloud-tem-info li .p-o {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
    float: left;
    width: 80px;
}

.cloud-tem-info li .p-t {
    float: left;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
    width: 200px;
}

.cloud-tem-info li .p-t span {
    color: #ff6800;
    margin-left: 20px;
}

.cloud-tem-info li.pri {
    padding-top: 60px;
}

.cloud-tem-info li.pri .p-s {
    color: #ff6800;
    font-size: 24px;
    float: left;
    width: 120px;
    line-height: 20px;
}

.cloud-tem-info li.pri .p-s span {
    font-size: 30px;
    font-weight: bold;
}

.cloud-tem-info a.but {
    display: block;
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    background: #ff6800;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 15px 0 10px 0
}

.cloud-tem-info a.but:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.cloud-tem-info p.tex {
    color: #333;
    font-size: 12px;
    line-height: 22px;
}

.cloud-tem-info p.tex a {
    display: block;
    color: #ff6800;
}

.cloud-tem-info p.tex a:hover {
    text-decoration: underline;
}

.cloud-tem-info #set-m.fix {
    position: fixed;
    left: 50%;
    margin-left: 259px;
    top: 55px;
    _position: absolute;
    _top: e-xpression(documentElement.scrollTop+10 + "px");
    z-index: 9999;
}

.cloud-main-l i.discount-icon {
    display: block;
    width: 159px;
    height: 19px;
    background: url(/cn/cloud/images/cloud-28-7958.gif) no-repeat;
    position: absolute;
    right: 25px;
    top: 28px;
}

/*数据库样式*/
.cloud-banner.date {
    background-image: url(../image/17cloud-11.jpg);
}

.cloud-banner.date .banner-tex {
    padding-top: 210px;
}

.cloud-banner.date .banner-tex span {
    font-size: 16px;
    line-height: 28px;
}

.date .cloud-main-l .l-l .slider-m-o-m p.p-tit span {
    width: 155px;
}

.date .cloud-main-l .l-l .slider-m-o-m p span:last-child {
    width: auto;
}

.cloud-main-l .l-l .slider-m-o .ul-o.buyYear {
    margin-left: 0;
}

.cloud-main-l .l-l .slider-m-o .ul-o.buyYear li {
    margin-left: 0;
}

.cloud-main-l .l-l .slider-m-o .ul-o.buyYear li i {
    display: block;
    position: absolute;
    right: 30px;
    top: -20px;
    min-width: 40px;
    height: 19px;
    background: url(../image/img.png);
    background-position: 0 -2401px;
}

.cloud-main-l .l-l .slider-m-o .ul-o.buyYear li i span {
    width: auto;
    margin-right: 0;
    font-size: 12px;
    vertical-align: 0;
    display: block;
    height: 16px;
    line-height: 16px;
    color: #fff;
    padding: 0 4px;
    background: #6ca92b
}

/*PLESK样式*/
.plesk-banner {
    min-width: 1200px;
    min-height: 870px;
    background: url(../image/17cloud-12.jpg) no-repeat center top #fff;
}

.plesk-banner-text {
    text-align: center;
    padding-top: 150px;
    color: #fff;
}

.plesk-banner-text img {
    display: inline-block;
}

.plesk-banner-text h4 {
    font-size: 36px;
    font-weight: normal;
    line-height: 46px;
    padding-top: 25px;
}

.plesk-banner-text p {
    font-size: 18px;
    line-height: 28px;
    padding-top: 5px;
}

.plesk-banner-text ul {
    padding-top: 40px;
    padding-left: 100px;
    width: 560px;
    margin: 0 auto;
}

.plesk-banner-text ul li {
    float: left;
    width: 260px;
    text-align: left;
    padding-left: 20px;
    background: url(../image/17cloud-14.png) no-repeat left center;
    font-size: 14px;
    line-height: 28px;
}

.plesk-buyCon {
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    background-color: #fff;
    margin: 0 auto;
    width: 750px;
    padding: 50px 0;
    margin-top: 50px;
}

.plesk-buyCon h4 {
    line-height: 28px;
    text-align: center;
    color: #333;
    font-size: 28px;
    font-weight: normal;
}

.buyCon-list {
    margin-top: 30px;
}

.buyCon-list-con {
    margin-top: 10px;
}

.plesk-buyCon h5 {
    line-height: 32px;
    color: #333;
    font-size: 14px;
    float: left;
    width: 190px;
    text-align: right;
    margin-right: 25px;
}

.plesk-buyCon .edition p {
    position: relative;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    display: inline-block;
}

.plesk-buyCon .edition p i {
    display: inline-block;
}

.plesk-buyCon .edition p:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../image/plesk-4.gif) no-repeat;
    cursor: pointer;
    vertical-align: -2px;
    margin-left: 5px;
}

.plesk-buyCon .edition span {
    color: #ff6800;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    line-height: 32px;
}

.plesk-buyCon .edition em {
    position: absolute;
    display: none;
    left: 0;
    bottom: 28px;
    font-style: normal;
    min-width: 280px;
    display: none;
    background-color: #fff;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
    border: 4px solid #e5e5e5;
}

.plesk-buyCon .edition p:hover em {
    display: block;
}

.plesk-buyCon .duration dl {
    float: left;
    margin-right: 30px;
}

.plesk-buyCon .duration dt {
    float: left;
    margin: 9px 2px 0 0
}

.plesk-buyCon .duration dd {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 30px;
}

.plesk-buyCon .duration dd span {
    color: #ff6800;
    font-size: 18px;
    padding-right: 5px;
}

.plesk-buyCon .btn {
    width: 200px;
    line-height: 42px;
    margin: 0 auto;
    margin-top: 40px;
    background-color: #ff6800;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 18px;
}

.plesk-buyCon .btn:hover {
    background-color: #e15c00;
}

.plesk-buyCon .btn.loading {
    margin: 0 auto;
    margin-top: 40px;
    height: auto;
    float: inherit;
    text-indent: -99999px;
    background-image: url(../image/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.plesk-main {
    min-width: 1200px;
}

.plesk-main-o {
    width: 100%;
    height: 500px;
    background: url(../image/17cloud-17.jpg) no-repeat center;
}

.cloud-main .plesk-main-o .tit {
    padding: 50px 0 40px 0;
}

.cloud-main .plesk-main-o .tit h4 {
    text-align: center;
    color: #fff;
}

.plesk-main-o ul {
    margin-top: -50px;
}

.plesk-main-o li {
    margin-top: 50px;
    width: 33.3333%;
    float: left;
}

.plesk-main-o .li-img {
    width: 55px;
    height: 52px;
    margin: 0 auto;
}

.plesk-main-o li span {
    width: 48px;
    height: 47px;
    float: left;
    margin: 2.5px 0 0 3.5px;
    background: url(../image/17cloud-16.png) no-repeat;
    background-position: 0 -147px;
}

.plesk-main-o li:nth-child(2) span {
    width: 55px;
    height: 47px;
    margin: 2.5px 0 0 0;
    background-position: 0 -241px;
}

.plesk-main-o li:nth-child(3) span {
    width: 47px;
    height: 47px;
    margin: 2.5px 0 0 4px;
    background-position: 0 -52px;
}

.plesk-main-o li:nth-child(4) span {
    width: 49px;
    height: 47px;
    margin: 2.5px 0 0 3px;
    background-position: 0 -194px;
}

.plesk-main-o li:nth-child(5) span {
    width: 48px;
    height: 48px;
    margin: 2px 0 0 3.5px;
    background-position: 0 -99px;
}

.plesk-main-o li:nth-child(6) span {
    width: 31px;
    height: 52px;
    margin: 0 0 0 12px;
    background-position: 0 0;
}

.plesk-main-o p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
}

.plesk-main-t {
    width: 100%;
    height: 580px;
    background: url(../image/17cloud-18.jpg) no-repeat center;
}

.cloud-main .plesk-main-t .tit {
    padding: 50px 0 40px 0;
}

.cloud-main .plesk-main-t .tit h4 {
    text-align: center;
    color: #fff;
}

.cloud-main .plesk-main-t .tit p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
}

.plesk-main-t .t-con {
    text-align: center;
}

.plesk-main-t .t-con img {
    display: inline-block;
}

.plesk-main-t .t-con p {
    margin: 60px 0 0 65px;
    vertical-align: top;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.plesk-main-t .t-btn {
    text-align: center;
    margin-top: 30px;
}

.plesk-main-t .t-btn a {
    display: inline-block;
    width: 150px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    background-color: #ff6800;
    margin: 0 3px;
}

.plesk-main-t .t-btn a:hover {
    background-color: #e15c00;
}

.plesk-main-s {
    padding-bottom: 50px;
}

.cloud-main .plesk-main-s .tit {
    padding: 50px 0 40px 0;
}

.cloud-main .plesk-main-s .tit h4 {
    text-align: center;
}

/*百度云*/
.bdCloud-banner.cloud-banner {
    position: relative;
    min-width: 1200px;
    overflow: hidden;
}

.bdCloud-banner.cloud-banner .bd li {
    min-width: 1200px;
    height: 520px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
}

.bdCloud-banner.cloud-banner .bd li a {
    display: block;
    height: 100%;
}

.bdCloud-banner.cloud-banner .bd li img {
    display: none;
}

.bdCloud-banner.cloud-banner .hd {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 15px;
}

.bdCloud-banner.cloud-banner .hd li {
    width: 8px;
    height: 8px;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px;
    background: #ccc;
    text-indent: -9999px;
    cursor: pointer
}

.bdCloud-banner.cloud-banner .hd li.on {
    background: #f86d0d
}

.cloud-main-l .l-l .slider-m-o .p-o span {
    color: red;
    margin-right: 10px;
}

.blueStyle .cloud-main-l .slider-m-o .ul-o li.on {
    color: #666 ;
    border: 1px solid #b2d4ef ;
    background: #e0f2ff ;
}

.blueStyle .cloud-main-l .slider-m-o .ul-o li:hover {
    color: #0099ff;
}

.blueStyle .cloud-main-l .slider-m-o .ul-f li.on {
    color: #0099ff;
    border-color: #0099ff;
}

.blueStyle .cloud-main-l .slider-m-o-b input {
    color: #0099ff;
}

.blueStyle .cloud-main-l .slider-m-o .slider .ui-slider-range {
    background-color: #0099ff;
}

.blueStyle .cloud-main-l .slider-m-o .sel .sel-inp.on {
    background-color: #0099ff;
}

.blueStyle .cloud-main-l .slider-m-o .slider .ui-slider-handle {
    background-image: url(../image/17cloud-22.png);
}

.blueStyle .cloud-main-l .slider-m-o .ul-f li i {
    background: url(17cloud-23.png) no-repeat 0 0;
}

.blueStyle .cloud-main-l .l-r .pri .p-t b {
    color: #0099ff;
}

.blueStyle .cloud-main-l .l-r li .p-t span {
    color: #0099ff;
}

.blueStyle .cloud-main-l .l-r .pri-con a {
    background-color: #0099ff;
}

.blueStyle .cloud-main-l .l-r p.tex a {
    color: #0099ff;
}

.blueStyle .cloud-login-ipt input {
    border-color: #0099ff;
}

.cloudMeau {
    width: 100%;
    display: flex;
}

/* .cloudMeau ul{ margin-left: 1px;} */
.cloudMeau li {
    float: left;
    border-left: 1px solid #dcdcdc;
    width: 243px;
}

.cloudMeau li a {
    height: 80px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333;
    display: block;
    background-color: #fff;
}

.cloudMeau li span {
    display: inline-block;
    line-height: 18px;
    height: 100%;
}

.cloudMeau li a img {
    padding: 19.5px 0;
}

.cloudMeau li span:after {
    content: '';
    margin: 0 auto;
    display: none;
    width: 80px;
    height: 2px;
    background-color: #ff6800;
}

.cloudMeau li a:hover {
    color: #0099ff;
}

.cloudMeau li.on a {
    color: #0099ff;
}

.cloudMeau li.on span:after {
    display: block;
}

/*.cloudMeau li:last-child{ width: 220px; padding: 23px 0; text-align: center;}
.cloudMeau li:last-child a{ display:inline-block; border: 1px solid #ff6800; width: auto; padding: 0 10px; line-height: 32px; height: 32px; color: #ff6800; font-size: 16px;}
.cloudMeau li:last-child a:hover{ background-color: #ff6800; color: #fff;}*/
.cloudSet {
    margin-bottom: 40px;
}

.cloudSet:last-child {
    border: 0;
    margin-bottom: 0;
}

.cloudSet-tit {
    margin-bottom: 30px;
    display: flex;
}

.cloudSet-tit h5 {
    padding-left: 20px;
    line-height: 18px;
    font-size: 16px;
    color: #333;
    border-left: 4px solid #0099ff;
    font-weight: normal;
}

.slider-m-o .p-tex {
    line-height: 36px;
    font-size: 14px;
    color: #0099ff;
}

.slider-m-o .p-tip {
    margin-left: 5px;
    line-height: 24px;
    padding: 6px 0;
    font-size: 12px;
    color: #999;
}

.slider-m-o .p-tip.dh {
    padding: 0;
    line-height: 18px;
}

.cloudForm .slider-m-o {
    margin-top: -20px;
}

.cloudForm {
    display: none;
}

.cloud-main-l .cloudSet .slider-m-o .sel p {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px;
    overflow: hidden;
}

.cloud-main-l .slider-m-o .ul-o.widthSize li {
    min-width: 40px;
    width: auto;
    padding: 0 10px;
}

.cloud-main-l .slider-m-o .ul-o.widthSize li i {
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    min-width: 40px;
    height: 19px;
    background: url(../image/img.png);
    background-position: 0 -2401px;
}

.cloud-main-l .slider-m-o .ul-o.widthSize li i span {
    width: auto;
    margin-right: 0;
    font-size: 12px;
    vertical-align: 0;
    display: block;
    height: 16px;
    line-height: 16px;
    color: #fff;
    padding: 0 4px;
    background: #6ca92b
}

.fragment {
    padding: 60px 0;
}

[ui-type=fragment] .section-container {
    margin-top: -40px
}

[ui-type=fragment] .section-container:after,
[ui-type=fragment] .section-container:before {
    display: table;
    content: ""
}

[ui-type=fragment] .section-container:after {
    clear: both
}

[ui-type=fragment] article {
    float: left;
    width: 49.15%;
    padding-right: 1em;
    box-sizing: border-box;
    margin-top: 40px
}

.is-mobile [ui-type=fragment] article {
    width: auto;
    float: none
}

[ui-type=fragment] article.odd {
    margin-right: 20px
}

[ui-type=fragment] figure:after,
[ui-type=fragment] figure:before {
    display: table;
    content: ""
}

[ui-type=fragment] figure:after {
    clear: both
}

[ui-type=fragment] img {
    width: 60px;
    height: 60px;
    float: left
}

[ui-type=fragment] .brief {
    font-size: 14px
}

[ui-type=fragment] .brief img {
    width: auto;
    height: auto;
    float: none
}

.is-mobile [ui-type=fragment] .brief img {
    width: 100%
}

[ui-type=fragment] .brief+.section-container {
    margin-top: 0
}

[ui-type=fragment] figcaption {
    margin-left: 85px
}

[ui-type=fragment] h3 {
    color: #141a24;
    margin-bottom: 14px;
    display: flex;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
}

.is-mobile [ui-type=fragment] h3 {
    margin-bottom: 0
}

[ui-type=fragment] div.p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

[ui-type=fragment] div.p a {
    color: #108cee
}

[ui-type=fragment] div.p p {
    font-size: inherit;
    line-height: inherit
}

[ui-type=fragment] hr {
    height: 0;
    width: 100%;
    clear: both;
    display: none
}

.case {
    padding: 60px 0;
    background-color: #f2f2f2;
}

[ui-type=case] .section-container {
    width: 1200px;
    margin-left: -20px
}

[ui-type=case] .section-container:after,
[ui-type=case] .section-container:before {
    display: table;
    content: ""
}

[ui-type=case] .section-container:after {
    clear: both
}

.is-mobile [ui-type=case] .section-container {
    width: auto;
    margin-left: 0
}

[ui-type=case] article {
    float: left;
    margin-left: 20px;
    width: 23.3%;
    height: 200px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background: #FFF
}

.is-mobile [ui-type=case] article {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 10px
}

[ui-type=case] .default-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -ms-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

[ui-type=case] .default-box h3 {
    text-align: center;
    font-size: 16px;
    color: #141a24;
    font-weight: 400;
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%
}

[ui-type=case] img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 35px;
    left: 0;
    right: 0;
    max-width: 240px;
    margin: auto
}

[ui-type=case] p {
    color: #999;
    font-size: 14px;
    margin: 1em 0 0 0
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o {
    margin-bottom: 10px;
    display: none;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o.show {
    display: block;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o .sel {
    width: 132px;
    margin-right: 10px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o .sel .sel-m-o {
    width: 130px;
}

.cloud-main-l .cloudSet .cloudCDS-bar .slider-m-o .sel p {
    width: 94px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o .slider-m-o-m {
    width: 620px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o .slider-m-o-m .jdt {
    width: 619px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o .slider {
    width: 605px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o-m p {
    width: 621px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o-m p.p-l span {
    width: 119px;
}

.cloud-main-l .l-l .cloudCDS-bar .slider-m-o-m p.p-l span:last-child {
    width: auto;
}

.cloudCDS-delete {
    float: left;
    cursor: pointer;
    margin: 5px 0 0 15px;
    width: 18px;
    height: 18px;
    background: url(../image/delete-icon.png) 0 0 no-repeat;
    ;
}

.cloudCDS-delete:hover {
    background-position: 0 -38px;
}

.cloudCDS-btn {
    display: inline-block;
    line-height: 36px;
    min-width: 92px;
    padding: 0 20px;
    color: #666 !important;
    border: 1px solid #b2d4ef !important;
    background: #e0f2ff !important;

    font-size: 14px;
}

.cloudCDS-btn:hover {
    color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8
}

.bdCloud-zsBtn {
    display: inline-block;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #eee;
    color: #666;
    font-size: 14px;
    vertical-align: top;
    margin-left: 20px;
}

.bdCloud-zsBtn span {
    display: inline-block;
    background: url(17cloud-36.gif) no-repeat left center;
    padding-left: 30px;
}
.submit_b,#buycart{
    background: #f60 !important;
    color: #FFFFFF !important;
}
/*阿里云*/
.greenStyle .cloud-main-l .slider-m-o .ul-o li.on {
    background-color: #00c1de;
    border-color: #00c1de;
}

.greenStyle .cloud-main-l .slider-m-o .ul-o li:hover,.select_ul li:hover {
    background-color: #ffffff !important;
    border-color: #0099ff !important;
    color: #666 !important;
}

.greenStyle .cloud-main-l .slider-m-o .ul-f li.on {
    color: #00c1de;
    border-color: #00c1de;
}

.greenStyle .cloud-login-ipt input {
    border-color: #e2e2e2;
    font-size: 12px;
    width: 230px;
}

.greenStyle .cloud-main-l .slider-m-o .sel .sel-m {
    border: 1px solid #00c1de;
    border-top: 0;
    width: auto;
}

.greenStyle .cloud-main-l .slider-m-o .sel .sel-m.sor {
    width: 378px;
}

.greenStyle .cloud-main-l .slider-m-o .sel .sel-inp {
    border-color: #00c1de;
}

.greenStyle .cloud-main-l .slider-m-o .sel p {
    color: #00c1de;
}

.greenStyle .cloud-main-l .slider-m-o .sel .sel-m-o {
    border: none;
    border-bottom: 1px solid #eee;
}

.greenStyle .cloud-main-l .slider-m-o .sel .sel-inp.on {
    background-color: #00c1de;
}

.greenStyle .cloud-main-l .slider-m-o .slider .ui-slider-handle {
    background-image: url(../image/17cloud-30.png);
}

.greenStyle .cloud-main-l .slider-m-o .slider .ui-slider-range {
    background-color: #00c1de;
}

.greenStyle .cloud-main-l .l-l {
    padding-left: 0;
    padding-right: 0;
}

.greenStyle .cloud-main-l .slider-m-o .p-o {
    width: 120px;
}

.greenStyle .cloud-main-l .l-l h4 {
    width: 120px;
    padding-bottom: 50px;
}

.alCloud.cloud-banner {
    background: url(../images/Aly_Cloud_banner.png) no-repeat center;
}

.alCloud-ys {
    padding: 60px 0 0 0;
}

.cloud-main .alCloud-ys .tit {
    text-align: center;
}

.alCloud-ys-poin ul {
    margin-left: -15px;
}

.alCloud-ys-poin li {
    float: left;
    margin-left: 15px;
    text-align: center;
    width: 226px;
    padding: 30px 0;
    border: 1px solid #eee;
}

.alCloud-ys-poin .li-img {
    width: 67px;
    height: 65px;
    margin: 0 auto;
}

.alCloud-ys-poin .li-img span {
    display: block;
    float: left;
    width: 59px;
    height: 65px;
    margin: 0 0 0 4px;
    background: url(../image/17cloud-28.png) no-repeat;
    background-position: 0 -179px;
}

.alCloud-ys-poin li:nth-child(2) .li-img span {
    width: 65px;
    height: 64px;
    margin: .5px 0 0 1px;
    background-position: 0 -308px;
}

.alCloud-ys-poin li:nth-child(3) .li-img span {
    width: 56px;
    height: 59px;
    margin: 3px 0 0 5.5px;
    background-position: 0 -120px;
}

.alCloud-ys-poin li:nth-child(4) .li-img span {
    width: 65px;
    height: 64px;
    margin: .5px 0 0 1px;
    background-position: 0 -244px;
}

.alCloud-ys-poin li:nth-child(5) .li-img span {
    width: 67px;
    height: 49px;
    margin: 8px 0 0 0;
    background-position: 0 -372px;
}

.alCloud-ys-poin dl {
    margin-top: 15px;
}

.alCloud-ys-poin dt {
    color: #333;
    font-size: 18px;
    line-height: 26px;
}

.alCloud-ys-poin dd {
    color: #666;
    font-size: 12px;
    line-height: 22px;
    margin-top: 5px;
}

.alCloud-ys-sub {
    margin-top: 60px;
    position: relative;
}

.alCloud-ys-sub b {
    position: relative;
    z-index: 2;
    color: #333;
    font-size: 18px;
    line-height: inherit;
    background-color: #fff;
    padding-right: 30px;
}

.alCloud-ys-sub:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    right: 0;
    top: 50%;
}

.alCloud-ys-type table {
    background: #FFF;
    font-size: 14px;
    color: #666;
    border: none;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.alCloud-ys-type th {
    padding: 30px 0;
    font-size: 18px;
    color: #333;
    border: none;
}

.alCloud-ys-type td {
    border: 1px solid #eee;
    padding: 10px 50px;
}

.alCloud-ys-type td p {
    line-height: 26px;
}

.alCloud-ys-type h4 {
    color: #333;
    font-size: 16px;
    background: url(../image/17cloud-28.png) no-repeat;
    background-position: 0 -80px;
    padding-left: 32px;
    line-height: 20px;
}

.alCloud-ys-type tr:nth-child(2) h4 {
    background-position: 0 -60px;
}

.alCloud-ys-type tr:nth-child(3) h4 {
    background-position: 0 0;
}

.alCloud-ys-type tr:nth-child(4) h4 {
    background-position: 0 -100px;
}

.alCloud-ys-type tr:nth-child(5) h4 {
    background-position: 0 -20px;
}

.alCloud-ys-type tr:nth-child(6) h4 {
    background-position: 0 -40px;
}

.cloudExample {
    width: 970px;
    margin-top: -30px;
}

.cloud-main-l .slider-m-o .cloudExample .ul-o {
    float: none;
    margin-top: 20px;
}

.cloud-main-l .slider-m-o .cloudExample-last.ul-o li {
    height: auto;
    padding: 5px 0;
}

.cloud-main-l .slider-m-o .cloudExample-last.ul-o p {
    font-size: 12px;
    line-height: 16px;
}

.cloud-main-l .slider-m-o .cloudImage .ul-o {
    float: none;
}

.cloud-main-l .slider-m-o .cloudImage-sel {
    margin-top: 10px;
}

.cloud-main-l .cloudNum .slider-m-o .ul-o {
    margin-left: 1px;
    margin-top: 0;
    float: none;
}

.cloud-main-l .cloudNum .slider-m-o .ul-o li {
    line-height: 28px;
    height: 28px;
    font-size: 12px;
    margin: 0;
    width: 70px;
    margin-left: -1px;
}

.cloud-main-l .cloudNum .slider-m-o-b {
    float: none;
    margin-top: 25px;
}

.cloudNum li .yhIcon {
    display: block;
    width: 14px;
    height: 12px;
    background: url(../image/17cloud-29.png) no-repeat;
    position: absolute;
    right: 2px;
    top: 8px;

}



.cloud-main-l .cloudForm .slider-m-o {
    margin-top: 0;
    margin-bottom: 15px;
}

.cloudForm .p-q {
    line-height: 36px;
    color: #999;
    margin-right: 10px;
}

.cloud-login-ipt .tip {
    color: #999;
}

.cloudPopup {
    -webkit-box-shadow: 0px 0px 5px 0px #D7D8D9;
    box-shadow: 0px 0px 5px 0px #D7D8D9;
    display: none;
    text-align: center;
    width: 250px;
    position: absolute;
    left: 50%;
    margin-left: -136px;
    top: -60px;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #ccc;
    background: white;
    white-space: normal;
    color: #999;
}

.bk-tip-arrow {
    display: block;
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left-color: transparent;
    border-top-color: #ccc;
    border-width: 10px;
}

.bk-tip-arrow-inner {
    position: absolute;
    top: -11px;
    left: -10px;
    width: 0;
    height: 0;
    border: solid 2px transparent;
    border-left-color: transparent;
    border-top-color: #fff;
    border-width: 10px;
}

.cloudNum li:hover .cloudPopup {
    display: block;
}

.cloud-main-l .slider-m-o .broadbandCloud .ul-o {
    float: none;
}

.broadbandCloud .p-tex {
    color: #999;
    font-size: 12px;
}

.storageCloud {
    margin-top: -22px;
}

.storageCloud-xtp {
    margin-top: 22px;
}

.storageCloud .widthTex {
    width: 130px;
    color: #999;
    line-height: 36px;
}

.storageCloud-input {
    position: relative;
    float: left;
    border: 1px solid #00c1de;
    background-color: #fff;
    line-height: 34px;
    margin-left: 20px;
}

.storageCloud-input input {
    float: left;
    display: block;
    width: 105px;
    padding-left: 15px;
    height: 34px;
    border: none;
    background-color: #fff;
    font-size: 14px;
    color: #00c1de;
    text-align: center;
}

.storageCloud-input span {
    float: left;
    display: block;
    color: #999;
    width: 40px;
    text-align: center;
    line-height: 34px;
}

.storageCloud-input .cloudPopup {
    width: 150px;
    margin-left: -86px;
}

.storageCloud-input:hover .cloudPopup {
    display: block;
}

.storageCloud-tip {
    line-height: 36px;
    margin-left: 20px;
    color: #999;
    font-size: 12px;
}

.storageCloud-tip span {
    color: #666;
}

.storageCloud-tip em {
    font-style: normal;
    color: #ff6800;
}

.alyBdp table {
    background: #FFF;
    font-size: 12px;
    color: #333;
    border: none;
    width: 700px;
    border-collapse: collapse;
    border-spacing: 0;
}

.alyBdp table td {
    padding-top: 7px;
}

.alyBdp table th {
    font-weight: normal;
}

.alyBdp table td span {
    color: #999;
    margin-left: 5px;
}

.alyBdp table p {
    line-height: 32px;
    text-align: center;
    background-color: #f6f6f6;
}

.alysjp-list li {
    width: 680px;
    padding: 4px 10px;
    height: 28px;
    background-color: #f6f6f6;
    margin-bottom: 10px;
}

.cloud-main-l .slider-m-o .alysjp .sel .sel-inp {
    height: 26px;
    line-height: 26px;
}

.cloud-main-l .slider-m-o .alysjp .sel .sel-inp p {
    line-height: 26px;
}

.cloud-main-l .slider-m-o .alysjp .sel .sel-inp i {
    margin-top: 12px;
}

.cloud-main-l .slider-m-o .alysjp .sel .sel-m {
    top: 27px;
}

.alysjp .storageCloud-input {
    margin-left: -1px;
}

.alysjp .storageCloud-input input,
.alysjp .storageCloud-input span {
    height: 26px;
    line-height: 26px;
}

.alysjp-add {
    margin-top: 4px;
}

.alysjp-add a {
    display: block;
}

.alysjp-add a i {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: #00c5e1;
}

.alysjp-add a .bk-disk-add-icon-line {
    display: block;
    position: absolute;
    background-color: #fff;
    top: 13px;
    left: 8px;
    width: 12px;
    height: 2px;
}

.alysjp-add a .bk-disk-add-icon-line-b {
    display: block;
    position: absolute;
    background-color: #fff;
    top: 8px;
    left: 13px;
    width: 2px;
    height: 12px;
}

.alysjp-add a span {
    color: #333;
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.alysjp-add a:hover i {
    background-color: #02b9d3;
}

.alysjp-add a:hover span {
    color: #00c1de;
}

.delLiBtn {
    display: block;
    width: 13px;
    height: 13px;
    background: url(../image/17cloud-31.jpg) no-repeat;
    margin: 7.5px 0 0 0;
}

/*阿里云虚拟主机*/
.bdHosting.cloud-banner {
    background: url(../image/17cloud-34.jpg) no-repeat center;
}

.cloudMeauTwo li,
.cloudMeauTwo li:first-child {
    width: 488px;
}

.cloudMeauTwo li:last-child {
    width: 220px;
}

.cloud-main-l .l-l .slider-m-o .bdHosting-sel {
    width: 312px;
    float: initial;
}

.cloud-main-l .l-l .slider-m-o .bdHosting-sel .sel-m-o {
    width: 310px;
}

.cloud-main-l .l-l .slider-m-o .bdHosting-sel-text {
    padding-top: 10px;
}

.cloud-main-l .l-l .slider-m-o .bdHosting-sel-text p {
    margin-left: 0;
    color: #999;
    font-size: 12px;
    line-height: 24px;
    display: none;
}

.cloud-login-ipt .bdHosting-btn {
    padding: 0 10px;
    line-height: 34px;
    color: #666;
    background-color: #fbfbfb;
    font-size: 14px;
    border: 1px solid #dbdbdb;
    margin-left: 10px;
}

.bdHosting-btn:hover {
    color: #666;
    background-color: #f1f1f1;
}

.bdHosting-binding {
    width: 390px;
}

.bdHosting-binding-text {
    color: #666;
    font-size: 12px;
    line-height: 36px;
}

.bdHosting-binding-text p {
    line-height: 36px;
}

.bdHosting-binding-text span {
    color: #ff6800;
}

.bdHosting-binding-check input {
    vertical-align: -2px;
    margin-right: 5px;
}

.bdHosting-binding .cloud-login-ipt {
    margin-top: 10px;
}

.bdHosting-binding .cloud-login-ipt input {
    width: 305px;
}

.bdHosting-template-con {
    margin-top: 20px;
    width: 740px;
}

.bdHosting-offTemplate {
    position: relative;
}

.bdHosting-offTemplate li {
    float: left;
    cursor: pointer;
    width: 140px;
    height: 120px;
    margin-right: 10px;
}

.bdHosting-offTemplate img {
    border: 1px solid #108cee;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bdHosting-offTemplate li.on img {
    border: 3px solid #108cee;
}

.bdHosting-offTemplate .hd ul {
    display: none;
}

.bdHosting-offTemplate .hd a {
    display: block;
    width: 13px;
    height: 45px;
    position: absolute;
    top: 50%;
    margin-top: -22.5px;
    background: url(../image/arrows.png) no-repeat;
}

.bdHosting-offTemplate .hd a.prev {
    background-position: -31px -53px;
    left: -25px;
}

.bdHosting-offTemplate .hd a.prev:hover {
    background-position: -56px -53px;
}

.bdHosting-offTemplate .hd a.next {
    background-position: -31px -2px;
    right: -25px;
}

.bdHosting-offTemplate .hd a.next:hover {
    background-position: -56px -2px;
}

.bdHosting-offText {
    margin-top: 20px;
}

.bdHosting-offText li {
    display: none;
    width: 740px;
    background-color: #f7f7f7;
    padding: 20px 0;
}

.bdHosting-offText .tpl-logo {
    float: left;
    padding: 5px;
    background-color: #fff;
    margin: 0 20px 0 60px;
}

.bdHosting-offText .tpl-logo img {
    width: 140px;
    height: 120px;
}

.bdHosting-offText .tpl-desc {
    width: 460px;
    float: left;
}

.bdHosting-offText .tpl-desc p {
    color: #333;
    font-size: 12px;
    line-height: 22px;
}

.cloud-main-l .l-l .slider-m-o .bdHosting-template-meau {
    float: initial;
}

.bdHosting-template-con {
    display: none;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 999;
    display: none;
}

.cloudDig {
    width: 750px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    margin-left: -375px;
    top: 50px;
    z-index: 1000;
    display: none;
}

.ui-dialog-title {
    padding-left: 20px;
    line-height: 40px;
    font-size: 14px;
    padding-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f5f5f5;
}

.ui-dialog-body-panel {
    padding: 10px 20px;
}

.category-wrapper {
    float: left;
    width: 100px;
}

.category-wrapper li {
    color: #333;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
}

.category-wrapper li:hover,
.category-wrapper li.active {
    color: #108cee;
}

.category-wrapper li li {
    padding: 0 10px;
}

.table-full-wrap {
    float: right;
    width: 600px;
}
button,.form-control,.el-input__inner,input{border-radius: 0 !important;}
.buttons-quick-wrap span {
    display: block;
    float: left;
}

.ui-search-group input {
    width: 200px;
    font-size: 12px;
    background: #FFF;
    vertical-align: middle;
    color: #333;
    border: 1px solid #ccc;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.ui-button {
    line-height: 30px;
    padding: 0 12px;
    background-color: #eaf6fe;
    color: #108cee;
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer;
}

.ui-button:hover {
    background-color: #bbe4ff;
}

.table-full-wrap .ui-table {
    margin-top: 10px;
}

.table-full-wrap .ui-table table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    color: #666;
    font-size: 12px;
    width: 100%;
}

.table-full-wrap .ui-table th {
    text-align: left;
    font-weight: normal;
    line-height: 40px;
    background-color: #f0f0f0;
    padding: 0 10px;
}

.table-full-wrap .ui-table td {
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

.table-full-wrap .ui-table td a {
    color: #108cee;
}

.table-full-wrap .ui-table td span {
    color: #ff6800;
}

.table-full-wrap .ui-table tbody tr:hover {
    background-color: #f2faff;
}

.bcc-row-foot {
    margin-top: 20px;
}

.bcc-row-foot ul {
    text-align: right;
}

.bcc-row-foot li {
    cursor: pointer;
    min-width: 20px;
    background-color: #e2e5ec;
    color: #999;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    line-height: 30px;
}

.bcc-row-foot li.on {
    color: #fff;
    background-color: #108cee;
}

.ui-dialog-btn {
    margin: 0 10px;
    text-align: right;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    margin-top: 10px;
}

.ui-dialog-btn a {
    display: inline-block;
    min-width: 70px;
    line-height: 30px;
    text-align: center;
    background-color: #d2ecfd;
    color: #108cee;
    font-size: 12px;
}

.ui-dialog-btn a.sureBtn {
    background-color: #1681d5;
    color: #fff;
}

/*阿里云数据库*/
.cloud-banner.date-ali {
    background-image: url(../image/17cloud-38.jpg);
}

.cloud-banner.date-ali .banner-tex {
    text-align: left;
}

.cloudMeau.cloudMeauThree li {
    width: 50%;
}

.cloudMeau.cloudMeauThree li:last-child {
    padding: 0;
}

.cloudMeau.cloudMeauThree li:last-child a {
    display: block;
    border: none;
    padding: 0;
    width: 100%;
    line-height: initial;
    height: inherit;
    color: inherit;
    font-size: 18px
}

.cloudMeau.cloudMeauThree li:last-child a:hover {
    background-color: inherit;
    color: #ff6800;
}

.cloudMeau.cloudMeauThree li a:hover {
    color: #ff6800;
}

.cloudMeau.cloudMeauThree li.on a {
    color: #ff6800;
}

.cloud-main-l .l-l .slider-m-o-m p.p-q span {
    width: 188px;
}

.cloud-main-l .l-l .slider-m-o-m p.p-q span:last-child {
    width: auto;
    float: right;
}

.cloud-liData-ys {
    padding: 60px 0;
}

.cloud-liData-ys ul {
    margin-left: -13px;
}

.cloud-liData-ys li {
    float: left;
    width: 288px;
    height: 318px;
    border: 1px solid #e6e6e6;
    margin-left: 13px;
    text-align: center;
}

.cloud-liData-ys dl {
    padding: 50px 0;
}

.cloud-liData-ys dt {
    color: #ff6800;
    font-size: 18px;
    font-weight: 600;
}

.cloud-liData-ys dd {
    color: #696969;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
}

.cloud-liData-ys .li-img {
    width: 74px;
    height: 74px;
    margin: 0 auto;
}

.cloud-liData-ys .li-img span {
    display: block;
    float: left;
    width: 74px;
    height: 74px;
    background: url(../image/17cloud-39.png) no-repeat;
    background-position: -34px -22px;
}

.cloud-liData-ys li:nth-child(2) .li-img span {
    width: 64px;
    height: 63px;
    margin: 5.5px 0 0 5px;
    background-position: -151px -28px;
}

.cloud-liData-ys li:nth-child(3) .li-img span {
    width: 74px;
    height: 66px;
    margin: 4px 0 0 0;
    background-position: -260px -26px;
}

.cloud-liData-ys li:nth-child(4) .li-img span {
    width: 74px;
    height: 63px;
    margin: 5.5px 0 0 0;
    background-position: -372px -28px;
}

.cloud-liData-gn {
    padding: 60px 0;
    background-color: #f5f5f5;
}

.cloud-liData-gn li {
    border-bottom: 1px solid #dadada;
    cursor: pointer;
}

.cloud-liData-gn .li-head {
    background-color: #efefef;
    padding: 16px 28px;
}

.cloud-liData-gn .li-img {
    float: left;
    width: 48px;
    height: 48px;
}

.cloud-liData-gn .li-img span {
    display: block;
    float: left;
    width: 48px;
    height: 47px;
    margin-top: .5px;
    background: url(../image/17cloud-39.png) no-repeat;
    background-position: -46px -126px;
}

.cloud-liData-gn li:nth-child(2) .li-img span {
    background-position: -46px -201px;
}

.cloud-liData-gn li:nth-child(3) .li-img span {
    height: 48px;
    margin-top: 0;
    background-position: -46px -275px;
}

.cloud-liData-gn li:nth-child(4) .li-img span {
    height: 44px;
    margin-top: 2px;
    background-position: -46px -351px;
}

.cloud-liData-gn .li-head dl {
    float: left;
    margin: 3px 0 0 15px;
}

.cloud-liData-gn .li-head dt {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.cloud-liData-gn .li-head dd {
    color: #696969;
    font-size: 14px;
    line-height: 24px;
    padding-top: 5px;
}

.cloud-liData-gn .li-head a {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    margin-top: 9px;
    font-size: 30px;
    font-weight: lighter;
    border: 1px solid #ff6800;
    color: #fff;
    text-align: center;
    line-height: 26px;
    background-color: #ff6800;
    border-radius: 50%;
}

.cloud-liData-gn .li-con {
    display: none;
    background-color: #fff;
    color: #696969;
    line-height: 24px;
    font-size: 14px;
    padding: 15px 28px;
}

.cloud-liData-gn .li-con dl {
    padding: 10px 0;
}

.cloud-liData-gn .li-con dt {
    font-size: 16px;
}

.cloud-liData-gn .cur,
.cloud-liData-gn li:last-child {
    position: relative;
    -moz-box-shadow: 0 5px 6px rgba(131, 128, 128, .15);
    -webkit-box-shadow: 0 5px 6px rgba(131, 128, 128, .15);
    box-shadow: 0 5px 6px rgba(131, 128, 128, .15);
}

.cloud-liData-gn .cur .li-head {
    background-color: #ff6800;
}

.cloud-liData-gn .cur .li-head dt,
.cloud-liData-gn .cur .li-head dd {
    color: #fff;
}

.cloud-liData-gn .cur .li-head a {
    border-color: #fff;
    background-color: inherit;
}

/*腾讯云*/
.cloud-banner.txCloud {
    background-image: url(../image/17cloud-50.jpg);
}

.blueStyle-b .cloud-main-l .slider-m-o .ul-o li.on {
    background-color: #007ade;
    border-color: #007ade;
}

.blueStyle-b .cloud-main-l .slider-m-o .ul-o li:hover {
    color: #007ade;
}

.blueStyle-b .cloud-main-l .slider-m-o .ul-f li.on {
    color: #007ade;
    border-color: #007ade;
}

.blueStyle-b .cloud-login-ipt input {
    border-color: #e2e2e2;
    font-size: 12px;
    width: 230px;
}

.blueStyle-b .cloud-main-l .slider-m-o .sel .sel-m {
    border: 1px solid #007ade;
    border-top: 0;
    width: auto;
}

.blueStyle-b .cloud-main-l .slider-m-o .sel .sel-m.sor {
    width: 378px;
}

.blueStyle-b .cloud-main-l .slider-m-o .sel .sel-inp {
    border-color: #007ade;
}

.blueStyle-b .cloud-main-l .slider-m-o .sel p {
    color: #007ade;
}

.blueStyle-b .cloud-main-l .slider-m-o .sel .sel-m-o {
    border: none;
    border-bottom: 1px solid #eee;
}

.blueStyle-b .cloud-main-l .slider-m-o .sel .sel-inp.on {
    background-color: #007ade;
}

.blueStyle-b .cloud-main-l .slider-m-o .slider .ui-slider-handle {
    background-image: url(../image/17cloud-41.png);
}

.blueStyle-b .cloud-main-l .slider-m-o .slider .ui-slider-range {
    background-color: #007ade;
}

.blueStyle-b .cloud-main-l .l-l {
    padding-left: 0;
    padding-right: 0;
}

.blueStyle-b .cloud-main-l .slider-m-o .p-o {
    width: 120px;
}

.blueStyle-b .cloud-main-l .l-l h4 {
    width: 120px;
    padding-bottom: 50px;
}

.blueStyle-b .alysjp-add a i {
    background-color: #007ade
}

.tcCloud-tx {
    padding: 60px 0
}

.tcCloud-tx .tit {
    text-align: center
}

.tcCloud-tx-list li {
    float: left;
    width: 33.333%
}

.tcCloud-tx-list .li-con {
    padding: 20px;
}

.tcCloud-tx-list .li-img {
    width: 100%;
    text-align: center;
}

.tcCloud-tx-list .li-img img {
    height: 46px;
    display: inline-block
}

.tcCloud-tx-list dl {
    margin-top: 20px;
}

.tcCloud-tx-list dt {
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
}

.tcCloud-tx-list dd {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.7;
}


/* banner改版 */

.banner_content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}

.banner h1 {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 8px 0;
}

.banner p {
    max-width: 594px;
    color: #666;
    font-family: Noto Sans TC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 31px;
}

.banner_box {
    display: flex;
    gap: 24px;
}

.banner_box span {
    color: #666;
    font-family: Noto Sans TC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.banner_box .item {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.banner_box .item img {
    width: 24px;
    height: 24px;
}

/* 阿里云banner */
.banner.aly .banner_text {
    max-width: 536px;
}


.banner.aly {
    padding-top: 58px;
}

.banner.aly h1 {
    line-height: 1;
    margin-bottom: 17px;
}

.banner.aly h1 img {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 8px;
}

/* 百度云banner */
.banner.bdy .banner_text {
    max-width: 636px;
}

.banner.bdy img {
    max-width: 70%;
}

.banner.bdy {
    padding-top: 58px;
}

.banner.bdy h1 {
    line-height: 1.2;
    margin-bottom: 17px;
}

html .container {
    padding-bottom: 56px;
}

/* 腾讯云banner */
.txy .banner_content {
    padding-top: 40px;
}

.banner_box.txy {
    display: flex;
    gap: 27px;
}

.banner_box p {
    color: #666;
    font-family: Noto Sans TC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: end
}

.banner_box p img {
    margin-right: 5px;
}

/* 谷歌云banner */
.banner.go .banner_text {
    max-width: 675px;
}

.banner.go p {
    max-width: 100%;
    font-size: 18px;
    margin-bottom: 10px;
}

.banner.go {
    padding-top: 0px;
}

.banner_blcok {
    width: 100%;
    height: 1px;
    background: #CCC;
    margin-bottom: 10px;
}

.banner.go span {
    color: #888;
    font-family: Noto Sans TC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

/* 高防云新增产品介绍模块 */
.introduce {
    width: 100%;
    background: #FFF;
    padding: 84px 0 71px 0;
}

.introduce h2 {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-top: 0;
    margin-bottom: 83px;
}

.introduce .introduce_box {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 76px 200px;

}

.introduce.aly .introduce_box {
    gap: 10px;
}

.introduce .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 1;
    max-width: 208px;

}

.introduce p {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 30px 0 8px;
}

.introduce span {
    color: #666;
    text-align: center;
    font-family: Noto Sans TC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

/* 腾讯云产品介绍 */
.introduce.txy .item {
    flex-direction: row;
    flex: 0 1 calc(50% - 50px);
    align-items: flex-start;
    max-width: none;
}

.introduce.txy .introduce_box {
    gap: 48px 86px;
    max-width: 1200px;
}

.introduce .item_img {
    margin-right: 20px;
}

.introduce .item_text p {
    margin: 0 0 11px 0;
}

.introduce .item_text span {
    font-size: 14px;
}

/* 百度云产品介绍 */
.introduce.bdy .introduce_box {
    justify-content: flex-start;
}

.introduce.bdy .item {
    flex: 0 1 calc(50% - 43px);
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 1px 10px 0px rgba(97, 128, 196, 0.12);
    padding: 20px;
}

/* 谷歌云产品介绍 */
.introduce.go .introduce_box {
    max-width: 1200px;
    gap: 20px;
    flex-wrap: wrap;

}

.introduce.go .item {

    border-radius: 6px;
    border: solid 1px#DADCE0;
    padding: 20px;
    flex: 0 1 calc(33.333% - 20px);
    max-width: none;
    align-items: flex-start;
    transition: all 0.3s ease-in-out;
}
.introduce.go .item:hover{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transform: scale(1.02);
}

.introduce.go p {
    margin: 24px 0 10px 0;
}

.introduce.go span {
    text-align: left;
}

.introduce.go .item img {
    width: 48px;
}

/* 高防云表格 */
.table {
    width: 100%;
    background: #FFF;
}

.table_box {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #DDD;
    position: relative;
    padding: 74px 0 102px;
}

.table h2 {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    margin: 0;
    background: #FFF;
    z-index: 2;
    top: -27px;
    padding-right: 10px;
}

.table_box table {
    width: 100%;
}

.table_box table th {
    color: #FFF;
    font-family: Noto Sans TC;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    text-align: center;
}

.table_box table th:first-child {
    border: solid 1px #EDEDED;
    overflow: hidden;
    position: relative;
}

.table_box table th:first-child::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 141.42%;
    /* 对角线长度 ≈ √(width² + height²) */
    height: 1px;
    background: #EDEDED;
    transform: rotate(20deg);
    /* 旋转45度 */
    transform-origin: 0 0;
    /* 从左上角开始旋转 */
    box-sizing: border-box;
}

.table_box table th:nth-child(2) {
    background: linear-gradient(268deg, #3FB2FF -7.62%, #07F 114.96%);
}

.aly .table_box table th:nth-child(2) {
    background: linear-gradient(90deg, #FF7B16 25.39%, #FF9932 76.74%);
}

.table_box table th:nth-child(3) {
    background: linear-gradient(90deg, #9B9B9B 21.32%, #908B8B 78.88%);
    ;
}

.table_box table tr:nth-child(2) {
    border-top: none;
}

.table_box table tr td:first-child {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 0;
    padding-left: 35px;
    vertical-align: middle;
}

.table_box table tr td:first-child img,
.table_box table tr td:first-child span {
    display: inline-block;
    vertical-align: middle !important;
    margin-right: 6px;
}

.table_box table tr td {
    color: #64646B;
    font-family: Noto Sans TC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 23px 57px;
    border: 1px solid #EDEDED;
}

.table_box table tr td:nth-child(2) {
    background: #FBFDFF;
    ;
}

/* 高防云新增背书 */
.beishu {
    width: 100%;
}

.beishu_box {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 90px 0 69px;
}

.beishu_box img {
    max-width: 98%
}

.beishu_box h2 {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 56px;
    text-align: center;
}

/* 高防云新增faq    */
.containerzhou {
    width: 100%;
    background: #FFF;
    height: auto !important;
    position: relative;
    padding: 100px 0;
}

.containerzhou h2 {
    margin-top: 0px;
    color: #333;
    font-family: Noto Sans TC;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.questionBox {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: #FFFFFF;
    padding: 30px 0;
}

.questionBox>div {
    padding: 0px 30px;
    margin-bottom: 10px;
}

.questionTitle {
    cursor: pointer;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #DDE1E6;
    padding: 20px 0;
    position: relative;
    line-height: 1.2;
}

.questionText {
    display: none;
    font-size: 16px;
    line-height: 30px;
    color: #888888;
    padding-bottom: 15px;
}

.questionTitle::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg t='1748230772245' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4638' width='16' height='16'%3E%3Cpath d='M512 693.333333c-14.933333 0-29.866667-4.266667-40.533333-14.933333l-277.33333399-234.666667c-27.733333-23.466667-29.866667-64-8.53333301-89.6 23.466667-27.733333 64-29.866667 89.6-8.53333299L512 546.133333l236.8-200.53333299c27.733333-23.466667 68.266667-19.19999999 89.6 8.53333299 23.466667 27.733333 19.19999999 68.266667-8.53333301 89.6l-277.33333399 234.666667c-10.666667 10.666667-25.6 14.933333-40.533333 14.933333z' fill='%23707070' p-id='4639'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.5s ease-in-out;
}

.act .questionTitle {
    color: #1599FF;
    border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.act .questionTitle::before {
    transform: translateY(-50%) rotate(180deg);
    transition: all 0.5s ease-in-out;
}

div.active {
    background: #FAFAFA;
}

.help {
    width: 100%;
    padding: 90px 0 100px;
}

.help h2 {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 59px;
}

.help_box {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.help_box_item {
    display: flex;
    padding: 24px 24px 28px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    border-radius: 4px;
    background: #FFF;
    width: 45%;
    transition: all 0.3s ease-in-out;

}

.help_box_item:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transform: scale(1.02);
}

.help_box_item p {
    color: #333;
    font-family: Noto Sans TC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.help_box_item span {
    align-self: stretch;
    color: #777;
    font-family: Noto Sans TC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.help_box_item_img {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
}

.help_box_item_img::before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/hellp_arrow.svg) no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;

}

.help_box_item:hover .help_box_item_img::before {
    transform: translateY(-50%) translateX(5px);
}

a:hover {
    text-decoration: none;
}

/* 二级导航重构 */
.fcloud_nav {
    width: 100%;
    background: #fff;
}

.fcloud_nav_content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0px;
}

.fcloud_item {
    width: 14.2%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E5E5;
    border-top: none;
    padding: 19.5px 0;
    position: relative;
}

.fcloud_item.act::before {
    opacity: 1;
}

.fcloud_item::before {
    content: '';
    width: 50%;
    height: 2px;
    background-color: #ff6800;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.fcloud_item:hover::before {
    opacity: 1;
    width: 100%;
}

.fcloud_nav img {
    max-width: 114px;
}

@media screen and (max-width: 850px) {
    html .banner {
        background-size: 190% 112% !important;
        height: auto;
        padding: 20px 0;
    }

    .banner.aly {
        padding-top: 17px;
    }

    .txy .banner_content {
        padding-top: 0;
    }

    .sliderbox {
        max-width: 98%;
        margin-right: auto;
        margin-left: auto;
    }

    .banner_content {
        padding: 0;
    }

    .banner_text {
        max-width: 96% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .bdy .banner_text {
        max-width: 70% !important;
        margin-left: 15px !important;
    }

    .go .banner_text {
        max-width: 70% !important;
        margin-left: 15px !important;
    }

    .banner h1 {
        font-size: 28px;
    }

    .banner p {
        max-width: 280px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .fcloud_item {
        width: 50%;
    }

    .fcloud_nav_content {
        justify-content: space-between;
    }

    html .tit h4 {
        line-height: 1;
        margin: 20px 0;
    }

    .introduce,
    .table_box,
    .beishu_box,
    .containerzhou,
    .help {
        padding: 50px 0;
    }

    .introduce h2 {
        margin-bottom: 40px;
    }

    .introduce .introduce_box {
        gap: 20px 200px !important;
    }

    .introduce.txy .item {
        flex: 0 1 calc(95% - 50px);
    }

    .introduce.bdy .introduce_box {
        justify-content: center;
    }
    .introduce.go .item {
        flex: 0 1 calc(95% - 50px);
    }

    .introduce span {
        font-size: 13px;
    }

    .table_box table tr td {
        padding: 10px;
    }

    .table_box table tr td:first-child {
        padding-left: 0px;
        font-size: 15px;
        text-align: center;
    }

    .table_box table tr td:first-child img,
    .table_box table tr td:first-child span {
        display: block;
        margin: 0 auto;
    }

    .beishu_box h2 {
        margin-bottom: 30px;
    }

    .questionBox {
        margin-bottom: 0;
    }

    .questionTitle {
        font-size: 17px
    }

    .help_box {
        max-width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    .help_box_item {
        width: 100%;
    }

    .help h2 {
        font-size: 25px;
    }

    #footer .btmLink {
        height: auto !important;
    }
}