body{background-color: #eee;}
@media screen and (min-width: 1900px) {
    .layui-container {width: 1230px;}
}
.layui-btn:hover {border-color: #1c86d1;}
.qz-btn {background-color:#1c86d1;color:#fff}
.qz-text-disabled{color:#FF5722;text-decoration:line-through}
.nav{background-color: #2F4056;}
.nav .logo i{color:#fff;font-size:22px;line-height:50px}
.nav .logo a{color:#fff;font-size:22px;line-height:50px}
.nav .nav_icon_button{display:none}
.nav .layui-nav {text-align:right}
.nav .layui-nav .layui-nav-item{line-height:48px}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: #1c86d1;}
.nav .nav-list {}
.layui-nav .user_name {max-width: 290px;vertical-align: middle;overflow: hidden;}

.footer{background-color: #2F4056;margin-top:50px;border-top: 1px solid #c2c2c2;padding:15px 0;text-align:center;color:#fff}
.footer a{color:#fff}

.home-info{background-color: #1c86d1;height:380px;text-align:center}
.home-info .content{position:absolute;top:12%;color:#fff;width:100%;}
.home-info .content .logo,.home-info .content .action{margin:15px 0}
.home-info .content .logo i{font-size:128px}
.home-info .content .about{font-size:16px;padding:0 10px}
.home-info .content .action a{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;margin: 0 6px;padding: 0 10px;border-radius: 2px;color: #fff;border: 1px solid #c2c2c2;border-color: rgba(255,255,255,.2);font-size: 14px;}
.home-info .content .action a:hover{border-color: #fff;}

.advantage{margin-top:40px}
.advantage .item{width:32%;float:left;margin-right:1%;margin-top:15px;}

.plug-list{margin:30px 0;min-height: 730px;}
.plug-list .search-input{position: relative;}
.plug-list .search-input input{height:30px;}
.plug-list .search-input i{position:absolute;right:3px;top:4px;font-size:16px;font-weight:bold}
.plug-list .page-list{text-align:right;margin-top:10px}
.plug-list .plug-select{background-color: #fff;padding:15px 0}

.plug-detail{margin:30px 0;min-height: 730px;}
.plug-detail h1{font-size:20px;padding-bottom:10px}
.plug-detail .desc{color:#aaa}
.plug-detail .img-info{margin-bottom:20px;background-color: #fff;}
.plug-detail .img-info img{width:100%}
.plug-detail .img-info{position: relative;height:auto}
.plug-detail .img-info .items div{display:none;height:auto}
.plug-detail .img-info .items div:first-child{display:block;}
.plug-detail .img-info .layui-carousel-arrow{top:300px}
.plug-detail .support {color:red;}
.plug-detail .btn-order {position: absolute;right: 10px;}
.plug-detail .price {color: red;font-size: 22px;vertical-align:middle;display: inline-block;height: 30px;line-height: 40px; }

.plug-detail .content{background-color: #fff;max-width:100%;padding:10px;line-height:1.6;font-size: 14px;}
.plug-detail .content img{max-width:100%}
.plug-detail .content h2{color:#1c86d1;font-size: 1.6em;font-weight: 700;line-height: 1.225;padding-bottom: .3em;margin-top: 1em;margin-bottom: 16px;border-bottom: 1px solid #eee;}
.plug-detail .content h3{color:#1c86d1;font-size: 1.2em;line-height: 1.2;margin-top: 1em;margin-bottom: 16px;}
.plug-detail .content a{color:#1c86d1;}

.plug-detail .content table{border-collapse: collapse;border-spacing: 0;display: block;width: 100%;overflow: auto;word-break: normal;word-break: keep-all;}
.plug-detail .content table thead tr{background-color: #F8F8F8;border-top: 1px solid #ccc;}
.plug-detail .content table thead th{padding: 6px 13px;border: 1px solid #ddd;font-weight: 550;}
.plug-detail .content table tr{background-color: #fff;border-top: 1px solid #ccc;}
.plug-detail .content table td{padding: 6px 13px;border: 1px solid #ddd;}
.plug-detail .content ul{padding-left: 2em;}
.plug-detail .content blockquote, .plug-detail .content dl, .plug-detail .content ol, .plug-detail .content p, .plug-detail .content pre, .plug-detail .content table, .plug-detail .content ul{margin-top: 0;margin-bottom: 16px;}
.plug-detail .content blockquote{color: #666;border-left: 4px solid #ddd;margin-left: 0;font-size: 14px;font-style: italic;padding: 5px 15px;}
.plug-detail .content blockquote p{margin-bottom: 0;}

.order-div {margin-top:20px;display: flex;align-items: center;width: 100%;height: 340px;justify-content:center;}
.qrcode img {text-align: center;}
.order-div .msg {align-items: center;font-size: 22px;padding: 10px;line-height: 2;}

@media screen and (max-width: 1200px) {
    .advantage .item{width:48%;margin:10px 1%;min-height:160px}
}
@media screen and (max-width: 666px) {
    .layui-container{padding: 0 2px;}
    .layui-card-body{padding: 10px 5px;}
    .advantage .item{width:98%;margin:10px 1%;min-height:60px}
    .layui-nav .layui-nav-item a{padding:0 12px}
    .nav .navlist{display: none;margin-left:-15px;width:100%;position:absolute;z-index:99;top:50px;}
    .nav .layui-nav{padding:0 12px}
    .nav .layui-nav li{text-align:center;width:100%;}
    .nav .nav_icon_button{display: block;color: #FFF;font-size: 30px;float: right;margin-top: 15px;}

}
@media screen and (max-width: 460px) {.layui-show-lg-td{display:none!important}.layui-show-md-td{display:none!important}.layui-show-sm-td{display:none!important}.layui-show-xs-td{display:none!important}.layui-show-xss-td{display:table-cell!important}.layui-hide-xss{display:none!important}}
@media screen and (min-width: 460px) {.layui-show-lg-td{display:none!important}.layui-show-md-td{display:none!important}.layui-show-sm-td{display:none!important}.layui-show-xss-td{display:table-cell!important}.layui-show-xs-td{display:table-cell!important}}
@media screen and (min-width: 768px) {.layui-show-lg-td{display:none!important}.layui-show-md-td{display:none!important}.layui-show-sm-td{display:none!important}.layui-show-xss-td{display:table-cell!important}.layui-show-xs-td{display:table-cell!important}}
@media screen and (min-width: 992px) {.layui-show-lg-td{display:none!important}.layui-show-md-td{display:none!important}.layui-show-sm-td{display:table-cell!important}.layui-show-xss-td{display:table-cell!important}.layui-show-xs-td{display:table-cell!important}}
@media screen and (min-width: 1200px) {.layui-show-lg-td{display:table-cell!important}.layui-show-md-td{display:table-cell!important}.layui-show-sm-td{display:table-cell!important}.layui-show-xss-td{display:table-cell!important}.layui-show-xs-td{display:table-cell!important}}
.layui-card .layui-card-body {
    padding: 10px 15px !important;
}