html,
body {
    min-width: 1200px;
    font-family: "Microsoft Yahei";
    color: #666;
}
.m-top-bottom {
    margin-top: 4em;
    margin-bottom: 4em;
}
.site-nav {
    background: rgba(255,255,255,.9);
}
.navbar {
    margin-bottom: 0px;
}
.logo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.navbar-brand {
    padding: 5px;
}
a.more {
    position: relative;
    min-width: 100px;
    max-width: 140px;
    height: 40px;
    line-height: 40px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5% auto;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}
a.more:hover {
    color: #333;
}
img {
    width: auto;
    max-width: 100%;
}

.more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1, 1);
    -moz-transform: scale3d(0.1, 1, 1);
    -ms-transform: scale3d(0.1, 1, 1);
    -o-transform: scale3d(0.1, 1, 1);
    transform: scale3d(0.1, 1, 1);
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
}
.more:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}
.p-large {
    font-size: 16px;
    margin-top: 1em;
}

.part-title {
    padding: 2em 0px;
}

/* nav */
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #222222;
}
.nav-box {
    line-height: 100px;
}
.nav-box > ul {
    line-height: 20px;
    margin-top: 30px;
}
.nav-box > ul li {
    margin-left: 5px;
    margin-right: 5px;
}
.nav-box > ul li a {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
.nav>li>a:hover,
.nav>li>a:focus {
    color: #222;
}
a {
    color: #333;
}
.nav .login {
    background-color: #00a0e9;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
}
.nav .login:hover{
    background-color: #00a0d3;
}
.nav .login:hover a {
    color: #fff;
}
.nav .login a:hover,
.nav .login a:focus {
    background-color: #00a0d3;
}
.nav .login,
.nav .login a {
    color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #00A0E9;
    background-color: #fff;
}
/* video */
.wrapper {
    position: relative;
}
.wrapper .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(125,125,125,0.3);
    
}
.text {
    position: absolute;
    top: 28%;
    left: 15%;
    /* width: 100%; */
    text-align: left;
    color: #fff;
}
.text h1 {
    font-size: 50px;
}
.text p {
    margin-top: 2%;
    font-size: 28px;
}
.text a.more {
    text-align: center;
    margin: 5% 0;
}


.side {
    display: block;
    position: relative;
}
.side.side1 {
    border: 1px solid #eee;
    margin-top: 1em;
    margin-bottom: 1em;
    background: #fff;
}
.side.side2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.side.side2 .front {

    border: 1px solid #eee;
}
.side:hover {
    text-decoration: none;
}
.side p {
    color: #666;
}
.side .back p {
    color: #fff;
}
.side .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.side .front,
.side .back {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 1em;
}

.side .back {
  opacity: 0;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #ff7e00;
  color: #fff;
}

.side:hover .front {
  -webkit-transform: perspective(0px) rotateY(180deg);
  -moz-transform: perspective(0px) rotateY(180deg);
  -ms-transform: perspective(0px) rotateY(180deg);
  -o-transform: perspective(0px) rotateY(180deg);
  transform: perspective(0px) rotateY(180deg);
  opacity: 0;
}
.side:hover .back {
  -webkit-transform: perspective(0px) rotateY(0deg);
  -moz-transform: perspective(0px) rotateY(0deg);
  -ms-transform: perspective(0px) rotateY(0deg);
  -o-transform: perspective(0px) rotateY(0deg);
  transform: perspective(0px) rotateY(0deg);
  opacity: 1;
}
.side .service_title,
.side .service_info {
    margin-top: 1.17em;
    line-height: 2em;
}
.bg {
    background: url(../images/cloud_service.png) no-repeat;
    height: 90px;
    width: 90px;
    margin: 0 auto;
}
.front .bg1 {
    background-position: 0 0;   
}
.back .bg1 {
    background-position: 0 -87px;
}
.front .bg2 {
    background-position: -90px 0;   
}
.back .bg2 {
    background-position: -90px -87px ;
}
.front .bg3 {
    background-position: -180px 0;   
}
.back .bg3 {
    background-position: -180px -87px ;
}
.front .bg4 {
    background-position: -270px 0;   
}
.back .bg4 {
    background-position: -270px -87px ;
}
.front .bg5 {
    background-position: -360px 0;   
}
.back .bg5 {
    background-position: -360px -87px ;
}
.front .bg6 {
    background-position: -450px 0;   
}
.back .bg6 {
    background-position: -450px -87px ;
}

/* 模板列表 */
.cus-thumbnail {
    border: none;
    background-color: transparent;
    position: relative;
}
.cus-thumbnail .caption {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    margin-top: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.cus-thumbnail .hot,
.cus-thumbnail .new {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 1.17em;
    font-weight: normal;
    height: 56px;
    width: 56px;
    display: inline-block;
}
.cus-thumbnail .hot{
    background: url(../../../images/website/hot.png) no-repeat center center;
}
.cus-thumbnail .new{
    background: url(../images/01/new.png) no-repeat center center;
}
.cus-thumbnail .caption .grade {
    color: #00a0e9;
}
.cus-thumbnail .intr-box {
    position: relative;
}
.cus-thumbnail .intr-box img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.caption.caption2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    margin-top: 0px;

    background: rgba(255,255,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
}
.caption2.active {
    -webkit-box-shadow: 0 0 12px #ccc;
    -moz-box-shadow: 0 0 12px #ccc;
    box-shadow: 0 0 12px #ccc;
}

.caption2 .leftinfo,
.caption2 .rightimg {
    width: 50%;
    float: left;
    max-height: 100%;
    overflow: hidden;
}
.caption2 .box {
    padding: 1em;
}
.caption2 .box a {
    display: inline-block;
    margin: 0.5em;
}
.cate-item a {
    display: inline-block;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    min-width: 160px;
}
.cate-item a.active,
.cate-item a:hover {
    color: #fff;
    background-color: #00a0e9;
}

.sync-operate img{
    width: auto;
    max-width: 100%;
}
.macbg {
    position: relative;
    background: url(../images/01/mac2.png) no-repeat;
    background-size: cover;
    padding: 6em 5em;
    min-height: 120px;
    height: 100%;
}
.macbg video {
    width: auto;
    max-width: 82%;
}
footer{
    margin-top: 2em;
    background: #f7f7f7;
}
footer .contact-intr {
    margin: 2em 0px;
    line-height: 24px;
    color: #444444;
    font-size: 14px;
}
footer .contact {
    color: #444444;
    font-weight: bold;
}
footer .list-title {
    color: #333;
    font-weight: 700;
    font-size: 16px;
}
.cate-list .list-group-item {
    background-color: transparent;
    border: none;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.cate-list .list-group-item:hover {
    color: #444444;
    background-color: transparent;
}
#collapseExample {
    margin-top: 1em;
}
.cate-all-list {
    margin: 2em 0px;
}
.cate-all-list .badge {
    margin-left: 4px;
}
.trans_1,
.part-thumbnail,
.cus-col {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}

.trans_1:hover,
.cus-col:hover {
    -webkit-box-shadow: 0px 0px 15px #ccc;
    -moz-box-shadow: 0px 0px 15px #ccc;
    box-shadow: 0px 0px 15px #ccc;
}
.part-thumbnail {
    border: none;
}
.part-thumbnail img {
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.part-thumbnail2 {
    border: none;
}
.part-thumbnail2 img {
    border: none;
}
.nav-tabs>li>a {
    padding: 7px 40px;
}
/* menu */
.tab-box {
    text-align: center;
    margin-top: -36px;
}
.tab-box .nav-tabs {
    display: inline-block;
    border-bottom: none;
}
.tab-box .nav-tabs li a{
    color: #555;
    background: #fff;
}
.tab-box .nav-tabs li:hover a{
    color: #2297f3;
    border-bottom: 1px solid #fff;
}
.tab-box .nav-tabs li.active a{
    color: #2297f3;
}

.cus-media .media-body {
    vertical-align: middle;
    margin: 2em 0px;
}
.cus-media ul li {
    list-style: disc;
    color: #2297f3;
}
.cus-media .media-body h3,
.cus-media .media-body h4 {
    margin-bottom: 1.17em;
}
.cus-media ul li p {
    color: #666;
}
.services h4 {
    color: #ff7731;
}
.services h4,
.services p {
    text-align: left;
}

.rich-media .media-box,
.rich-media .content-box {
    display: table-cell;
    vertical-align: middle;
}
.rich-media .content-box h3,
.rich-media .content-box h4 {
    margin-bottom: 1.17em;
}
.rich-media .content-box .content {
    margin-left: 4em;
}
.rich-media .content-box .content ul p {
    line-height: 24px;
    margin-top: 1em;
}
.rich-media .content-box .content a.btn {
    margin-top: 2em;
}
.rich-media .content-box .content ul {
    padding-left: 20px;
}
.cus-jumbotron {
    background-color: #fff;
}

.cus-col {
    padding: 1em;
}
.cus-col img {
    -webkit-box-shadow: 0px 0px 15px #ccc;
    -moz-box-shadow: 0px 0px 15px #ccc;
    box-shadow: 0px 0px 15px #ccc;
}

.green-text {
    color: #3eb43d;
}
.white-text {
    color: #fff;
}
.orange-border {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 5px solid #f26522;
    padding: 2em 0px;
}

.item-box {
    display: table;
    width: 100%;
    margin: 1em 0px;
    border: 1px solid #fff;
}
.item-box > div {
    display: table-cell;
}
.item-box .left-index {
    background: #fff;
    color: #fa6400;
    font-size: 3em;
    vertical-align: middle;
    padding: 0 0.4em;
    width: 13%
}
.item-box .right-content {
    padding: 0 0.4em;
}
.right-content .pd-box {
    padding-left: 1em;
}
.item-box .right-content h3,
.item-box .right-content p {
    color: #fff;
}

.cus-media3,
.cus-media2 {
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1em 0px 3em;
    padding: 1em;
}
.cus-media3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cus-media2 .media-left,
.cus-media3 .media-left,
.cus-media4 .media-left {
    padding: 1em;
}
.cus-media2 .media-body,
.cus-media3 .media-body,
.cus-media4 .media-body, {
    padding: 2em;
}
.cus-media2 .media-body p,
.cus-media3 .media-body p,
.cus-media4 .media-body p {
    line-height: 24px;
}

.cus-thum2 {
    border: none;
}
.cus-thum2 .title {
    padding: 1em;
    border-top: 1px solid #00a0e9;
    border-bottom: 1px solid #00a0e9;
    color: #00a0e9;
}
.cus-media4 {
    border-bottom: 1px dashed #d2d2d2;
    margin: 2em 0px;
}
.cus-media4 p {
    color: #a3a3a3;
}
.cus-media4:hover {
    background-color: #f6f6f6;
}
.cus-media4:hover h3 {
    color: #00a0e9;
}
/* contact */
.contact {
    text-align: left;
    min-height: 200px;
    height: 245px;
    padding: 20px 15px;
    margin-top: 15px;
    border: 1px solid #dadada;
}
.contact .contact-head,
.contact .contact-body {
    display: table-cell;
    padding: 0 4px;
}
.contact .contact-body {
    padding-left: 24px;
}
.contact .contact-head > h4 {
    min-width: 70px;
    padding: 8px 15px;
    font-size: 16px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;

    background-color: #00a0e9;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.contact .contact-body p.atention-text {
    color: #00a0e9;
}
.contact .contact-body p span {
    display: inline-block;
    min-width: 70px;
    text-align: right;
    margin-right: 1em;
}
.contact .contact-body p a:hover,
.contact .contact-body p a:focus {
    text-decoration: none;
    color: #777;
}
.contact .contact-body p.atention-text a:hover,
.contact .contact-body p.atention-text a:focus {
    color: #00a0e9;
}

.contact .contact-body p span i.fa {
    margin-right: 4px;
    color: #00a0e9;
}
.contact .contact-body p.atention-text a,
.contact .contact-body p.atention-text span i.fa {
    color: #00a0e9;
}

/* help */
.search .input-group-addon {
    color: #00a0e9;
    background-color: #fff;
}
.search .input-group-addon:hover {
    color: #fff;
    background-color: #00a0e9;
    border: 1px solid #00a0e9;
}

.help-title {
    padding-left: 1em;
    font-weight: 500;
    color: #00a0e9;
    border-left: 3px solid #fa6400;
}
#search {
    cursor: pointer;
}

.tab-list,
.tab-content-box {
    background: #fff;
}
.tab-list ul {
    padding-left: 0;
}
.tab-list ul,
.tab-list ul li{
    list-style: none;
}
.tab-list ul li{
    line-height: 36px;
    height: 36px;
}
.tab-list ul li.active {
    background: #00a0e9;
}
.tab-list ul li.active a,
.tab-list ul li.active i {
    color: #fff;
}


.cus-panel .panel-heading {
    border-left: 3px solid #00a0e9;
}
.tab-list ul li a,
.tab-content-box li a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 10px;
    color: #666;
    text-decoration: none;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab-list ul li a i {
    margin-right: 10px;
}

.tab-content-box {
    padding-left: 0;
}
.tab-content-box li {
    list-style: none;
    height: 32px;
    line-height: 32px;
}
.tab-content-box li a {
    color: #00a0e9;
}
.panel-box {
    display: none;
}
.panel-box.active {
    display: block;
}
.tab-content-box li,
.tab-list li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tab-content-box li:hover,
.tab-list li:hover {
    background: #ededed;
}
footer {
    padding: 3em 0px 0px;
}
footer .cate-list-box {
    padding-left: 2em;
}

/* 服务条款、法律声明 */
.article {
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1em 4em;
    background: #fff;
}
.article-head {
    margin: 2em 0px;
}
.article-head h1 {
    color: #333;
    font-size: 32px;
    text-align: center;
}
.article-body {
    margin: 2em 0px;
}
.article-block p {
    line-height: 28px;
    margin-top: 3em;
    margin-bottom: 3em;
    font-size: 15px;
}
.article-block p span {
    font-weight: bold;
    margin-right: 5px;
}
.article-block .sub-title {
    font-weight: bold;
    color: #333;
    margin-bottom: 1.17em;
}
.article-block .sub-list-title {
    margin-bottom: 1em;
}
.article-block .sub-title + p {
    margin-top: 1em;
}
.article-block ul li p,
.article-block ol li p {
    margin: 1.17em 0px;
}

@media (max-width: 768px) {
    #site-nav {
        position: fixed;
        top: 0;
        border-width: 0 0 1px;
        width: 100%;
        z-index: 100;
        background: #fff;
    }
    .wrapper {
        margin-top: 100px;
    }
    .wrapper .text {
        top: 5%;
    }
    .wrapper .text h1 {
        font-size: 1.5em;
    }
    .wrapper .text p {
        font-size: 1em;
    }
}
@media (max-width: 414px) {
    .wrapper .text {
        top: 1%;
    }
    .wrapper .text h1 {
        font-size: 1em;
    }
    .wrapper .text p {
        font-size: 1em;
    }
}

/*------------ 加盟代理页面 ------------*/
.block-title {
    margin: 4em 0px 2em;
    text-align: center;
    color: #666;
}
.block-title > .title{
    font-size: 24px;
}
.block-title > .desc {
    margin-top: 20px;
}

/* cus-thumbnail */
.cus-thumbnail2 {
    text-align: center;
    margin: 1em 2em 2em;
}
.cus-thumbnail2 .image {
    text-align: center;
}
.cus-thumbnail2 .image img {
    width: auto;
    max-width: 100%;
}
.cus-thumbnail2 .caption {
    margin: 1em 0px;
    padding: 0 2em;
}
.cus-thumbnail2 .caption h3 {
    font-size: 16px;
    color: #333;
}
.cus-thumbnail2 .caption p {
    margin-top: 1em;
    font-size: 14px;
    color: #787878;
    line-height: 24px;
}

/* 代理商级别 */
table.agent-class tr,
table.agent-class th,
table.agent-class td {
    text-align: center;
    font-size: 14px;
    color: #666;
}

table.agent-class th .class-name {
    font-size: 16px;
    color: #3052b6;
    margin-top: 1em;
}
.atention {
    text-align: center;
    color: #666;
    margin-top: 1em;
    font-size: 14px;
}
.atention span {
    color: #e74c3c;
}
.dash-line {
    margin: 3em 0;
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
}

/* 代理条件 */
.cus-media5 {
    overflow: hidden;
    zoom: 1;
}
.cus-media5 .media-left,
.cus-media5 .media-body {
    display: table-cell;
}
.cus-media5 .media-body {
    vertical-align: top;
    width: 10000px;
    overflow: hidden;
    zoom: 1;
    padding-left: 100px;
}
.cus-media5 .media-body p {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

/* 按钮效果*/
a.more2 {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5% auto;
    border: 1px solid #d7322d;
    color: #d7322d;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}
/*@media (max-width: 768px) {
    a.more2 {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}*/
a.more2:hover {
    color: #fff;
}

.more2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d7322d;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1, 1);
    -moz-transform: scale3d(0.1, 1, 1);
    -ms-transform: scale3d(0.1, 1, 1);
    -o-transform: scale3d(0.1, 1, 1);
    transform: scale3d(0.1, 1, 1);
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.more2:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

/* 底部在线咨询 */
.with-border {
    border-right: 1px dashed #dcdcdc;
}
@media (max-width: 992px) {
    .with-border {
        border-right: none;
    }
}
.inline-chart {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    min-width: 110px;
    padding: 0px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #f68423;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    text-decoration: none;
}
.inline-chart:hover,
.inline-chart:focus {
    background-color: #fc9339;
    color: #fff;
    text-decoration: none;
}
.inline-chart .fa-qq {
    color: #fff;
    margin-right: 8px;
}
span.phone {
    margin-left: 16px;
    color: #fc9339;
    font-size: 24px;
    font-weight: bold;
}
/* package 套餐页面 */
/* .table-responsive{ width: 1200px; margin: 0 auto; } */
.table-responsive{ margin: 0 auto; }
/* .site_conf{ width: 1200px; margin: 50px auto; margin-bottom: 60px; border-collapse: collapse; font-size: 14px; } */
.self_adaption {
    position: relative;
}
.site_conf{ margin: 50px auto; margin-bottom: 60px; border-collapse: collapse; font-size: 14px; }
.table-bordered{ border: 1px solid #ddd; }
#top_hide{ display: table; position: fixed; top: 0; margin: 0; border: none; }
#top_hide tbody{ width: 100%; width: 1200px; }
#top_hide tr td{ background-color: #fff; }
.second_row .text_orange{ color: #f15a24; font-family: "georgia" , "Microsoft Yahei"; }
.second_row  td .text_orange{ font-size: 24px; }
.second_row  td a.text_orange{ font-size: 14px; }
.site_conf tr .no,
.source-code-table tr .no,{ color: #b3b3b3; }
.site_conf tr .yes,
.source-code-table tr .yes{ color: #ed1c24; }
.site_conf th, .site_conf td{ padding: 8px; text-align: center; border: 1px solid #cfcfcf; }
.site_conf th,
.source-code-table th   { font-weight: normal; background: #333; color: #fff; }
.site_conf td{ color: #000; }
.site_conf td .texthorizon{ width: 20px; text-align: left; margin: 0 auto; line-height: 180%; }
.site_conf td.category_name{ background-color: #f7931e; color: #fff; }
.site_conf td a.btn{ display: inline-block; padding: 0; width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center; background-color: #ff4400; border-radius: 15px; -webkit-border-radius: 15px;}
.site_conf td a.btn.btn1 {
    background-color: #ff4400;
}
.site_conf td a.btn.btn2 {
    background-color: #02adfb;
}
.site_conf td a.btn.btn2:hover {
    background-color: #039cdd;
}
.site_conf td a.btn:hover{ background-color: #ff6600; }
.site_conf td a.btn.disable {
    background-color: #bbb;
    cursor: not-allowed;
    border-color: #bbb;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; border-top: 1px solid #ddd; }
.agent_services {
    margin-top: 40px;
}
#agent_site_services tr td:first-child {
    background-color: #fcfcfc;
    min-width: 105px;
}
@media (min-width: 1200px) {
    #top_hide {
        width: 1140px;
        margin-top: 101px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #top_hide {
        width: 940px;
        margin-top: 141px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    #top_hide {
        width: 720px;
        margin-top: 171px;
    }
}
@media (max-width: 768px) {
    #top_hide {
       display: none !important;
       margin-top: 101px;
    }
    .site_conf tr td {
        white-space: normal !important;
    }
}


/* 修改时间：2017年12月21日下午5点
 * 修改人员：周宣任
 * 修改内容：增加套餐价格样式
 *  */
.site_conf td p.info {
    height: 20px;
    width: 100px;
    line-height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #f22214;
    color: #f22214;
    text-align: center;
    font-size: 12px;
    padding: 0 10px;
    margin: 0 auto;
}
.site_conf .text_red {
    font-size: 24px;
    color: #f22214;
}
/* 修改 end */

.source-code-table tr th,
.source-code-table tr td {
    text-align: center;
}

.agent_site_conf a.btn_orange,
.source-code-table a.btn_orange {
    display: inline-block;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #ff6600;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
table.agent_site_conf tr th,
table.agent_site_conf tr td {
    line-height: 34px;
}
.source-code-table td.no {
    color: #999;
}
.source-code-table a.btn_orange:hover {
    background-color: #ff8800;
}
.source-code-table a.go-visit {
    color: #ff6600;
    font-size: 16px;
}