li{ list-style-type: none;}
h1,h2,h3,h5,h4,h6,ol,p,ul,li{ padding: 0; margin: 0;}
a:hover,a:active,a:focus{ text-decoration: none;}
a:hover{ color: #e71f50;}
img{max-width: 100%;}
i{ font-style: normal;}
body{ font-size: 16px;}
em{ font-style: normal;}
input{ outline: none;}
.btn-danger{ background: #fe0000;}
.btn-lg{ padding: 12px 50px; font-size: 18px;}
.text-danger{ color: #fe0000;}
.text-gray{ color:#999;}
.modal-content{ border: none; border-radius: 0;}
.modal-header{padding: 12px 15px;}
.modal-footer{text-align: center; border-top:none; padding-top: 0;}
.rowpad1{margin-left: -5px; margin-right: -5px;}
.rowpad1>li{padding: 0 5px;}
.form-control{border: 1px solid #ddd; box-shadow: none;}
.form-group{ margin-bottom: 10px;}
.form-group label{margin-bottom:3px; font-weight: normal; font-size: 14px;}

.flex-align{ display: flex; align-items: center;}
.flex-just{ display: flex; align-items: center; justify-content: space-between;}
.table td,.table th{ vertical-align: middle!important;    border-top:none!important;    border-bottom: 1px solid #ddd!important;}
magin-center{ margin: 0 auto;}
.imgsize img{ width: 100%; height: 100%;}
.imgsize50{ width: 50px; height: 50px; margin: 0 auto;}
.modal-content{margin-top: -100px;}
.breadcrumb{ margin:20px 0; padding:0; background-color: #fff;}
.breadcrumb a{ color: #888;}
.borderbox{border: 1px solid #ddd; padding:10px 15px;}

.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}
/****/
.topbar{ background: #e71f50; color: #fff;text-align: right; padding: 6px 0;}
.header{ background: #000733; padding:20px 0;}
.logo{width: 260px;}
.search{ position: relative;}
.search input{width: 400px; height: 40px; border: none; font-size: 16px; text-indent: 15px; outline: none;}
.search a{width:60px; height: 40px; background: #2ebdcd; position: absolute; text-align: center; line-height: 40px; right: 0; top: 0;}
.search a i{color: #fff; font-size:24px;}
.search a:hover{background: #00aec2;}

.menubar{background: #f5f5f5; border-bottom: 1px solid #eee;}
.menu{ position: relative; z-index: 100; }
.menu>ul>li{ float: left;}
.menu>ul>li>a{  padding: 10px 20px 15px 25px; display: block; font-size: 18px; color: #333; position: relative;}
.menu>ul>li>a span,.menu>ul>li>a i{ font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.menu>ul>li>a:before{ content: ""; width: 1px; height: 30%; bottom: 15px; background: #ddd; left: 0; position: absolute;}
.menu>ul>li:hover{ background: #fff;}
.menu>ul ul{ display: none; position: absolute; width: 100%; left: 0; transition: all .5s; height: 0; overflow: hidden; padding:0 25px; opacity: 0; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); border: 1px solid #eee; background: #fff;}
.menu>ul>li:hover ul{ height: auto; opacity: 1; display: block;}
.menu>ul ul li{ padding: 20px  0; width:20%; float: left;}
.menu>ul ul li h3{ font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.menu>ul ul li a{  display:block; color: #777; font-size: 14px; line-height: 180%;}
.menu>ul>li:hover>a,
.menu>ul ul li a:hover{ color: #e71f50;}

.foot{ padding:80px 0 0 0; background: #172a48 url(../imgs/bottombg.png);background-size: cover; margin-top: 80px;}
.footmen>li{float: left; width: 20%;}
.footmen>li img{ width: 140px;}
.footmen>li  li a{ color: #fff; line-height: 180%;}
.footmen>li  li a:hover{ text-decoration: underline;}
.copyright{ border-top: 1px solid rgba(255,255,255,.3); text-align: center; padding: 30px 0; margin-top:60px; font-size: 14px; color: #fff;}

 /**/
 .step{ overflow:hidden; padding:50px 0;}
.step ul{ display: flex; justify-content: space-between; margin-left: -8%; margin-right: -8%;}
.step ul li{ width: 100%; text-align: center; position: relative;}
.step ul li span{width: 36px; font-weight: bold; height: 36px; border-radius: 100%; text-align: center; line-height: 26px; background: #ddd; border: 5px solid #eee; display: block; margin:0 auto; position: relative; z-index: 10;}
.step ul li ol{ font-size: 14px; display: none; color: #777; line-height: 130%; font-family: Arial, Helvetica, sans-serif; padding-top: 15px;}
.step ul li p{ padding-bottom: 15px;}
.step ul li:before,.step ul li:after{ position: absolute; width: 50%; height: 1px; background: #ccc; content: ""; top: 44%;}
.step ul li:before{ left: 0;}
.step ul li:after{ right: 0;}
.step ul li:first-child:before,
.step ul li:last-child:after{ display:none}
.step ul li.active span { background: red; border-color:#ffdddd; color: #fff;}
.step ul li.active ol { display: block;}
.step ul li.active:before,
.step ul li.active:after{ height: 3px; background: red; margin-top: -1px;}
.step2 ul li:before, .step2 ul li:after{ top: 75%;}

/****/
.logistics { padding-left: 10px;}
.logistics li{ position: relative; padding: 15px 50px;}
.logistics li:before,
.logistics li:after{ position: absolute; content: "";}
.logistics li:before{ width: 1px; background: #ddd; height: 100%;  left: 15px; top: 20px;}
.logistics li:after{ width: 24px; height: 24px; border-radius: 100%; background: #ddd; border: 5px solid #eee;  left:3px; top: 20px;}
.logistics li:last-child:before{ display: none;}
.logistics li:first-child:after{background: red; border-color:#ffdddd;}
.logistics li span{ font-size: 14px; color: #888;}
.logistics li a{ font-size: 14px; color: #888; float: right;}
.logistics li a i{ font-size: 14px; color:#fe0000;}
.logistics li:hover a{color:#fe0000;}
/****/


/****/
.tab01{ position: relative; font-size: 0; border-bottom: 1px solid #ddd; margin: 20px 0;}
.tab01 a{ display: inline-block; position: relative; font-size: 18px;  padding: 10px 0px; color: #333; margin: 0px 30px 0 0;}
.tab01 a.active,.tab01 a:hover{ color: #e71f50;}
.tab01 a.active:before{ position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%; background: #e71f50;  content: "";}

.tab02{ margin: 20px 0;  font-size: 0;}
.tab02 a{ display: inline-block; font-size: 16px; padding:5px; margin-right: 20px; border-bottom: 1px solid transparent; color: #333;}
.tab02 a.active{ border-color: #e71f50;color: #e71f50;}

/****/

.leftmenu li a{ background-color: #f5f5f5; color: #333; display: block; line-height: 40px; padding-left: 15px; border-bottom: 1px solid #eee; position: relative; transition: all .5s;}
.leftmenu li:first-child a{ border-radius:5px 5px 0 0;}
.leftmenu li:last-child a{ border-radius:0 0 5px 5px;}
.leftmenu li.active a:after{ position: absolute; content: ""; border-top: 8px solid transparent;border-bottom: 8px solid transparent; border-left: 8px solid #fe0000; right: -5px; top: 50%; margin-top: -8px;}
.leftmenu li a:hover{ background: #fff1e9;}
.leftmenu li.active a{ background: #fe0000; color: #fff;}



/******/
.tishi{ text-align: center; padding:80px 0;}
.tishi2{  padding:30px 0 0 0;}
.tishi h3{font-size: 30px;}
.tishi h4{font-size:24px;}
.tishi p{font-size: 18px; padding: 10px 0 25px 0; line-height: 180%;}
.tishi i{font-size:100px;color: #fe0000;}
.tit01{ position: relative; border-bottom: 1px solid #ddd; margin: 20px 0;}
.tit02{ padding: 20px 0 10px 0; font-weight: bold;}
.tit01 span{ display: inline-block; position: relative; font-size: 18px;  padding: 10px 0px; color: #333; margin: 0px 30px 0 0;}
.tit01 span:before{ position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%; background: #e71f50;  content: "";}
.tit01 a{padding-top: 13px;}


.adnav{ border: 1px solid #eee; padding:20px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; margin-bottom: 15px; border-radius: 3px;}
.adnav p{ line-height: 200%;}

.register{ width: 500px; margin:0 auto; padding:50px 0;}
.register li{position: relative; margin: 15px 0;}
.register li>input{width: 100%; height: 48px; padding-left:42px; outline: none;}
.register li i{position: absolute; line-height: 48px;left: 15px; top: 0; font-size: 18px;color: #fb0001;}
.register li .messages{position: absolute; line-height: 48px;right: 15px; top: 0;}
.register li label{padding-left: 12px;}
input[type=checkbox]{outline:0!important;width:20px;height:20px;background-color:#fff;border:solid 1px #ddd;border-radius:2px;font-size:.8rem;margin:0 6px 0 0;padding:0;position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-appearance:none;-webkit-user-select:none;user-select:none;-webkit-transition:background-color ease .1s;transition:background-color ease .1s}
input[type=checkbox]:checked{background-color:#fb0000;border:solid 1px #fb0000;text-align:center;background-clip:padding-box}
.input[type=checkbox]:checked:after,input[type=checkbox]:checked:before{content:'';width:14px;height:8px;position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-5px;background:0 0;border:2px solid #fff;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.loginbg{ background:url(../imgs/bg.jpg) no-repeat; background-size: cover; padding:80px 0; }
.login{width: 400px; background-color: #fff; float: right; padding: 30px;}
.login h3{text-align: center; font-size:26px; font-weight: normal; padding-bottom: 10px; color: #555;}
.loginline{margin: 50px 0; border-top:1px solid #ddd;}

/***/
.boxnav1{margin-bottom: 50px;}
.rightnav1{border-left: 1px solid #ddd; margin-left: -30px; padding-left: 30px;}
.leftmenu2{ width: 100%;}
.menua a{ color: #222; line-height: 120%; padding: 20px 26px; background: #eee; display:block; margin:0 0 10px 0;}
.menua p{ font-size: 24px;}
.menua span{ font-size: 14px; color: #888;}
.leftmenu2>ul>li ul{ display: none; padding: 10px;}
.leftmenu2>ul>li ul a{ color: #666; line-height: 30px; padding-left:20px;}
.leftmenu2>ul>li>a{ border-bottom: 1px solid #eee; display:block; line-height: 36px; color: #333;}
.leftmenu2>ul>li>a i{ border: 1px solid #ccc; color: #aaa; font-size: 12px; border-radius:2px; display: inline-block; line-height:14px;height:14px; width: 14px; text-align: center; margin-right: 10px; margin-left: 5px;}
/**商品模块**/
.imglist li{ border-bottom: 1px dotted #ddd; overflow: hidden; padding:20px 0;}
.imglist li .imgbox{ width: 200px; height:200px;display: block; float: left; position:relative; overflow: hidden;}
.imglist li .imgbox img{object-fit: fill; width: 100%; height: 100%;}
.imglist li .imgbox:before{ position: absolute; width: 100%; height: 100%; background: #000; content: ""; left: 0; top:0; opacity: 0; transition: all .5s;}
.imglist li .imgbox:after{ position: absolute;  content: ""; z-index: 10;content: "\e65f";font-family: "iconfont"; width: 48px;  height: 48px; border-radius: 100%; background: #e71f50; line-height: 48px; text-align: center; color: #fff; font-size:24px; left: 50%; top: 50%; margin-left:-24px; margin-top: -24px; transform: scale(.6);transition: all .5s; opacity: 0;}
.imglist li:hover .imgbox:before{ opacity: .3;}
.imglist li:hover .imgbox:after{ transform: scale(1); opacity: 1;}
.imglist li .imgnav{ width: calc(100% - 200px); float: left; padding-left: 20px;}
.imglist li h3{ font-size: 24px; padding:10px 0;}
.imglist li .pdtags{ padding-bottom: 5px;}
.imglist li ol{ color: #888; max-height: 66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; }
.imgbtn{ padding-top:30px;}
.pdtags p span{ display: inline-block; position: relative; padding:0 15px; border-right: 1px solid #ddd; line-height: 100%;}
.pdtags p span:first-child{ padding-left: 0;}
.pdtags  i{ font-size: 24px; color: #e71f50;}
.pdtags  i em{ font-size: 12px;  color: #555;}
.btn1{ border: 1px solid #ddd;  border-radius:20px; display: inline-block; padding:3px 15px; color: #333; transition: all .5s; font-size: 14px;}
.btn5{ border: 1px solid #ddd;  border-radius:20px; display: inline-block; padding:3px 15px; color: #333; transition: all .5s; font-size: 14px;}
.btn3{ border: 1px solid #ddd;  display: inline-block; padding:10px 25px; color: #333; transition: all .5s; font-size: 14px;}
.btn2{border: 1px solid #e71f50; color:#e71f50; }
.btn4{border: 1px solid #e71f50; background: #e71f50; color:#fff; padding:3px 20px;}
.btn1-lg{ padding:8px 30px; font-size: 16px;}
.btn1:hover,.btn-file:hover{ border: 1px solid #e71f50;  background: #e71f50; color: #fff;}
.btn6{border: 1px solid #e71f50; background: #e71f50; border-radius:20px; display: inline-block; padding:3px 15px; color: #fff; transition: all .5s; font-size: 14px;}
.btn6:hover{border: 1px solid #e71f50;  background: #e71f50; border-radius:20px; display: inline-block; padding:3px 15px; color: #fff; transition: all .5s; font-size: 14px;}
.btn-file{ position: relative; border: 1px solid #ddd; overflow: hidden; padding:15px 30px; color: #333;;}
.btn-file input{ position: absolute; width: 100%; left: 0; height: 100%; top: 0; opacity: 0;}
label{font-weight: normal;}
.up-txt{margin: 30px;}
.up-txt p,.up-txt label{ font-size: 14px; padding: 5px 0;;}
.up-nav a{display: inline-block; font-size: 14px; margin-right: 30px; position: relative;}
.up-nav a:after{  content: "\e605";font-family: "iconfont"; color: #999; display: inline-block; vertical-align: middle; transform:rotate(45deg); font-size: 14px; margin-left: 10px;}
     .up-nav a:hover:after{color:#e71f50; }
.btndisabel,.btndisabel:hover{ color: #888; background: #fff; border-color: #888;}
.imglist.active ul{ margin-left: -8px; margin-right: -8px;}
.imglist.active .box-ul li{ width: 25%; float: left; padding: 0px 8px;}
.imglist.active li .imgnav{ width: 100%; float:none; padding-left: 0;}
.imglist.active li .pdtags p{ display: none;}
.imglist.active li .imgbox{ width: 100%;float:none; }
.imglist.active  .pdtags  i{ font-size:18px; padding-top: 5px;}
.imglist.active  li h3{ font-size: 16px; padding:10px 0; float: left;}
.imglist.active  li ol{ clear: both; height: auto; font-size: 14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;  -webkit-line-clamp:2; }
.imglist.active .pdtags { font-size: 18px;  float: right;}
.imglist.active .imgbtn{ padding:10px 0 ;display: flex; justify-content:space-between; align-items: center;}

.wswich{ border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.wswich a{ padding:10px 10px 10px 0 ; display: inline-block; color: #333;}
.wswich a.active{ color: #e71f50; font-weight: bold;}
.like i{ font-size:24px; position: relative; top: 3px; right: 5px; color:#999;}
.like i.icon-xin1{color: #fe0000;}
.imglist.active .like i{  top: 0; right: 0; }
/***筛选**/
.screen{ border: 1px solid #ddd; padding: 10px; margin: 15px 0;}
.screen .screentit{ border-bottom: 1px solid #ddd; padding: 0 0 10px 0;}
.sctags{ padding: 15px 0 5px 0;}
.sctags span,.sctags a{ display: inline-block; padding-right: 15px;}
.sctags a{color: #fe0000;}
.shuoming{ padding: 50px; background: #ddd;}
.shuoming h3{font-size: 24px;padding-bottom: 15px;}
.shuoming p{ line-height: 170%;}
.pay01,.pay02{ border: 1px solid #ddd; padding: 20px 30px; margin: 30px 0 20px 0;}
.pay01 p{ font-size: 20px;}
.pay01 i{ font-size: 48px; padding-right: 15px;}
.pay02 p{ padding-top: 15px;}
.prodnav h3{ font-size: 24px;}
.prodnav .pdtags{padding-top: 10px;}
.prodnav .pdtags{color: #fe0000;}
.numbtn{ width: 100px; height: 36px; display: inline-block; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; vertical-align: middle;}
.numbtn input{ width:36px; outline: none; text-align: center;border: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 100%; float: left;}
.numbtn a{ width: 31px; text-align: center; display: inline-block;  line-height: 36px; }

.textbox{padding:15px 0;}
.textbox p{padding:10px 0; line-height: 180%; word-break: break-all;word-break: break-word;}
.textbox h3{padding:30px 0 0 0; font-size: 20px;}
.textbox img{ margin:0 auto ; display: block}

.express{ border: 1px solid #ddd; padding: 20px; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.express .imgbox{width: 120px; height: 120px; background: #eee; margin-right: 20px; position: relative;}
.express .imgbox span{ position: absolute; width: 100%; left: 0; right: 0; line-height: 200%; text-align: center; background: rgba(0,0,0,0.5); color: #fff; bottom: 0; font-size: 14px;}
.express p{ line-height: 200%;}
/*****/
.orderxx{ margin:0 0 20px 0; border-bottom: 1px solid #ddd; padding:0 0 20px 0;}
.orderxx .ordericon{ font-size: 26px;}
.orderleft>.pull-left{ padding-right:50px;}
.orderleft p{ font-size: 18px;}
.orderleft span{ color: #888;}
.headimg{ border-radius: 120px; overflow: hidden; width: 120px; height: 120px; margin: 10px auto;}
.orderxx2 p{ line-height: 200%; color: #666; font-size: 14px;}
/*****/
.qxdd a{ display:block; color: #777;  border: 1px solid #eee; padding: 10px 10px; margin: 5px 0;}
.qxdd a:hover,.qxdd .active a{color: #fe0000; border-color: #fe0000;}


/*****/
.reply{ border: 1px solid #ddd; margin-bottom: 15px;}
.rephead{ border-bottom: 1px solid #ddd; padding: 10px 15px; background: #f5f5f5;}
.reptime{ border-top: 1px dotted #ddd; padding: 6px 15px;text-align: right;}
.reptime span{ display: inline-block; padding: 0 0 0 15px; font-size: 14px}
.myep{ border-top: 1px dotted #ddd; padding: 10px 15px}
.myep span{ color: #fe0000; ;}
.myep p{ font-size: 14px;}
.repanv{padding: 10px 15px;  color: #888;font-size: 14px;}
.price { font-size: 24px;color: #fe0000;}
.total{ background: #eee; border-radius: 5px; padding: 15px; margin-top: 30px;;}
.total .totalnum{ font-size: 24px;;}
.padn{text-align: right;}
.padn p{ font-size: 24px;;}
.padn span{ color: #777;}


/**************/
.banner{ height: 330px; background: #403c36; margin-top: 20px;}
.banner .b_left{ height: 100%; width: 20%; padding: 30px;}
.banner .b_right{ height:100%; width: 80%; }
.banner .b_left h3{ color: #fff;  padding-bottom: 15px;}
.banner .b_left a{ color: #fff; display: block; line-height: 240%;}
.banner .bannernav {width: 100%; height: 100%; background: #aaa;}
.banner .bannernav .swiper-slide { position: relative;}
.banner .bannernav .swiper-slide span{ position: absolute; width: 100%; left: 0; bottom: 0; padding:10px; color: #fff;
    background: rgba(0,0,0,.4); text-align: center;}
.bannernav img{width: 100%; height: 100%;}
.serviceslist li{ float: left; width: 20%; text-align: center;}
.serviceslist li .iconimg{ width: 96px; margin: 0 auto; }
.serviceslist li p{ line-height: 160%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888;;}
.serviceslist li h3{ font-size:20px; padding:20px 0 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bigtit{ font-size: 30px; padding:50px 0  30px 0;}
.serviceslist li img{transition: .5s all;}
.serviceslist li:hover img{ transform: rotate(360deg);}
.pdlist{ margin-left: -8px; margin-right: -8px; margin-bottom: 30px;}
.pdlist li{ float: left; width: 20%; text-align: center; padding:0 8px 40px 8px;}
.pdlist li .iconimg img{ width: 100%; height: 100%;}
.pdlist li .iconimg{position: relative; border: 1px solid #eee;}
.pdlist li .iconimg:before{ position: absolute; width: 100%; height: 100%; background: #000; content: ""; left: 0; top:0; opacity: 0; transition: all .5s;}
.pdlist li .iconimg:after{ position: absolute;  content: ""; z-index: 10;content: "\e65f";font-family: "iconfont"; width: 48px;  height: 48px; border-radius: 100%; background: #e71f50; line-height: 48px; text-align: center; color: #fff; font-size:24px; left: 50%; top: 50%; margin-left:-24px; margin-top: -24px; transform: scale(.6);transition: all .5s; opacity: 0;}
.pdlist li:hover .iconimg:before{ opacity: .3;}
.pdlist li:hover .iconimg:after{ transform: scale(1); opacity: 1;}
.pdlist li p{ line-height: 160%; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #888;}
.pdlist li h3{ font-size:18px; font-weight: normal; padding:20px 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #333;}

.dwsy { margin-left: -8px; margin-right: -8px;}
.dwsy li{ float: left; width: 25%; text-align: center; padding:0 8px;}
.dwsy li .iconimg{ height: 300px; background: #000; position: relative; overflow: hidden;}
.dwsy li .iconimg img{ width: 100%; height: 100%; transition: all .5s;}

.dwsy li .iconimg .navtxt{ position: absolute; width: 100%; left: 0; bottom: 0; padding:10px 20px; color: #fff; background: rgba(0,0,0,.6); text-align: center;height: 75px;}
.dwsy li .iconimg:hover img{ transform: scale(1.1); opacity: .5;}

.navtxt h3{ font-size:18px; padding:10px 0 5px 0;color: #fff;font-weight: normal; }
.navtxt p{ line-height: 140%; color: #fff; font-size: 14px;}
.newstit{ font-size: 24px; padding: 30px 0 10px 0;}
.newstit a{ font-size:16px;}
.newslist1 a{ display: block; border-bottom: 1px dotted #ddd; transition: all .3s; color: #555; padding:10px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 100px; position: relative;}
.newslist1 a span{ position: absolute; right: 0; color: #999; font-family:Arial, Helvetica, sans-serif;}
.newslist1 a:hover{ background: #f5f5f5; color: #fe0000;}
.newsimg{ background: #eee; height: 440px;}
.newslistpic p{ padding-bottom: 15px; color: #666;}
.newslistpic a{ display: block; border: 1px solid #eee;}

.lt01{border: 1px solid #ddd;;}
.lt01 ul li{ float: left; width:33.333333%; padding:15px 15px 20px 15px}
.ltlist h3{font-size: 18px; padding: 10px 0; display: flex;align-items: center; justify-content: space-between;}
.ltlist h3 a{ float: right; font-size: 14px; color: #888; font-weight: normal;}
.ltlist>a{display: block; position: relative; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #888;; line-height:226%; font-size: 14px; padding-left: 15px;}
.ltlist>a i{position: absolute; right: 0; color: #fe0000;}
.ltlist>a:before{position: absolute; left:0; top: 40%; width: 5px; height: 5px; border-radius: 15px; content:"";background:#ddd; }
.ltlist>a:hover{color:#fe0000; }
.ltlist>a:hover:before{background:#fe0000; }

.lt02{padding-top: 15px;}
.lt02 li{border: 1px solid #ddd; padding:15px; margin:10px 0; overflow: hidden;}
.lt02 .lt02img{ width:130px; height: 120px; display: block; float: left;}
.lt02 .lt02img img{ transition: all .5s;}
.lt02 .lt02txt{ width:calc(100% - 130px);display: block; float: left; padding-left: 20px; color: #666;line-height: 180%; overflow:hidden;     text-overflow:ellipsis;    display:-webkit-box;     -webkit-box-orient:vertical;    -webkit-line-clamp:4; }
.lt02 li:hover .lt02txt{color:#fe0000;}
.lt02 li:hover img{ transform:scale(1.1);}

.zhuanti{border: 1px solid #ddd;;}
.ztxt{ font-size: 24px; padding:15px 15px 0 25px; font-weight: normal;}
.ztxx{border-bottom: 1px solid #ddd; padding: 15px;}
.ztxx input{ width:50px; text-align: center;  border: 1px solid #ddd;}
.zznav{border-left: 1px solid #ddd; position: relative;}
.zuoze{width: 230px; padding:50px 0; text-align: center;}
.zznav{ width: calc(100% - 230px);}
.zzhead{ width: 110px; height: 110px; border: 1px solid #ddd; padding:5px; margin:0 auto 10px auto;  overflow: hidden; position: relative;}
.zzxq{display: flex; justify-content: center; align-items: center;;}
.zzxq p{padding:20px 5px 0 5px;}
.zzxq span{font-size: 12px; display: block; color: #888; line-height: 100%;}
.zzxq i{font-size: 14px; line-height: 100%; font-family: Arial, Helvetica, sans-serif;}

.zznav{ padding:10px 40px;}
.lntxtxx span{ display: inline-block;color: #888; padding-right: 20px; font-size: 12px;}
.lthf{border: 1px solid #ddd; margin-top: 30px;}
.floor{border: 1px solid #ddd;  padding: 5px 10px; color: #888; float: left; font-size: 14px;margin-top: -11px;;}
.zznav .ltlink{ position: absolute; right: 10px; top: 10px;}
.zznav .ltlink i{ font-size: 24px;color:#fe0000; transition: all .5s;display: block}
.zznav .ltlink:hover i{ transform: scale(1.2);}
.zznav .textbox{ clear: both;display: block; width: 100%;}
.close_hf{ border-bottom: 1px solid #ddd; padding: 15px 0 20px 0; text-align: center;}
.close_hf a{ display: inline-block; position: relative;}
.close_hf a:after{ display: inline-block; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #aaa; vertical-align: middle; margin-bottom: 4px; margin-left: 10px;}
.close_hf a.active:after{ border-top: 10px solid #aaa; border-bottom:none}
.lthf .zhengwen{border-bottom: 1px solid #ddd;}
.lthf .zhengwen:last-child{border-bottom: none;}
.floorer:before{ position: absolute; width:100px; height: 50px; background: #fe0000; color: #fff; content: "楼主"; line-height:78px; font-size: 14px; transform: rotate(45deg); right: -45px; top: -18px; font-weight: bold;}


.search_box{ }

.search_box li{ padding: 20px 0}
.search_box .sslink{ width: 50%;}
.search_box .sslink a{  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;  color: #008400; margin-top: 5px;}
.search_box em{color:#fe0000;}
.search_box p {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 14px;}
.search_box .titlink{ display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding-bottom: 15px;}
.search_box .scspan{ font-size: 14px; margin-top:5px; color: #999;}
.search_box .scspan span{ display: inline-block; padding-left: 15px;}
.search_box .scspan a{ color: #008400;}
.search_box .scspan i{ color: #333;}

.ltbt p{ float: left;}
.ltbt p:nth-child(1){  overflow: hidden;max-width:80%; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px;}
.ltbt p:nth-child(2) span{ line-height: 18px;display: inline-block; }
.ltbt p:nth-child(2) .cyzs{ color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.l-icon{ width:18px; height: 18px ; line-height: 18px;display: inline-block; background: #f37474; color: #fff; text-align: center; border-radius: 3px; font-size: 12px; vertical-align: middle;}
.l-icon01{ background: #69cd67;}
.l-icon02{ background: #9369e5;}
.l-icon03{ background: #83a4f1;}
.luntanlist a{ display:block; max-width: 700px;}
.luntanlist .table{ margin-top: -20px;}
.luntanlist .table th{ background: #f5f5f5; font-size: 14px;}
.ltzz{ line-height: 100%;}
.ltzz i{ color: #999; font-size: 12px; display: block;;}
.ltzz span{  font-size: 13px;}

.ltbt{ border: 1px solid #72aee1; background: #d8edff; padding: 6px 10px; cursor: pointer; margin-top: -1px; font-size: 16px;
    font-weight: bold; }
.ltbt i{ float: right; display: block; transition: all .5s;}
.ltbt:hover{ background:#bedcf5}
.ltbt:hover i,.ltbt.active i{ transform: rotate(-180deg);}

.ltlist  table{ width: 100%; border-left: 1px solid #ddd; }
.ltlist  table td{ border-bottom: 1px solid #ddd;    padding: 8px 4px;}
.ltlist  table td:nth-child(3n+3){ background: #eee; text-align: center; width: 100px;border-right: 1px solid #ddd;}
.ltlist  table td:nth-child(3n+1){ text-align: center;width: 36px; color: #888;}
.ltlist  table td i{font-size:20px;}
.ltlist  a{ display: block; width: 400px;}
.ltlist  a  span,
.ltlist  a p{ white-space: nowrap;  display: block; overflow: hidden; text-overflow: ellipsis;}
.ltlist  a p{ color: #333; font-size: 14px; font-weight: bold;}
.ltlist  a span{ color: #888; font-size: 12px;}

#qrcode{
    padding: 50px;
}
#qrcode img{
    margin: 0 auto;
    width: 128px;
    height: 128px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
  }