body {font-size: 14px;}
.body-bg {
    background: url("../images/bg1.jpg") repeat-x center top;
}
.help-block {display: block;}
a:hover {color: #FF5722}
.fl {float: left;}
.fr {float: right;}
.text-center {text-align: center;}
.bg-light {background-color: #f2f2f2 !important;}

.mt15 {margin-top: 15px;}
.mt10 {margin-top: 10px;}
.mr-0 {margin-right: 0 !important;}
.bg-fff-bs {background-color: #fff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);}
.bg-f2f2f2 {background-color: #f2f2f2;}
.w-100 {width: 100% !important;}
.p-20 {padding: 20px !important;}
.d-flex {display: flex}
.jc-sb {justify-content: space-between}

.btn-primary {background-color: #2fad97; border-color: #2fad97}

@media screen and (min-width: 800px) {
    .dyui-container {padding-left: 0; padding-right: 0}
}

.layui-card {border: solid 1px #eee;}

.layui-container {width: 1200px; padding: 0;}
.layui-main {width: 1200px;}

.card-header .more {float: right; color: #999;}
.layui-card-more {margin: 5px 0 15px; text-align: center}

.header-top {background-color: #333333; height: 40px; line-height: 40px; overflow: hidden;color: #fff;}
.header-top a {color: #fff;}
.header-top .header-l {float: left;}
.header-top .header-l span {margin-right: 15px; float: left; height: 30px; line-height: 30px; margin-top: 5px;}
.header-top .header-l span a {display: block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px;}
.header-top .header-l span a:hover {background-color: #FF5722; color: #fff;}
.header-top .header-r {float: right;}

#dr_member_info {margin-top: 5px;}

.fc-member li {margin-left: 10px; float: left;}
.fc-member li a {display: block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px;}
.fc-member li a:hover {background-color: #FF5722; color: #fff;}

.fc-login li {float: left;}
.fc-login li a {display: block; height: 30px; line-height: 30px; background-color: #009688; color: #fff; padding: 0 10px; font-size: 14px;}
.fc-login .login a {background-color: #FF5722;}
.fc-login li a:hover {opacity: 0.8;}

.header {width: 100%; height: 70px; background: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
.header .logo {float: left; color: #fff; font-size: 18px; height: 70px; line-height:70px;}
.header .logo a {display: block;}

.dyui-header {position: relative; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9}
.dyui-header .dyui-nav {padding: 0;}
.dyui-header .dyui-nav li a.c1 {color: #000; padding: 0 15px; height: 48px; line-height: 48px; display: block; font-size: 15px;}
.dyui-header .dyui-nav li a.c1:hover {color: #31af99}
.dyui-header .dyui-nav li.active a.c1 {color: #31af99;}
.dyui-header .dyui-nav .dropdown-menu>li>a { font-weight: initial; color: #333}
.dyui-nav .navbar-brand img {height: 40px}
.dyui-nav .form-inline .form-control {border-radius: 3px 0 0 3px; border: none}
.dyui-nav .form-inline .btn {border: solid 1px #98C30F; border-radius: 0 3px 3px 0; background-color: #98C30F; color: #fff}
.header-offcanvas .navbar-nav>li>.dropdown-menu {position: inherit !important; transform: inherit !important; width: 100%}

@media(max-width:1300px) {

    .dyui-header .dyui-nav li a.c1 {padding: 0 5px;}
}
/*Phone手机*/
@media(max-width:767px) {
    /*导航开始*/
    .dyui-header {background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .dyui-header .navbar {padding: 2px 0 0 0;}
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 32px; display: block; padding-left: 10px}
    .dyui-header .navbar-dark .navbar-toggler {color: #333}
    .dyui-header .navbar-dark .navbar-toggler i {font-size: 30px;}
    .dyui-header .navbar-collapse {background-color: #fff;}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav li a.c1 {display: block}
}
@media (min-width:768px) {
    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0}
    .dyui-nav li.open .dropdown-menu {display: block;}
}
.dyui-header-line {height: 48px}

/*导航*/
#menu {margin-top: 15px;}

/*移动端导航*/
.layui-side {position: initial; width: 100%; overflow-x: initial;}
#menu .layui-side-scroll {width: 100%; overflow-x: initial;}

#menu .layui-nav {margin: 0;}
#menu .layui-nav li {position: relative;float: left; font-size: 15px; line-height: 40px; text-align: center; border-radius: 15px;}
#menu .layui-nav-tree .layui-nav-item {width: auto;}
#menu .layui-nav-tree {width: 100%;}
#menu .layui-nav .layui-nav-item a {font-size: 15px; font-weight: normal; line-height: 40px; color: #000;}
#menu .layui-nav .layui-nav-item a.active {background-color:#ff5722; color: #fff; border-radius: 100px;}

#menu .layui-nav .sub { display:none; width:104px; left:0; top:40px;  position:absolute; line-height:26px; padding:1px 0; z-index: 999;}
#menu .layui-nav .sub li{ zoom:1; }
#menu .layui-nav .sub a{ display:block; padding:0 10px; border-radius: 0;}
#menu .layui-nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
#menu .layui-nav li .sub li {float: none; padding: 0; background-color: #ff6577; color: #fff; border-radius: 0; border-bottom: solid 1px #ff7d8c; height: 36px; line-height: 36px;}
#menu .layui-nav-item .layui-nav-child {top: 40px;}
#menu .layui-nav-item .layui-nav-child a {color: #000 !important;}
#menu .layui-nav-item .layui-nav-child:hover a {color: #000;}
#menu .layui-nav .layui-nav-bar {background-color: #fff; display: none !important;}

#menu .layui-nav li.go {margin-left: 8px;}
#menu .layui-nav li.go .layui-btn {height: 30px; color: #fff;}

#menu .layui-nav-item a.n2 {color: #000; text-align: center; line-height: 40px;}
#menu .layui-nav-more {border-color: #666 transparent transparent; border-top-color: rgba(102,102,102,.6);}
#menu .layui-nav-mored {border-color: transparent transparent #333;}

.banner {height: 500px; text-align: center;
}
.banner h2 {color: #fff; font-size: 40px;font-weight: 700; }
.banner h3 {color: #fff; margin: 30px auto 0; display: table; font-size: 28px;}
.banner h4 {color: #fff; margin: 20px auto 20px; display: table; font-size: 16px;}
.banner .layui-btn {margin: 20px 5px;}
.banner .layui-btn .layui-icon {margin-right: 5px;}
.site-version {text-align: center;}
.site-version .site-version-box {display: inline-block; background-color: #219E89; padding: 5px 20px; color: #fff;}
.site-version span {padding: 0 5px;}
.site-version a {color: #fff;}
.site-version cite {font-style: normal;}
.banner .fl {width: 580px;}
.banner-img {width: 600px; padding-top: 60px;}

.main {width: 1020px; height: auto; overflow: hidden; margin: 10px auto;}
.main h3 {font-size: 24px; text-align: center; margin: 20px 0 10px;}
.main dl {float: left; width: 320px; height: auto; overflow: hidden; margin: 15px 10px;}
.main dl dt {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px;}
.main dl dd {color: #666; overflow: hidden; font-size: 14px;}

.link {height: auto; padding: 15px; margin: 0 auto;}
.link a {margin-left: 15px;}

/*版块标题1*/
.dyui-main-header .header-title {margin: 10px auto 0; position: relative; text-align: center;}
.dyui-main-header .header-title legend {line-height: 34px; margin: 0 auto; font-size: 34px; color: #000; font-weight: 300; background-color: #fff; position: relative; z-index: 99;}
.dyui-main-header .header-title p {background-color: #fff; color: #999; font-size: 16px; height: auto; line-height: 22px; padding: 5px 0; z-index: 9; position: relative; min-width: 100px; display: inline-block; margin: 0 auto;}
.dyui-main-more {text-align: center;}


/*首页功能特色*/
.home-texin {padding: 30px 0; overflow: hidden;}
.home-texin .dyui-main-body {padding: 25px 0 20px;}
.home-texin ul li {text-align: center;}
.home-texin ul li a {display: block; padding: 10px 20px;}
.home-texin ul li i {font-size: 60px;}
.home-texin ul li .t {margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 14px;}
.home-texin ul li .desc {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

/*首页模板市场*/
.home-moban {background-color: #F2F2F2; padding: 30px 0;}
.home-moban .dyui-main-header .header-title legend,
.home-moban .dyui-main-header .header-title p {background-color: #F2F2F2;}
.home-moban .dyui-main-body {padding: 25px 0 20px;}

.home-moban .moban-list li a {background-color: #fff; display: block;}
.home-moban .moban-list li .pc-header {height: 24px; border-bottom: solid 1px #eee; background-color: #fff; text-align: left;border-radius: 5px 5px 0 0; width: 100%}
.home-moban .moban-list li .pc-header i {border-radius: 50%; font-size: 12px; color: #F0A667; background-color: #F0A667; margin: 8px 0px 4px 6px; display: inline-block; width: 10px; height: 10px;}
.home-moban .moban-list li .pc-header i:nth-child(2) {color: #EFC677; background-color: #EFC677;}
.home-moban .moban-list li .pc-header i:nth-child(3) {color: #A1DB55; background-color: #A1DB55;}
.home-moban .moban-list li .title {text-align: center; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px;}
.home-moban .moban-list li .price {text-align: center; line-height: 30px; font-size: 14px; color: #f00;}

/*首页插件*/
.home-cajia .dyui-main-body {padding: 25px 0 20px; overflow: hidden;}
.home-cajia ul li a {display: block; border: solid 1px #eee; overflow: hidden; padding: 10px;}
.home-cajia ul li .img {float: left; width: 60px; height: 60px;}
.home-cajia ul li .box {padding-left: 70px;}
.home-cajia ul li .t {font-size: 14px; font-weight: bold;}
.home-cajia ul li .price {font-size: 14px; color: #f00;}
.home-cajia ul li .desc {margin: 3px 0; color: #999; font-size: 12px;  overflow: hidden;}

/*首页增植服务*/
.home-zengzhi {background-color: #F2F2F2; padding: 30px 0;}
.home-zengzhi .dyui-main-header .header-title legend,
.home-zengzhi .dyui-main-header .header-title p {background-color: #F2F2F2;}
.home-zengzhi .dyui-main-body {padding: 25px 0 20px;}
.home-zengzhi ul li {}
.home-zengzhi ul li .img {height: 120px; background-color: #01AAED; color: #fff; text-align: center;    background: linear-gradient(135deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);}
.home-zengzhi ul li .img i {font-size: 30px; margin: 25px 0 12px;}
.home-zengzhi ul li .img .t {font-size: 18px;}
.home-zengzhi ul li .box {border: solid 1px #ddd; background-color: #fff; padding: 20px;}
.home-zengzhi ul li .box .t {font-size: 16px; text-align: center; line-height: 60px;}
.home-zengzhi ul li .box .desc {font-size: 14px; text-align: center; line-height: 150%; height: 66px; overflow: hidden; color: #666;}
.home-zengzhi ul li .box .price {font-size: 16px; text-align: center; color: #f00; line-height: 60px;}
.home-zengzhi ul li .box .box-btn {text-align: center; margin: 10px 0;}

/*首页新闻资讯*/
.home-news .dyui-main-body {padding: 25px 0 20px;}
.home-news .home-news-h3 {padding: 15px 0; overflow: hidden; display: flex; justify-content: space-between; align-items: center}
.home-news .home-news-h3 h3 {float: left; font-size: 16px;}
.home-news .home-news-h3 .more {float: right; line-height: 40px; color: #999;}
.home-news ul li {line-height: 30px; height: 30px; overflow: hidden; font-size: 15px;}
.home-news ul li .time {float: right; color: #999; line-height: 30px;}
.home-news .col-md-4 .img {background-size: cover; height: 180px; position: relative; margin-bottom: 8px;}
.home-news .col-md-4:nth-child(1) .img {background: url(../images/home-news-1.png) no-repeat center top 100%; background-size: cover; height: 180px;}
.home-news .col-md-4:nth-child(2) .img {background: url(../images/home-news-2.png) no-repeat center top; background-size: cover; height: 180px;}
.home-news .col-md-4:nth-child(3) .img {background: url(../images/home-news-3.png) no-repeat center top; background-size: cover; height: 180px;}
.home-news .img .tit {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 10px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    overflow: hidden;
    transition: all 0.2s;}
.home-news .img a {display: block; width: 100%; height: 100%;}

/*域名授权查询*/
.page-weizi {height: 50px; line-height: 50px;margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.license-show .card-header {text-align: center;}
.license-show .license-show-bg {height: 637px;width: 956px; margin: 20px auto; text-align: center; overflow: hidden;}
.license-show .card-body ul {margin: 260px 0 0 200px;}
.license-show .card-body ul li {font-size: 20px; text-align: left; line-height: 40px;}


/*底部通用*/
.footer {background-color: #373D41; padding: 20px 0; text-align: center; color: #fff;}
.footer a {color: #fff;}


/*源码下载*/
.down-main {padding: 50px 0 30px}
.down-main h3 {font-size: 30px; text-align: center; line-height: 140%; font-weight: bold}
.down-main h5 {font-size: 18px; text-align: center; line-height: 140%; margin: 15px auto}
.down-main h6 {font-size: 16px; text-align: center; line-height: 120%;}
.down-main .down-list {padding: 50px 0 30px}
.down-thumb {text-align: center}
.down-thumb img {border: solid 1px #ddd; border-radius: 3px; width: 80%}

.down-main .down-version {margin: 10px 0; line-height: 200%}
.down-main .down-version span {padding: 0 3px; font-size: 15px;}
.down-main .down-version span a {color: #3091F2}
.down-main .down-version * {
    font-style: normal;
}

.page-content {padding: 15px 10px}
.page-content img {max-width: 100%}


/**/

.layui-main-tree {width: 280px; padding: 0; height: auto; overflow: hidden;}
.layui-main-content {width: 900px; height: auto; overflow: hidden;}

.layui-breadcrumb {
    border-bottom: solid 1px #eee;
    padding: 10px 0;visibility: visible; font-size: 14px;
}

/* 滚动子栏目 */
/* 响应式滚动子栏目 */
.dyui-gdznav {width: 100%; display: block;  box-sizing: border-box; }
.dyui-gdznav .dyui-container {position: relative; padding: 10px}
.dyui-gdznav .scroll-wrapper {overflow: hidden; scrollbar-width: none; -ms-overflow-style: none;}
.dyui-gdznav .scroll-list::-webkit-scrollbar {display: none; /* Chrome Safari */}
.dyui-gdznav .scroll-list {position: relative; overflow: hidden; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 0;}
.dyui-gdznav .scroll-list a {font-size: 14px; color: #333; display: inline-block; margin: 0 10px; padding: 5px 5px; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.dyui-gdznav .scroll-list a.active {color: #009688; border-bottom: solid 2px #009688}
/* .dyui-gdznav .scroll-list a.active:after {content: ''; position: absolute; left: 50%; bottom: 2px; width: 20px; margin-left: -7px; height: 3px; background-color: #DE293A; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} */
.dyui-gdznav .znav-more {cursor: pointer; position:absolute; z-index:1;top:0;right: 0; width:50px; height:33px; line-height: 33px; text-align: right;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(48%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.dyui-gdznav .open {height: auto;}
.dyui-gdznav .open .scroll-wrapper {height: auto}
.dyui-gdznav .open .scroll-list {white-space: initial}
.dyui-gdznav.open ul li {margin-top: 5px; margin-bottom: 5px}
.dyui-gdznav.open ul li a {border-radius: 100px; border: solid 1px #ddd; padding: 3px 10px;}



/*aq*/
.news-list-b li {height: 40px; line-height: 40px; padding: 10px 10px; border-bottom: 1px dotted #e2e2e2; font-size: 16px;}
.news-list-b .layui-badge {top: -2px; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; font-size: 12px; border: 1px solid #5FB878; background: none; color: #5FB878;}

/*文章排名*/
.newstop {margin: 0 5px;}
.newstop li {height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;}
.newstop li i {background-color: #009688; color: #fff; width: 18px; height: 18px; line-height: 18px; text-align: center; display: inline-block; font-style: inherit; border-radius: 4px; margin-right: 5px;}

/*文章详情*/
.news-title {margin: 0; line-height: 120%; color: #393D49; font-size: 28px; font-weight: 300;}
.news-info {border-bottom: solid 1px #eee; line-height: 40px; margin-bottom: 20px;}
.news-info span {margin-right: 20px;}
.news-info span i {margin-right: 5px;}
.news-content {line-height: 200%; font-size: 14px;}
.news-content img {margin: 5px 0; max-width: 100%; border: solid 3px #eee;}
.news-content h3 {height: 34px; line-height: 34px; background-color: #f1f7fd; border: solid 1px #46ab95; margin: 15px 0; padding-left: 10px; color: #46ab95; font-weight: bold; font-size: 16px;}


.updown {border-top: solid 1px #ddd; padding: 15px 0; margin-top: 30px;}



.aq-title {font-size: 24px; border-bottom: solid 1px #ddd; line-height: 140%; margin-bottom: 15px; padding-bottom: 10px;}


/*插件列表*/
.cajian-list li a {display: block; border: solid 1px #eee; overflow: hidden; padding: 15px 10px; position: relative}
.cajian-list li a .layui-badge {position: absolute; right: 0; top: 0; border-radius: 0 0 0 5px}
.cajian-list li .img {float: left; width: 60px; height: 60px;}
.cajian-list li .box {padding-left: 70px;}
.cajian-list li .t {font-size: 14px; font-weight: bold;}
.cajian-list li .price {font-size: 14px; color: #f00;}

/*模板*/
.moban-list li a {position: relative; display: block}
.moban-list li a .layui-badge {position: absolute; right: 0; top: 0; border-radius: 0 0 0 5px}
.moban-list li .img {border: solid 1px #eee; overflow: hidden;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.moban-list li .img img {max-width: 100%}
.moban-list .title {text-align: center; line-height: 30px; height: 30px; overflow: hidden; font-size: 15px; margin-top: 5px}
.moban-list li .price {text-align: center; line-height: 30px; font-size: 14px; color: #f00;}


.about-main {margin: 40px auto 10px;}
.about-main .dyui-main-body {padding: 20px 0 0 0;}
.about-main img {max-width: 100%;}
.about-main .text-box {line-height: 180%; font-size: 16px; padding: 10px 0 0 0;}


.bann {width: 100%; height: 230px; background-size: cover !important;}
@media(max-width:768px) {
    .bann {height: 150px;}
}

/*购买页面*/
.bann-buy {}
.bann-buy .layui-container {padding: 30px 0;}
.bann-buy p {line-height: 30px; overflow: hidden; font-size: 16px;}
.bann-buy ul {margin: 10px 0;}
.bann-buy ul li {padding-left: 20px; color: #666; font-size: 15px; margin: 3px 0;}
.bann-buy ul li:before {
    content: '';
    width: 21px;
    height: 2px;
    float: left;
    margin: 9px 15px 0 -20px; background: #ddd;
}


/*购买授权*/
.bug-zk {text-align: center; font-size: 25px;}
.bug-zk #zktime i {font-style: normal; color: #f00; font-size: 30px;}

.table-tc {}
.table-tc h2 {font-size: 30px; overflow: hidden; text-align: center; height: 60px; line-height: 60px;}
.table-tc #tc-nav {width: 1200px;}
.table-tc table {width:100%; border: 1px solid #DDD; border-width: 1px 1px 0px 0px; background-color: #fff; margin: 0;}
.table-tc tr th {position: relative;text-align: center; color: #fff; font-size: 18px; padding: 15px 15px;}
.table-tc tr th:nth-child(1),
.table-tc tr td:nth-child(1) {width: 150px; color: #666;}
.table-tc tr th:nth-child(2),
.table-tc tr td:nth-child(2) {width: 220px;}
.table-tc tr th:nth-child(3),
.table-tc tr td:nth-child(3) {width: 220px;}
.table-tc tr th:nth-child(4),
.table-tc tr td:nth-child(4) {width: 220px;}

.table-tc tr td {padding: 9px 10px;}

.table-tc tr th:nth-child(2) {background-color: #009688;}
.table-tc tr th:nth-child(3) {background-color: #01AAED;}
.table-tc tr th:nth-child(4) {background-color: #FF5722;}
.table-tc tr th:nth-child(5) {background-color: #2F4056;}

.table-tc table tr td .layui-btn {height: 30px; line-height: 30px; margin: 10px 0 5px;}

.table-tc tr td {border: 1px solid #eeeef3; border-width: 0px 0px 1px 1px; text-align: center; height: 50px; line-height: 150%;}

.table-tc .fa {width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; color: #fff; font-weight: 700; font-size: 12px;}
.table-tc .fa-check {background-color: #01AAED;}
.table-tc .fa-close {background-color: #FF5722;}

.table-tc .jiage {font-size: 24px; padding: 0 2px; color: #f00;}

.table-tc .t1 {float: left; width: 50%; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; margin-left: -1px; background-color: #f2f2f2;}
.table-tc .t2 {float: left; width: 50%; border-bottom: solid 1px #ddd; background-color: #f2f2f2;}
.table-tc .c1 {float: left; width: 50%; border-right: solid 1px #ddd; margin-left: -1px;}
.table-tc .c2 {float: left; width: 50%;}

.table-tc .a {padding: 0; height: 30px; line-height: 30px; margin: 10px 0 5px;}
.table-tc .b {padding: 0; height: 30px; line-height: 30px; margin-bottom: 10px;}
.table-tc .b .yh {background-color: #FCE4DD; border: solid 1px #FF5722; border-radius: 5px; padding:2px 5px; color: #FF5722; font-size: 12px; margin: 0 5px;}
.table-tc .yh i {margin-right: 5px;}
.table-tc .a.x .jiage {text-decoration: line-through;}

.table-tc .layui-tab {margin: 0; background-color: #fff; overflow: hidden;}
.table-tc .layui-tab .layui-tab-title {text-align: center; margin-top: 10px;}
.table-tc .layui-tab .layui-tab-content {padding: 10px 0;}

/*瑙掓爣*/
.table-tc .layui-badge-dot {width: 20px; height: 20px; margin: 0 5px; }
.table-tc .dyui-dot {height: 20px; margin: 0 5px; padding: 2px 6px; background-color: #e0e0e0; color: #999; border-radius: 5px; font-size: 12px;}
.table-tc tr td:hover .dyui-dot {background-color: #f3522a; color: #fff;}


.buy-tips {color: #f00; margin: 30px 0 0 0;}
.buy-tips h3 {border-left: 3px solid #f00;
    padding-left: 10px; margin: 10px 0 10px 0;}
.buy-tips p {line-height: 25px; font-size: 14px;}

/*充值界面*/
.error_pagenotfound {padding: 40px 30px 58px 30px;
    margin: 0 auto;
    width: 60%;
    border: 0px solid #e5e5e5;
    box-shadow: 0 0 8px 0 #a29f9fe6;
    border-radius: 3px;
    background-color: #fff;
    text-align: center;
    margin: 30px auto;}
	
	
/*在线客服*/
.main-im {position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px}.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative}.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px}.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9}.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #ddd;background:url(../images/kefu-qq-icon-bg.png) no-repeat center 8px}.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute}
.main-im .im_main{background:#f9fafb;border:1px solid #ddd;border-radius:10px;background:#f9fafb;}
.main-im .im_main .im-tel{color:#000;text-align:center;width:109px;height:105px;border-bottom:1px solid #ddd}.main-im .im_main .im-tel div{font-weight:700;font-size:12px;margin-top:6px}.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:700;color:#e66d15}.main-im .im_main .im-tel:hover{background:#fafafa}.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #ddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/kefu-weixing-icon.png) no-repeat center center;float:left}.main-im .im_main .weixing-show{width:112px;height:172px;background:#fff;border-radius:10px;border:1px solid #ddd;position:absolute;left:-125px;top:-126px}.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2}.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ddd;border-width:8px;left:112px;top:132px;position:absolute}.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px}.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center}.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/kefu-totop-icon.png) no-repeat center center;float:right}.main-im .im_main .go-top a{display:block;width:52px;height:47px}.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px}.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/kefu-close_im.png) no-repeat left top}.main-im .close-im a:hover{text-decoration:none}
.main-im .open-im {display: none; cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/kefu-open_im.png) no-repeat left top}


/*演示页面*/

.body-demo .card-header {padding: 10px 20px;}
.body-demo .card-header h3 {font-size: 24px; color: #000; }
.body-demo .card-body {padding: 20px;}
.body-demo .card-body p {line-height: 40px;}



/*msg*/
.main-msg .fa-close {font-size: 60px; display: block; color: #009688; margin-top: 20px;}
.fc-msg-info .fc-msg-title {font-size: 16px; margin: 10px 0; color: #FF5722; display: block;}
.fc-msg-info .fc-msg-url a {font-size: 16px; text-decoration: underline; color: #498AF4;}

/*转CMS*/

/*源码下载*/
.tocms-main {padding: 50px 0 30px}
.tocms-main h3 {font-size: 30px; text-align: center; line-height: 140%; font-weight: bold}
.tocms-main h5 {font-size: 18px; text-align: center; line-height: 140%; margin: 15px auto}
.tocms-main h6 {font-size: 16px; text-align: center; line-height: 120%;}
.tocms-main .down-list {padding: 50px 0 30px}
.down-thumb {text-align: center}
.down-thumb img {border: solid 1px #ddd; border-radius: 3px; width: 80%}

.tocms-main .down-version {margin: 10px 0; line-height: 200%}
.tocms-main .down-version span {padding: 0 3px; font-size: 15px;}
.tocms-main .down-version span a {color: #3091F2}
.tocms-main .down-version * {
    font-style: normal;
}

/*首页增植服务*/
.home-tocms {background-color: #F2F2F2; padding: 30px 0;}
.home-tocms .dyui-main-header .header-title legend,
.home-tocms .dyui-main-header .header-title p {background-color: #F2F2F2;}
.home-tocms .dyui-main-body {padding: 25px 0 20px;}
.home-tocms ul li {}
.home-tocms ul li .img {height: 120px; background-color: #01AAED; color: #fff; text-align: center;    background: linear-gradient(135deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);}
.home-tocms ul li .img i {font-size: 30px; margin: 25px 0 12px;}
.home-tocms ul li .img .t {font-size: 18px;}
.home-tocms ul li .box {border: solid 1px #ddd; background-color: #fff; padding: 20px;}
.home-tocms ul li .box .t {font-size: 16px; text-align: center; line-height: 150%; margin-bottom: 10px;}
.home-tocms ul li .box .desc {font-size: 14px; text-align: center; line-height: 150%; overflow: hidden; color: #666; margin-bottom: 20px;}
.home-tocms ul li .box .price {font-size: 16px; text-align: center; color: #f00; line-height: 50px;}
.home-tocms ul li .box .box-btn {text-align: center; margin: 10px 0;}



.contact-main .contact-list {padding-bottom: 30px; flex-wrap: wrap}
.contact-main .contact-list {margin-top: 30px}
.contact-main .item {text-align: center; margin-bottom: 20px; border: solid 1px #eee; padding: 15px}
.contact-main .item h3 {font-size: 18px; font-weight: bold}
.contact-main .item h5 {font-size: 15px; color: #666}
.contact-main .item {}


/* 购买数量框 */
.bootstrap-touchspin {display: flex; align-items: center}
.bootstrap-touchspin .input-group-btn {background-color: #f1f1f1; text-align: center;}
.bootstrap-touchspin .input-group-btn .btn {border: solid 1px #cccccc; background-color: #f1f1f1; text-align: center; width: 30px; border-radius: 0}
.bootstrap-touchspin .form-control {max-width: 60px; border: solid 1px #ccc; margin-left: -2px !important; margin-right: -1px; text-align: center; border-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}

/* 表单 */
.dyui-form-dan .form-group .control-label {display: none}
.dyui-form-dan .form-group .col-md-10 {width: 100%;}
.dyui-form-dan .form-group .help-block {margin-top: 5px; color: #666}
.dyui-form-dan .form-group .form-control {padding: .7rem .75rem;}



/* 服务 */
.price_sku .form-group .col-md-2 {width: auto; flex-shrink: 0}
.price_sku .form-group .col-md-9 {width: auto; }


/*购物车-订单提交*/
.order-address ul li {}
.order-address ul li .box {position: relative; cursor: pointer;}
.order-address ul li a {display: block; padding-left: 30px;}
.dyui-cart-form .pay-list li label {cursor: pointer}
.dyui-cart-form .form-check-input {margin-left: 0; margin-right: 10px;}
.dyui-cart-form .form-check-input {width: 1.4em; height: 1.4em}
.dyui-cart-form .form-check-input:checked {background-color: #30ae98; border-color: #30ae98}
.dyui-cart-form .form-check-input:checked:after {content: ''; border: solid 1px #30ae98; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px;}
.order-address ul li.li-add-address .box {display: flex; align-items: center; justify-content: center}


/* 在线付款组件 支付*/
.dyui-payform {}
.dyui-payform form .form-group label i {margin-right: 5px}
.dyui-payform form .form-group label svg {margin-right: 5px}
.dyui-payform form .form-group label .fa-money {color: #373D41}
.dyui-payform form .form-group label .fa-rmb {color: #3577F8}
.dyui-payform form .form-group label .fa-weixin {color: #3DAA38}
.dyui-payform form .form-group .fc-form-submit {padding-left: 0 !important;}

#content-nav ul li {}
#content-nav ul li a {display: block; padding: 5px 0;}


.show-content {line-height: 2;}