body{background:rgb(243, 246, 254);font-family: "微软雅黑 ","PingFangSC-Regular" !important}
h1,h2,h3,h4{font-weight: bold}
.label-bz{font-size: 14px;color: red}
p{font-size: 14px;line-height: 32px;text-align: justify;word-break: break-all}
.content{max-width: 1200px; margin: auto;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.nav-bj{background: #ffffff;}

.logo h2{color: #000000;line-height: 60px;font-weight: bold;font-size: 20px}
.logo h2 img{margin-top: -4px;margin-right: 10px}
.nav-list .layui-nav{padding: 0;background: #ffffff;color: #000;}
.nav-list .layui-nav .layui-nav-item a{color: rgba(0,0,0,1);}
.nav-list .layui-nav .layui-this:after, .layui-nav-bar{height: 2px;background-color: #0399ff;display: none}

.layui-btn-public{background-color: #0d53ff;}
.layui-card-header{height: 50px;line-height: 50px;color: #000;font-size: 16px;font-weight: bold;}

.kaipian{margin-top: 15px;border-radius: 10px;}
.kaipian .layui-form-radio:hover *, .kaipian .layui-form-radioed, .kaipian .layui-form-radioed>i{color: #0d53ff;}
.kaipian .layui-form-select dl dd.layui-this{background-color: #0d53ff;}
.kaipian .layui-upload-drag .layui-icon{color: #0d53ff;}
.kaipian .layui-tab-brief>.layui-tab-title .layui-this{color: #0d53ff;}
.kaipian .layui-tab-brief>.layui-tab-more li.layui-this:after, .kaipian .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #0d53ff;}

.kaipian .layui-form-checked[lay-skin=primary] i{border-color:#0d53ff !important;background-color:#0d53ff}
.kaipian .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#0d53ff}

.img-zh .layui-upload-drag {width: 100%;padding: 50px 0;}
.img-zh .layui-upload-drag p{text-align: center;line-height: 24px;}
.img-zh .layui-upload-drag #uploadDemoView hr{width: 100px;margin: 10px auto}

.Prohibitions-table tr td:nth-child(1){text-align: center}
/*时间错*/
.Dq-timestamp p{font-size: 14px;color: #000000}
.Dq-timestamp p span{color: red;padding: 0 10px}
/*生成二维码*/
.qrcode-c-l{ width: 70%;margin-right: 5%}
.qrcode-c-l .layui-form-item{}
.qrcode-c-l .layui-form-item .layui-input-block textarea{height:294px}
.QR-living-c {position: relative}
/*.QR-senior-ban {position: absolute;left: 23px;top: 50%;transform: translateY(-50%)}*/
.QR-living{width: 150px;margin: auto;}
.qrcode-c-r{ width: 25%;
    /*box-shadow: 0 6px 16px 0 rgb(0 0 0 / 20%);*/
}
.qrcode-c-r-s{padding: 0px;}
.qrcode-c-r-img{position: relative ;border: 1px solid #f6f6f6;}
.qrcode-c-r-img img{max-width: 100%; width: 100%;
    /*position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)*/
}
.qrcode-c-r-bat{margin-top: 15px}
.qrcode-c-r-bat ul li{width: 49%;}
.qrcode-c-r-bat ul li button{width: 100%;}
.QR-senior{display: none}
.qrcode-c-l-all {width: 100%;margin-right:0}

/*.Qr-img-list{display: none}*/
.Qr-img-list ul li{width: 18.4%;margin-right: 2%;margin-bottom: 2%}
.Qr-img-list ul li:nth-child(5n){margin-right: 0%}
.Qr-img-list ul li img{width: 100%}

/*域名解析*/
.UrlAnalysis tr th{text-align: center}
.UrlAnalysis tr td{text-align: center}

/*底部*/

.footer {margin: 20px 0;position: inherit;left: 0;bottom: 0;width: 100%}
.footer p{font-size: 14px;color: #000000;text-align: center;line-height: 20px}

/*首页*/
.index-list{margin: 15px 0}
.index-list-t h2{font-size: 18px;color: #000000;margin: 20px 0}
.index-list ul li{width: 23.5%; margin-right: 2%;margin-top: 2%}
.index-list ul li:nth-child(1){margin-top: 0%}
.index-list ul li:nth-child(2){margin-top: 0%}
.index-list ul li:nth-child(3){margin-top: 0%}
.index-list ul li:nth-child(4){margin-top: 0%}
.index-list ul li:nth-child(4n){margin-right: 0%}
.index-list ul li a:hover div{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.index-list ul li div{
    padding: 15px 15px 15px 60px;border: 1px solid #ffffff;border-radius: 10px;background: #ffffff;position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.index-list ul li div img{position: absolute;top: 15px;left: 15px;width: 32px}
.index-list ul li div p{color: #000000;font-size: 14px;line-height: 32px;}
/*pdf转图片*/
#Pdf-img{display: none}
.layui-table-none{display: none}


@media only screen and (max-width:1200px) {
    .content{max-width: 100%;margin: 0 20px}
}

@media only screen and (max-width:1024px) {
    .index-list ul li{width: 32%;}
    .index-list ul li:nth-child(3n){margin-right: 0%}
    .index-list ul li:nth-child(4n){margin-right: 2%;margin-top: 2%}
}

@media only screen and (max-width:820px) {
    .index-list ul li{width: 100%;margin-right: 0}
    .index-list ul li:nth-child(2){margin-top: 2%}
    .index-list ul li:nth-child(3){margin-top: 2%}
    .index-list ul li:nth-child(4){margin-top: 2%}
    .index-list ul li:nth-child(4n){margin-right: 0}

    .qrcode-c-l{width: 100%;margin-right: 0}
    .qrcode-c-r{width: 100%}
}