@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";}
img{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;table-layout:fixed;}
/*td{overflow:hidden;text-overflow:ellipsis;}*/
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}


.logo{display: block;width: 408px;margin: 0 auto 100px;max-width: 100%;}
.login-box{width: 610px;margin: 0 auto;}
.login-con{background: rgba(255,255,255,.25);border: solid 1px rgba(255, 255, 255,.25);border-radius: 10px;box-sizing: border-box;padding: 50px;}
.login-con h1{color: #fff;font-size: 36px;margin-bottom: 50px;}
.login-name{position: absolute;left: 15px;top:0;color: #fff;font-size: 20px;line-height: 58px;}
.login-list{background: rgba(255,255,255,.25);border: solid 1px rgba(255, 255, 255,.25);border-radius: 10px; margin-bottom: 30px;}
.login-text{margin-left: 78px;}
.login-text .text{display: block;height: 58px;line-height: 58px;background: none;border-radius: 10px;font-size: 20px;color: #fff;width: 100%;}
.denglu{display: block;font-size: 24px;color: #fff;height: 60px;line-height: 60px;border-radius: 10px;background: #313132;text-align: center;}
.nav_left{width: 270px;position: fixed;z-index: 999;left: 0;top:0;height: 100%;background: #191919;}
.nav_left_logo{position: absolute;top:0;height: 113px;border-bottom: 1px solid #3b3b3b;}
.nav_left_logo img{width: 220px;}
.nav_left_bottom{position: absolute;left: 0;width: 100%;top:170px;bottom:0;overflow: auto;}
.menu li{border-bottom: 1px solid #3b3b3b;position: relative;}
.menu li:before{content: '';position: absolute;width: 8px;height: 100%;top:0;left: 0;;background: #313132;display: none;}
.menu li.active{background: url("../images/li_bg.png") no-repeat center;background-size: 100% 100%;}
.menu li.active:before{display: block;}
.menu a{display: block;padding: 0 30px;position: relative;}
.menu img{display: inline-block;vertical-align: middle;width: 40px;margin-right: 15px;}
.menu span{display: inline-block;vertical-align: middle;line-height: 80px;font-size: 20px;color: #fff;}
.nav_top{position: fixed;z-index: 999;top:0;right: 0;left: 270px;background: #111;height: 60px;}
.tx{position: absolute;top:50%;margin-top: -18px;right: 160px;}
.tx .i{width: 36px;height: 36px;display: inline-block;vertical-align: middle;border-radius: 100%;overflow: hidden;}
.tx span{line-height:36px;font-size:18px;color:#fff; display: inline-block;vertical-align: middle;margin-left: 15px;}
.content99{padding: 32px;margin-left:270px;margin-top:60px;}
.padding-50-30{padding: 50px 30px;}
.ckgl-top h2{font-size: 18px;color: #3c4053;}
.ckgl-top h2 img{width: 40px;vertical-align: middle;margin-top: -4px;margin-right: 8px;filter: brightness(0.1);}
.margin-b20{margin-bottom: 20px;}

.xzlb li{float: left;position: relative;margin-bottom: 20px;}
.xzlb li:nth-child(1){z-index: 12;}
.xzlb li:nth-child(2){z-index: 11;}
.xzlb li:nth-child(3){z-index: 10;}
.xzlb li:nth-child(4){z-index: 9;}
.xzlb li:nth-child(5){z-index: 8;}
.xzlb li:nth-child(6){z-index: 7;}
.xzlb li:nth-child(7){z-index: 6;}
.xzlb li:nth-child(8){z-index: 5;}
.xzlb li:nth-child(9){z-index: 4;}
.xzlb li:nth-child(10){z-index: 3;}
.xzlb li:nth-child(11){z-index: 2;}
.xzlb li:nth-child(12){z-index: 1;}
.list-name{position: absolute;left: 0;top:0;}
.zxlb-con{position: relative;margin-left: 90px;}
.list-name{width: 82px;text-align: right; font-size: 16px;color: #646464;line-height: 39px;}
.xzlb-input{border:1px solid #d6d6d6;}
.zxlb-password .xzlb-input{margin-right: 140px;}
.xzlb-input .text{height: 37px;line-height: 37px;font-size: 16px;text-indent: 1em;display: block;width: 100%;}
.zxlb-lx{position: absolute;right: 0;top:0;}
.sq{line-height: 39px;color: #949494;font-size: 16px;}
.xzlb-col3 li{width: 32%;margin-right: 2%;}
.xzlb-col3 li:nth-child(3n){margin-right: 0;}
.xzlb-text-5 .list-name{width: 120px;}
.xzlb-text-5 .zxlb-con{margin-left: 120px;}

.page{margin-top: 45px;}
div.pages{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;text-align: center;}
.page a{display: inline-block;vertical-align: middle;min-width: 34px;height: 28px;line-height: 28px;text-align: center;background-color: #fff;color: #6c6c6c;border-radius: 5px;transition: all .4s;margin-right: 3px;margin-bottom: 3px;}
.page a:hover{background-color: #3c4053;color: #fff;}
.page a.active{background-color: #3c4053;color: #fff;}
.padding0-30{padding: 0 30px;}
.page-left{background: #fff url("../images/left.png") no-repeat center;background-size: cover;margin-right: 10px;}
.page-left:hover{background: #3c4053 url("../images/left-fff.png") no-repeat center;background-size: cover;}
.page-right:hover{background: #3c4053 url("../images/right-fff.png") no-repeat center;background-size: cover;}
.page-right{background: #fff url("../images/right.png") no-repeat center;background-size: cover;margin-right: 10px;}
.allpage{display: inline-block;vertical-align: middle;color: #6c6c6c;margin-left: 5px;}
.fixed-style{position: fixed;width: 100%;top:0; height:100%;left: 0;z-index: 99999;display: none;}
.loading{width: 100px;}
.table-style th{background: #3c4053;height: 43px;font-size: 16px;color: #fff;text-transform: uppercase;font-weight: normal;position: relative;min-width: 124px;}
.table-style th:after{content:"";position: absolute;right: 0;top:50%;margin-top: -10px;height: 20px;border-right: 1px solid #adb5d2;}
.table-style th:last-child:after{display: none;}
.table-style th:last-child{width: 120px;}
.table-style td{color: #5a5a5a;height: 44px;border-bottom: 1px solid #e6e6e6;}
.table-style tbody tr:nth-child(even){background: #f9f9f9;}
.color-blue{color: #2e7fdb;}
.cx-style{display: inline-block;width: 100px;height: 37px;background: #3c4053;text-align: center;line-height: 37px;border:1px solid #d6d6d6;color: #fff;font-size: 16px;}
.status a{float: left;line-height: 28px;border-radius: 5px;text-align: center;font-size: 18px;color: #6f6f6f;background: #e0e0e0;padding: 0 17px;margin-right: 15px;margin-bottom: 15px;transition: all .4s;}
.status a.active{color: #fff;background: #3c4053;}
.status a:hover{color: #fff;background: #3c4053;}
.xiugai:hover{text-decoration: underline;}

.fixed-confirm-con{width: 400px;box-shadow: 0 0 4px #ddd;border-radius: 6px;margin: 0 auto;padding: 30px 20px 20px;}
.fixed-confirm-con h3{font-size: 20px;}
.fixed-confirm-con p{margin: 20px 0 40px;font-size: 16px;}
.bg{width: 24px;height: 24px;position: absolute;right: 20px;top:15px;background: url("../images/gb.png") no-repeat center;background-size: cover;cursor: pointer;transition: all .4s;opacity: 0.6;}
.bg:hover{opacity: 1;}
.contez a{font-size:14px;margin:0 5px;}
.sigong{font-size: 16px;padding: 10px 0;}
.btn-style{display: inline-block;background: #2e7fdb;color: #fff;font-size: 18px;padding: 6px 27px;border:1px solid #d6d6d6;border-radius: 5px;}
.qdxz{margin-top: 40px;margin-left: 20px;}
.margin-r140{margin-right: 140px;}
.ckgl-top .qdxz{position: absolute;right: 0;margin-top: 0;margin-left: 0;bottom:0;}
.fanhui{position: absolute;right: 0;top:0;font-size: 18px;color: #3c4053;padding-left: 30px;}
.fanhui:before{width: 21px;height: 26px;position: absolute;content: ""; background: url("../images/forward.png") no-repeat center;background-size: cover;left: 0;top:50%;margin-top: -13px;}

.khxx{margin-bottom: 5px;font-size: 0;}
.khxx li{display: inline-block;width: 49%;font-size:14px;margin-right: 2%;margin-bottom: 12px;position: relative;vertical-align: top;}
.khxx li:nth-child(even){margin-right: 0;}
.khxx li span{position: absolute;top:0;left: 0;text-align: right;width: 124px;line-height: 36px;font-size: 16px;color: #303030;}
.xing{font-style: normal;color: #fe0000;}
.khxx-r{margin-left: 132px;border:1px solid #b4b4b4;position: relative;}
.khxx-r .text{display: block;width: 100%;height: 34px;line-height: 34px;text-indent: 1em;font-size: 16px;color: #626161;background: none;}
.khxx-r.select-select{border:none;}
.khxx-r select{font-size: 16px;color: #626161;padding-left: 12px;}
.zhengche{font-size: 16px;color: #303030;}
.azbw-con{display: inline-block;cursor: pointer;position: relative;padding-left: 28px;color: #2e2e2e;}
.azbw-con .i{position: absolute;width: 20px;height: 20px;border:1px solid #999;border-radius: 5px;top:50%;margin-top: -11px;left: 0;}
.azbw li{float: left;width: 16.66%;margin-bottom: 6px;margin-top: 6px;}
.azbw li.active .i{background: url("../images/gou.png") no-repeat center;background-size: cover;border-color: #fe0000;}
.zhengche{margin-bottom: 15px;}
.zhengche ul{display: inline-block;}
.zhengche ul li.active .i{background: url("../images/gou.png") no-repeat center;background-size: cover;border-color: #fe0000;}
.khxx2 li,.khxx2 li:nth-child(even){margin-right: 2%;}
.khxx2 .full{width: 100%;margin-right: 0;}
.khxx2 li:nth-child(3){margin-right: 0;}
.textarea{padding:4px 12px;}
.textarea textarea{display: block;width: 100%;height: 100px;resize: none;color: #626161;line-height: 2em;font-size: 14px;background: none;}
.margin-b20{margin-bottom: 20px;}
.khxx-r-date{background: url("../images/date.jpg") no-repeat 12px 9px;}
.khxx-r-date .text{text-indent: 32px;}
.tip{color: #626161;}
.tip2{margin-left: 150px;color: #666;margin-top: 5px;}
.photos{border:none;}
.photos .tip{margin: 7px 0;color: #f00;}
/*.getph{float: left;width: 6rem;}*/
.bj-page-tp{height: auto;line-height: 100%;padding: 0.5rem 0 0.3rem;}
.tp-box{width: 116px;box-sizing: border-box;margin-right: 15px;margin-bottom: 10px;margin-top: 10px; position: relative;text-align: center;display: inline-block;vertical-align: top;font-size: 14px;}
.tp-box-con{border:1px solid #e6e6e6;border-radius: 10px;overflow: hidden;height: 116px;position: relative;}
.tp-box p{font-size: 16px;color: #5e5d5d;margin-top: 5px;}
.tp-box img{max-width: 100%;max-height: 100%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.tpFile{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;z-index: 4;cursor: pointer;}
.tpFile.hide{opacity: 0;}
#tpFiles{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;z-index: 4;cursor: pointer;}
.tp-box-tp{position: relative;cursor: pointer;}
.tpFile-bg{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2;background: #e0e0e0 url("../images/jia.png") no-repeat center;background-size:100% 100%;}
.getph{font-size: 0;}
.mutiles{display: block;}
.delete{position: absolute;width: 32px;height: 32px;bottom:0;right: -3px;z-index: 9; background: url("../images/tong.png") no-repeat center;background-size: cover;cursor: pointer;display: none;opacity: 0.7;transition: all .4s;}
.delete:hover{opacity: 1;}
.btn-bot a{display: inline-block;width: 90px;height: 38px;border:1px solid #b4b4b4;border-radius: 5px;text-align: center;line-height: 38px;font-size: 16px;color: #6a6a6a;}
.text-right{text-align: right;}
.btn-bot .gengxin{background: #000;color: #fff;border-color: #000;margin-left: 10px;}
.khxx-r.border-none{border:none;}
.xzlb-col2 li{width: 48%;margin-right: 4%;}
.xzlb-col2 li:nth-child(even){margin-right: 0;}
.list-name .xing{display: inline-block;}
.xzlb-col2 .list-name{width: 88px;}
.xzlb-text-5 .list-name{width: 120px;}
.xzlb-text-5 .zxlb-con{margin-left: 120px;}
.upload{position: relative;z-index: 2;}
.upload label{cursor: pointer;left: 0;top:0;height: 100%;z-index: 2;}
.upload #upload{opacity: 0;width: 5px;height: 5px;position: absolute;left: 0;top:0;z-index: -1;}
.xzlb li.full{width: 100%;margin-right: 0;}
.xzlb li.right0{margin-right: 0;}
.shopimg .tp-box{width: 126px;border-radius: 0;}
.shopimg .tp-box-con{width: 124px;height: 104px;border-radius: 0;border:1px solid #f0f0f0;}
.sjgj{color: #999;font-size: 12px;margin-top: 12px;}
.stip{position: absolute;width: 20px;height: 20px;border-radius: 100%;background: #f00;color: #fff;line-height: 20px;text-align: center;display: none;font-size: 12px;top: -6px; right: -10px;}
.khxx-r-select select{display: block;width: 100%;border:none;height: 34px;line-height: 34px;background: none;}

.zoomableshadow{width: 48px;height: 48px;z-index: 99; position: absolute;right: 20px;top:80px;background: url("../images/gb.png?v=1.1") no-repeat center;background-size: cover;cursor: pointer;transition: all .4s;}
.smallimg{position: absolute;z-index: 5;right: 4px;top:4px;width: 20px;height: 20px;background: url('../images/fd.png') no-repeat center;background-size: cover;opacity: 0.7;transition: all .4s;cursor: pointer;display: none;}
.smallimg:hover{opacity: 1;}

.nav_top_control{position: absolute;top:50%;font-size: 18px;color: #fff;margin-top: -12px;cursor: pointer;}
.nav_top_control:hover{text-decoration: underline;}
.nav_top_xg{right: 70px;}
.nav_top_tc{right: 20px;}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both;-webkit-animation:slideRight 1s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both;-webkit-animation:tobig 1s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}