@charset "utf-8";
*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:PingFang SC,Source Han Sans CN,sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:PingFang SC,Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
.lt{float:left}
.rt{float:right}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:PingFang SC,Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
.clearfix::after{content:"";display:block;clear:both}
*{box-sizing:border-box}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear { clear:both;}
i{ font-style:normal;}
.wrap{width:1600px;position:relative;max-width:100%;margin:0 auto}
.wrap::after{content:"";display:block;clear:both}
.wrap2{width:1000px;position:relative;max-width:100%;margin:0 auto}
.wrap2::after{content:"";display:block;clear:both}
/*自定义*/
/*header*/
.header {height:100px; }
.header .flex { display:flex; align-items: center; justify-content: space-between; width:100%; }
.header .logo{ height:100px;  }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.header .nav{ height:auto; }
.header .nav ul li{float:left; width:auto; color:#3c3c3c; font-size:18px; line-height:100px; margin:0 20px;  position:relative; } 
.header .nav ul li a { display:block; color:#3c3c3c;  }
.header .nav ul li:hover a { color:#eb3132;  }
.header .nav ul li.active a { color:#eb3132;  }
.header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:100px;z-index:30000; }
.header .nav ul li .sub ul li { float:left; min-width:auto; width:100%; line-height:45px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal;  background-color:#FFF;}
.header .nav ul li .sub ul li a { color:#3c3c3c; }
.header .nav ul li .sub ul li:hover { background-color:#eb3132;  color:#ffffff;}
.header .nav ul li .sub ul li:hover a { color:#ffffff;}
.header .auth-buttons { height:auto; }
.header .login-btn { display:inline-block; width:80px; height:36px; border:#ea2223 solid 1px; background-color:#ffffff;  text-align:center; color:#616060; font-size:18px; line-height:34px; border-radius:5px;  }
.header .login-btn:hover { background-color:#fbd3d3; }
.header .signup-btn { display:inline-block; width:80px; height:36px; border:#ea2223 solid 1px; background-color:#ea2223; text-align:center; color:#ffffff; font-size:18px; line-height:34px; border-radius:5px; margin-left:10px;  }
.header .signup-btn:hover {  background-color:#ee4e4f; }
/*header2*/
.header2{height:60px;position:fixed;background:#ffffff;z-index:30000;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:100px; height:50px;margin-top:5px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .auth-buttons { float:right; margin-top:15px; margin-right:20px; }
.header2 .login-btn { display:inline-block; width:65px; height:30px; border:#ea2223 solid 1px; background-color:#ffffff;  text-align:center; color:#616060; font-size:15px; line-height:28px; border-radius:5px;  }
.header2 .login-btn:hover { background-color:rgba(234, 34, 35, 0.2);  }
.header2 .signup-btn { display:inline-block; width:65px; height:30px; border:#ea2223 solid 1px; background-color:#ea2223; text-align:center; color:#ffffff; font-size:15px; line-height:28px; border-radius:5px; margin-left:8px;  }
.header2 .signup-btn:hover {  background-color:#ee4e4f;  }
.header2 .auth-buttons { color:#616060; font-size:15px; line-height:28px; }
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { width:20px; color:#ea2223; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:50%;height:2px;border-radius:2px;background-color:#ea2223;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#ea2223}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:30000;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*banner*/
.banner { position:relative; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#ec3d3e;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#ec3d3e;border-color:#ec3d3e}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*i-search*/
.i-search { height:144px; background-color:#FFF; border-radius:10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index:3; position:relative; margin-top:-77px; background: linear-gradient(0deg, #fafafa 0%, #ffffff 100%); border:#FFF solid 4px; }
.i-search ul li { float:left; width:21%; text-align:center; padding-top:43px;  }
.i-search ul li:last-child { width:10%; margin-left:2%; }
.i-search label { display:inline-block; width:30%; color:#403f3f; font-size:18px; line-height:45px; text-align:right; }
.i-search .i-search-select {  display:inline-block;  width:65%; }
.i-search-select .layui-input {height:45px; border:#e5e5e5 solid 1px; border-radius:5px; padding-left:20px;  color:#403f3f; font-size:18px; line-height:45px; background:transparent; }
.i-search .i-search-button { width:100%; height:45px; background-color:#ec3d3e; border-radius:5px; border:none; text-align:center;  color:#ffffff; font-size:18px; line-height:45px; cursor:pointer; }
.i-search .i-search-button i { display:inline-block; width:19px; height:19px; background:url(../images/search-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:8px; transform: translateY(-1px);  }
.i-search .i-search-button:hover {  background-color:#ee4e4f; }
/*i-pro*/
.i-pro { padding-top:20px; padding-bottom:60px; }
.i-pro2 {padding-top:10px; padding-bottom: 10px;}
.i-pro.gray { background-color:#fafafa; }
.i-pro-ban { border-bottom:#dcdcdc solid 1px; padding:50px 110px 50px 0; background:url(../images/pro-ban-bg.png) no-repeat right center; background-size:80px auto; }
.i-pro-ban .tit { float:left; color:#403f3f; font-size:40px; line-height:45px; padding-left:40px; position:relative; }
.i-pro-ban .tit::after{content:""; position:absolute; left:0; top:50%; margin-top:-1.5px; width:30px; height:3px; background-color:#ea2223; }
.i-pro-ban .more { float:right; width:160px; height:45px; border:#eeeeee solid 1px; border-radius:23px; text-align:center; color:#949191; font-size:20px; line-height:43px; }
.i-pro-ban .more i { display:inline-block; width:16px; height:16px; background:url(../images/pro-more1.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-left:5px; transform: translateY(-1px); }
.i-pro-ban .more:hover { color:#ec3d3d; border:#ec3d3d solid 1px;  }
.i-pro-ban .more:hover i {background:url(../images/pro-more2.png) no-repeat center center; background-size:100% 100%; }

.i-pro-ban2 { border-bottom:#dcdcdc solid 1px; padding:20px 110px 20px 0; background:url(../images/pro-ban-bg.png) no-repeat right center; background-size:80px auto; }
.i-pro-ban2 .title { float:left; color:#403f3f; font-size:40px; line-height:45px; padding-left:40px; position:relative; }
.i-pro-ban2 .more { float:right; width:160px; height:45px; border:#eeeeee solid 1px; border-radius:23px; text-align:center; color:#949191; font-size:20px; line-height:43px; }
.i-pro-ban2 .more i { display:inline-block; width:16px; height:16px; background:url(../images/pro-more1.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-left:5px; transform: translateY(-1px); }
.i-pro-ban2 .more:hover { color:#ec3d3d; border:#ec3d3d solid 1px;  }
.i-pro-ban2 .more:hover i {background:url(../images/pro-more2.png) no-repeat center center; background-size:100% 100%; }

.i-pro-ban .position { float:right; color:#bbbaba; font-size:18px; line-height:43px; }
.i-pro-ban .position i { display:inline-block; width:22px; height:22px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:12px; }
.i-pro-ban .position a:hover { color:#ec3d3d; }
.i-pro-list { padding-top:30px; }
.i-pro-list ul li { float:left; width:300px; height:525px; border:#eeeeee solid 1px; margin-top:20px; background-color:#FFF; }
.i-pro-list ul li:nth-child(5n+2) { margin-left:25px;}
.i-pro-list ul li:nth-child(5n+3) { margin-left:25px;}
.i-pro-list ul li:nth-child(5n+4) { margin-left:25px;}
.i-pro-list ul li:nth-child(5n+5) { margin-left:25px;}
.i-pro-list ul li .pic { height:400px; overflow:hidden; }
.i-pro-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.i-pro-list ul li .con { padding:17px 17px 0 17px; }
.i-pro-list ul li .con .tit {  color:#403f3f; font-size:20px; line-height:1.5;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-pro-list ul li .con .des {  color:#8d8a8a; font-size:16px; line-height:1.5; margin-top:10px; background:url(../images/pro-more1.png) no-repeat right center; background-size:16px 16px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-pro-list ul li .con .des2 {background-image: none;}
.line-through {
    text-decoration: line-through;
}
.i-pro-list ul li:hover { border:#ea2223 solid 3px; }
.i-pro-list ul li:hover .pic { height:398px; }
.i-pro-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.i-pro-list ul li:hover .con .des { background:url(../images/pro-more2.png) no-repeat right center; background-size:16px 16px; }
.i-pro-list ul li:hover .con .des2 {background-image: none;}
/*i-slogan*/
.i-slogan { width:100%; }
.i-slogan img { width:100%; }
/*i-news*/
.i-news  { padding-top:20px; padding-bottom:60px; }
.i-news-show { margin-top:50px; }
.i-news-left { float:left; width:1020px; height:680px; background-color:#fafafa; border-bottom:#ea2223 solid 2px; padding:25px; }
.i-news-left .pic { height:300px; overflow:hidden; }
.i-news-left .pic img { width: 100%;height: 100%;object-fit: cover;object-position: center 30%; }
.i-news-left .con { padding:45px 5px 0 5px; }
.i-news-left .date {  color:#8d8a8a; font-size:16px; line-height:1.5; }
.i-news-left .date i { display:inline-block; width:16px; height:16px; background:url(../images/date.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; }
.i-news-left .tit { color:#474646; font-size:24px; line-height:1.5; margin-top:10px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-news-left .des { color:#949191; font-size:18px; line-height:2.3; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.i-news-left .more { color:#474646; font-size:16px; line-height:1.5; margin-top:20px; }
.i-news-left .more i { display:inline-block; width:16px; height:16px; background:url(../images/pro-more1.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-left:5px; }
.i-news-left:hover .tit { color:#ea2223; }
.i-news-left:hover .more i { background:url(../images/pro-more2.png) no-repeat center center; background-size:100% 100%; }
.i-news-right { float:right; width:550px; height:680px; background-color:#fafafa; border-bottom:#ea2223 solid 2px; padding:0 30px;  }
.i-news-right ul li { border-bottom:#ebebeb solid 1px; padding:25px 0; }
.i-news-right ul li:last-child { border-bottom:none; }
.i-news-right ul li .date {  color:#8d8a8a; font-size:16px; line-height:1.5; }
.i-news-right ul li .date i { display:inline-block; width:16px; height:16px; background:url(../images/date.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; }
.i-news-right ul li .tit { color:#474646; font-size:24px; line-height:1.5; margin-top:10px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.i-news-right ul li .more { color:#474646; font-size:16px; line-height:1.5; margin-top:20px; }
.i-news-right ul li .more i { display:inline-block; width:16px; height:16px; background:url(../images/pro-more1.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-left:5px; }
.i-news-right ul li:hover .tit { color:#ea2223; }
.i-news-right ul li:hover .more i { background:url(../images/pro-more2.png) no-repeat center center; background-size:100% 100%; }
/*i-rank*/
.i-rank { padding-top:20px; padding-bottom:60px; background-color:#fafafa; }
.i-rank-show { margin-top:50px; }
.i-rank-left { float:left; width:790px; /*height:770px;*/ background-color:#ffffff; border:#eeeeee solid 1px; padding:20px 15px; }
.i-rank-right { float:right; width:790px; /*height:770px;*/ background-color:#ffffff; border:#eeeeee solid 1px; padding:20px 15px; }
.i-rank-ban { height:auto; padding:0 15px 0 20px; }
.i-rank-ban .tit { float:left; color:#474646; font-size:30px; line-height:50px; }
.i-rank-ban .more { float:right; color:#8d8a8a; font-size:16px; line-height:50px; }
.i-rank-ban .more i { display:inline-block; width:16px; height:16px; background:url(../images/rank-info.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; }
.i-rank-list { height:auto; margin-top:27px; }
.i-rank-list ul { display:block; columns: 2; column-gap: 20px;}
.i-rank-list ul li { background-color:#fafafa; margin-bottom:15px; padding:0 10px 0 53px; position:relative; }
.i-rank-list ul li .tit { float:left; color:#979695; font-size:18px; line-height:50px; max-width:50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.i-rank-list ul li .des { float:right; color:#979695; font-size:18px; line-height:50px; max-width:50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-rank-list ul li:hover .tit { color:#ea2223; }
.i-rank-list ul li::after {content:"01"; position:absolute; left:15px; top:50%; margin-top:-14px; width:28px; height:28px; background-color:#fdf4f4; border:#a47a4f solid 1px; border-radius:50%; text-align:center; color:#a47a4f; font-size:18px; line-height:26px; }
.i-rank-list ul li:nth-child(1) .tit { color:#b9741b; font-weight:bold; }
.i-rank-list ul li:nth-child(1) .des span { color:#b9741b; font-weight:bold; }
.i-rank-list ul li:nth-child(2) .tit { color:#908f8e; font-weight:bold; }
.i-rank-list ul li:nth-child(2) .des span { color:#908f8e; font-weight:bold; }
.i-rank-list ul li:nth-child(3) .tit { color:#dc8b12; font-weight:bold; }
.i-rank-list ul li:nth-child(3) .des span { color:#dc8b12; font-weight:bold; }
.i-rank-list ul li:nth-child(1)::after { content:""; border:none; background:url(../images/rank1.png) no-repeat center center; background-size:100% 100%; }
.i-rank-list ul li:nth-child(2)::after { content:""; border:none; background:url(../images/rank2.png) no-repeat center center; background-size:100% 100%;  }
.i-rank-list ul li:nth-child(3)::after { content:""; border:none; background:url(../images/rank3.png) no-repeat center center; background-size:100% 100%;  }
.i-rank-list ul li:nth-child(4)::after { content:"04"; }
.i-rank-list ul li:nth-child(5)::after { content:"05"; }
.i-rank-list ul li:nth-child(6)::after { content:"06"; }
.i-rank-list ul li:nth-child(7)::after { content:"07"; }
.i-rank-list ul li:nth-child(8)::after { content:"08"; }
.i-rank-list ul li:nth-child(9)::after { content:"09"; }
.i-rank-list ul li:nth-child(10)::after { content:"10"; }
.i-rank-list ul li:nth-child(11)::after { content:"11"; }
.i-rank-list ul li:nth-child(12)::after { content:"12"; }
.i-rank-list ul li:nth-child(13)::after { content:"13"; }
.i-rank-list ul li:nth-child(14)::after { content:"14"; }
.i-rank-list ul li:nth-child(15)::after { content:"15"; }
.i-rank-list ul li:nth-child(16)::after { content:"16"; }
.i-rank-list ul li:nth-child(17)::after { content:"17"; }
.i-rank-list ul li:nth-child(18)::after { content:"18"; }
.i-rank-list ul li:nth-child(19)::after { content:"19"; }
.i-rank-list ul li:nth-child(20)::after { content:"20"; }
/*footer*/
.footer { background:url(../images/footer-bg.jpg) no-repeat center center; background-size:cover; padding-top:100px; padding-bottom:100px;  color:#727171; font-size:18px; line-height:2;  }
.footer a:hover { color:#ea2223;  }
.f-left { float:left; width:435px; color:#ea2223; font-size:24px; line-height:2.3; font-weight:bold; background:url(../images/f-line.png) no-repeat right 15px; }
.f-left img { max-height:70px; }
.f-mid { float:left; width:275px; margin-left:125px; }
.f-mid ul li { float:left; width:48.5%; line-height:2.3;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.f-mid ul li:nth-child(even) { margin-left:3%; }
.f-right { float:left; width:520px; margin-left:60px; padding-left:96px; background:url(../images/f-line.png) no-repeat left 15px; }
.f-ewm { float:right; width:120px; text-align:center; }
.f-ewm img { max-width:100%; }
.f-tel { background:url(../images/f-tel.png) no-repeat left center; padding-left:78px; margin-bottom:20px; }
.f-tel h3 { color:#ea2223; font-size:36px; line-height:1; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
/*f-copy*/
.f-copy { background-color:#fafafa; text-align:center;  color:#a4a3a3; font-size:16px; line-height:2; padding:15px 0; }
.f-copy a:hover { text-decoration:underline; }
.f-copy-left { float:left; }
.f-copy-right { float:right; }
/*banner-n*/
.banner-n { width:100%; }
.banner-n img { width:100%; }
/*n-news-list*/
.n-news-list { height:auto; }
.n-news-list ul li { border-bottom:#f2f2f2 solid 1px; padding:40px 0; }
.n-news-list ul li .pic { float:left; width:27.5%; height:260px; border:#f2f2f2 solid 1px; overflow:hidden; }
.n-news-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; transition: 0.5s; }
.n-news-list ul li .con { float:right; width:70%; margin-top:10px; }
.n-news-list ul li .con .tit {  color:#474646; font-size:24px; line-height:1.5; margin-top:10px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-news-list ul li .con .des {  color:#949191; font-size:18px; line-height:2.3; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.n-news-list ul li .con .bot {  color:#8d8a8a; font-size:16px; line-height:1.5; margin-top:20px; }
.n-news-list ul li .con .date { float:left; }
.n-news-list ul li .con .date i { display:inline-block; width:16px; height:16px; background:url(../images/date.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; transform: translateY(-2px); }
.n-news-list ul li .con .more { float:right; }
.n-news-list ul li .con .more i { display:inline-block; width:16px; height:16px; background:url(../images/pro-more1.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-left:5px;  transform: translateY(-2px); }
.n-news-list ul li:hover .pic img { transform: scale(1.05); transition: 0.5s; }
.n-news-list ul li:hover .con .tit { color:#ea2223; }
.n-news-list ul li:hover .con .more i { background:url(../images/pro-more2.png) no-repeat center center; background-size:100% 100%; }
/*n-newshow*/
.n-newshow { margin-top:54px;  }
.n-tit {font-size:30px; line-height:1.5; color:#474646; text-align:center; }
.n-des {font-size:16px; line-height:1.5; color:#8d8a8a; text-align:center; border-bottom:#fafafa solid 1px; padding-bottom:30px; margin-top:20px; }
.n-des i { display:inline-block; width:16px; height:16px; background:url(../images/date.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; transform: translateY(-2px);  }
.n-info {font-size:18px; line-height:2; color:#949191; background-color:#fafafa; padding:20px 30px;  }
.n-show { font-size:18px; line-height:2; color:#535252; min-height:300px; margin-top:30px; }
.n-show img { max-width:100%;}
.n-other { font-size:18px; line-height:2; color:#4d4c4c; margin-top:35px; padding-top:35px; border-top:#f2f2f2 solid 1px; }
.n-other a:hover { color:#ec3d3e; }
/*login_box*/
.login-container{ width:500px; height:300px; background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden; }
/*切换*/
.public-form .tab-container{ padding:20px 30px 0 30px; }
.public-form .tab{ float:left; width:120px; cursor:pointer; color:#7a7a7a; font-size:15px; line-height:33px;  transition: font-size 0.3s ease;}
.public-form .tab.active{ color:#403f3f; font-size:20px; background:url(../images/login-tab-active.jpg) no-repeat left bottom;  }
/*表单*/
.public-form .form-container{padding:20px 30px; }
.public-form .form-group{margin-bottom:20px;position:relative}
/*下拉*/
.public-form .form-select { width:100%; }
.public-form .form-select .layui-input { width:100%; height:45px; border:#e5e5e5 solid 1px; border-radius:5px;  color:#403f3f; font-size:14px; line-height:45px; background-color:#FFF; }
.public-form .form-control{width:100%;height:45px; border:#e5e5e5 solid 1px; border-radius:5px;  color:#403f3f; font-size:14px; line-height:45px; background-color:#FFF; transition:border-color .3s; padding-left:10px;}
/*验证码*/
.public-form .code-group{display:flex;gap:10px}
.public-form .code-group .form-control{flex:2}
.public-form .send-code-btn{flex:1;padding:0 10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;color:#666;transition:all .3s}
.public-form .send-code-btn:hover{background-color:#eee}
.public-form .send-code-btn:disabled{cursor:not-allowed;opacity:.6}
/*按钮*/
.public-form .submit-btn{width:100%;padding:12px;background-color:#ea2223;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}
.public-form .submit-btn:hover{ background-color:#ee4e4f; }
/*切换功能*/
.public-form .form-account,.form-phone{display:none}
.public-form .form-account.active,.form-phone.active{display:block;}
/*提示语*/
.public-form .form-info { text-align:center; color:#474747; font-size:14px; line-height:2; margin-top:10px; }
.public-form .form-info a { color:#ea2223; text-decoration:underline; }
/*阅读同意*/
.public-form .agreement-section{margin:16px 0;font-size:14px;color:#666;text-align:left}
.public-form .agreement-link{color:#ea2223;text-decoration:none;transition:color .3s; margin-left:-20px; }
.public-form .agreement-link:hover{ color:#ee4e4f;text-decoration:underline}
/*register-bg*/
.register-bg { background:url(../images/register-bg.jpg) no-repeat center center; background-size:cover; min-height:100vh; }
.register-footer { text-align:center; color:#a4a3a3; font-size:16px; line-height:2; margin-top:50px;  }
.register-header { padding:40px; }
.register-header .logo { float:left; height:50px; }
.register-header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.register-header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.register-header .info { float:left; color:#7a7a7a; font-size:18px; line-height:1.5; margin-left:20px; padding-left:20px; position:relative; }
.register-header .info::after{content:""; position:absolute; left:0; top:0; width:2px; height:50px; background-color:#c9c9c9; }
.register-header .auth-buttons { float:right; color:#575656; font-size:16px; line-height:50px;  }
.register-header .auth-buttons a { color:#ea2223; text-decoration:underline; }
.register-box { padding:60px; background-color:#f7f9fa; border:#FFF solid 4px;  border-radius:10px;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.register-left { float:left; width:48%; height:350px; }
.register-left img { width: 100%;height: 100%; object-fit: contain; }
.register-right { float:right; width:48%; }
/*banner-user*/
.banner-user { height:470px; position:relative; }
.banner-user .pic { width:100%; height:100%; }
.banner-user .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.banner-user .con { position:absolute; width:33%; right:8%; top:40px; height:390px; background-color:rgba(0, 0, 0, 0.5); padding:45px 45px 0 50px;  }
.banner-user .top { position:relative; }
.banner-user .top::after{content:""; position:absolute; left:-14px; top:0; width:5px; height:100%; background-color:#ea2223; }
.banner-user .con .info { color:#dcdcdd; font-size:16px; line-height:1.5; }
.banner-user .con .tit { color:#ffffff; font-size:46px; line-height:1.3; font-weight:bold; }
.banner-user .con .price { display:inline-block;color:#dcdcdd;  font-size:20px; font-weight:normal; }
.banner-user .con .des { color:#dcdcdd; font-size:16px; line-height:32px; height:128px; overflow:auto; margin-top:15px; /*white-space: pre-line;*/}
.banner-user .con .more { margin-top:20px; }
.banner-user .con .more a { display:inline-block; width:40%; height:55px; background-color:#ea2223; border-radius:5px; text-align:center; color:#ffffff; font-size:18px; line-height:53px; border:#ea2223 solid 1px; }
.banner-user .con .more a:hover { background-color:#ee4e4f; }
.banner-user .con .more a:nth-child(2) { margin-left:10px; background-color:#ffffff; color:#ea2223;  }
.banner-user .con .more a:nth-child(2):hover { background-color:#fbd3d3;  }
/*my-video*/
.my-video { height:auto; }
.my-video ul li { float:left; width:32%; height:360px; position:relative; margin-top:30px; }
.my-video ul li:nth-child(3n+2) { margin-left:2%;}
.my-video ul li:nth-child(3n+3) { margin-left:2%;}
.my-video ul li .pic { width:100%; height:100%; border:#f2f2f2 solid 1px; overflow:hidden; }
.my-video ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.my-video ul li .tit { position:absolute; left:0; bottom:0; width:100%; height:70px; padding-top:20px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); text-align:center; color:#ffffff; font-size:18px; line-height:50px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.my-video ul li .over { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background-color:rgba(234, 34, 35, 0.5); padding-top:120px; display:none; }
.my-video ul li .over-icon { width:78px; margin:0 auto; height:78px; background:url(../images/video-play.png) no-repeat center center; background-size:100% 100%;  }
.my-video ul li .over-tit { color:#ffffff; font-size:26px; line-height:1.5; margin-top:20px; }
.my-video ul li:hover .tit { display:none; }
.my-video ul li:hover .over { display:block; }
/*my-list*/
.my-list { margin-top:40px; }
.my-list ul li { float:left; width:48.5%;  color:#000000; font-size:18px; line-height:3;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-list ul li:nth-child(even) { margin-left:3%; }
.my-list ul li:hover { color:#ea2223; }
/*n-page*/
.n-page { color:#535252; font-size:18px; line-height:2; padding:40px 0; }
.my-photo { column-count: 2; gap: 20px; }
.my-photo img {width: 100%; height: auto; display: block; margin-bottom: 20px; cursor:pointer; }
/*order-box*/
.order-box { background-color:#FFF; border-radius:10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); min-height:600px; margin-bottom:70px; margin-top:-77px; position:relative; z-index:3; padding:70px 210px; }
.n-form { height:auto; }
.n-form.mt { margin-top:30px; }
.n-form ul li { margin-top:10px; border:#eaeaea solid 1px; color:#232323; font-size:17px; line-height:50px; background-color:#FFF; position:relative; }
.n-form ul li::after{content:""; position:absolute; left:180px; top:0; width:1px; height:100%; background-color:#eaeaea; }
.n-form ul li .n-left { float:left; width:160px; text-align:right; line-height: inherit; }
.n-form ul li .n-left i { color:#eb2829; font-style:normal; }
.n-form ul li .n-right { float:right; width:calc(100% - 160px - 50px); }
.n-form ul li .n-right .flex { display: flex; flex-direction: row;justify-content: space-between;}
.n-form ul li .n-right .flex .n-input { flex: 2; }    
.n-form ul li .n-right .n-code-btn{flex:1;padding:0 10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;color:#666;transition:all .3s}
.n-form ul li .n-right .n-code-btn:hover{background-color:#eee}
.n-form ul li .n-right .n-code-btn:disabled{cursor:not-allowed;opacity:.6}
/*表单*/
.n-form .text { line-height:30px; padding:10px 5px 10px 0;  }
.n-form .gray { color:#a7a6a6; }
.n-form .red { color:#eb3031; }
.n-form .edit { position:absolute; right:20px; top:0; color:#adacac; text-decoration:underline; }
.n-form .edit i { display:inline-block; width:18px; height:18px; background:url(../images/edit.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; }
/*输入框*/
.n-form .n-input { width:100%; height:50px;color:#232323; font-size:17px; border:none; }
.n-form .n-input:disabled { background-color:#FFF; }
.n-form .n-right-price{ display: inline-block; width: 120px; }
.n-form .n-right-price-input { border:#eaeaea solid 1px; height:40px; border-radius:5px;  }
/*选择日期*/
.n-form .n-select-nobg { width:100%; height:50px;color:#232323; font-size:17px; border:none;}
/*下拉框*/
.n-form .n-select { width:100%;}
.n-form .n-select .layui-input {  width:100%; height:50px;color:#232323; font-size:17px;border:none; padding-left:0; }
/*复选框*/
.n-form .layui-form-checkbox>div { font-size:17px; margin-top:-2px; }
/*单选框*/
.n-form .layui-form-radio { margin-top:-2px; }
.n-form .layui-form-radio>* { font-size:17px;margin-top:-2px; }
/*文本域*/
.n-form .n-textarea { width:100%; height:200px;color:#232323; font-size:17px; line-height:50px; border:none; }
/*阅读同意*/
.order-bottom {padding:25px 180px 80px 180px;  }
.order-bottom .n-prompt { color:#000000; font-size:17px; line-height:2.5; }
.order-bottom .n-agreement-section{margin:16px 0;font-size:17px;color:#403f3f;text-align:center;}
.order-bottom .layui-form-checkbox[lay-skin=primary]>div {font-size:17px; margin-top:-2px; }
.order-bottom .n-agreement-link{ display:inline-block; color:#ea2223;text-decoration:none;transition:color .3s; margin-left:-20px;  }
.order-bottom .n-agreement-link:hover{ color:#ee4e4f; text-decoration:underline}
/*提交按钮*/
.n-submit-btn { width:100%; height:55px; background-color:#ea2223; text-align:center; border-radius:5px; border:none;  color:#ffffff; font-size:17px; line-height:55px; margin-top:15px; cursor:pointer; }
.n-submit-btn:hover {  background-color:#ee4e4f; }
.m-submit-btn { display:block; width:400px; margin:0 auto; height:55px; background-color:#ea2223; text-align:center; border-radius:5px; border:none;  color:#ffffff; font-size:17px; line-height:55px; margin-top:15px; cursor:pointer; }
.m-submit-btn:hover {  background-color:#ee4e4f; }
/*上传图片*/
.n-imagephoto { padding-top:20px;  }
.n-imagephoto dl dd { float:left; width:120px; text-align:center; margin-right:20px; }
.n-imagephoto dl dd button { border:none; width:100%; height:120px; display:block; }
.n-imagephoto dl dd button img { width: 100%;height: 100%; object-fit: contain; }
/*popup*/
.popup { width:500px; background-color:#FFF; padding:20px 30px 30px 30px; }
.popup .ban { color:#403f3f; font-size:20px; line-height:2; background:url(../images/login-tab-active.jpg) no-repeat left bottom; }
.popup .con { color:#7a7a7a; font-size:15px; line-height:2; margin-top:10px; }
.popup .con h3 { font-size:18px; font-weight:normal; }
.popup .con .red { color:#ea2223; }
.popup .more { color:#ffffff; font-size:16px; line-height:45px; background-color:#ea2223; border-radius:5px; text-align:center; margin-top:10px; cursor:pointer; }
.popup .more:hover {  background-color:#ee4e4f; }
.popup .more a { display:block; color:#ffffff;  }
/*member-bg*/
.member-bg { background:url(../images/register-bg.jpg) no-repeat center center; background-size:cover; min-height:100vh; }
.member-header { height:100px; }
.member-header .logo { float:left; height:100px; }
.member-header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.member-header .logo img{ max-width:100%; max-height:50%; vertical-align:middle; }
.member-header .info { float:left; color:#7a7a7a; font-size:18px; line-height:1.5; margin-left:20px; padding-left:20px; position:relative; margin-top:25px; }
.member-header .info::after{content:""; position:absolute; left:0; top:5%; width:2px; height:90%; background-color:#c9c9c9; }
.member-header .right { float:right; margin-top:25px;  }
.member-header .right ul li { float:left; margin-left:40px; position:relative;  color:#403f3f; font-size:16px; line-height:50px; }
.member-header .right ul li::after{content:""; position:absolute; left:-20px; top:50%; margin-top:-8px; width:2px; height:16px; background-color:#d2d2d2; }
.member-header .right ul li i { display:inline-block; width:8px; height:8px; background-color:#ea2223; border-radius:50%; position:absolute; left:13px; top:13px; }
.member-header .right ul li:first-child::after { display:none;}
.member-header .right ul li img { width:20px; height:20px; vertical-align:middle; margin-right:5px; transform: translateY(-2px); }
.member-header .right ul li:hover { color:#ed3d3e; }
.member-footer { text-align:center; padding:50px 0; }
.m-nav { height:auto; }
.m-nav a { display:inline-block; color:#434343; font-size:16px; line-height:2; margin:0 15px;  }
.m-nav a:hover { color:#ea2223; }
.m-copy { color:#a7a6a6; font-size:15px; line-height:2; margin-top:10px; }
/*member-container*/
.member-container { height:auto; }
.member-left { float:left; width:240px; background-color:#f7f9fa; border:#FFF solid 4px;  border-radius:10px;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); min-height:600px;  }
.member-left-ban { color:#3f3f3f; font-size:15px; line-height:60px; text-align:center; }
.member-left-list { height:auto; }
.member-left-list ul li { color:#2e2e2e; font-size:18px; line-height:60px; padding-left:50px; background-color:#FFF; position:relative; }
.member-left-list ul li a { display:block;  color:#2e2e2e;}
.member-left-list ul li:nth-child(even) { background-color:#f7f9fa; }
.member-left-list ul li::after{content:""; position:absolute; left:30px; top:50%; margin-top:-12px; width:6px; height:24px; background-color:#ea2223; border-radius:3px; }
.member-left-list ul li.active { color:#ed3d3e; font-weight:bold; }
.member-left-list ul li.active a { color:#ed3d3e; }
.member-left-list ul li:hover { color:#ed3d3e; }
.member-left-list ul li:hover a{ color:#ed3d3e; }
.member-right { float:right; width:calc(100% - 240px - 15px); background-color:#f7f9fa; border:#FFF solid 4px;  border-radius:10px;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); min-height:600px; padding:30px 40px; }
.member-right-ban { height:auto; }
.member-right-ban .tit { float:left; color:#202020; font-size:22px; line-height:44px; background:url(../images/login-tab-active.jpg) no-repeat left bottom;}
.member-right-ban .more { float:right; color:#949191; font-size:16px; line-height:44px; }
.member-right-ban .more i { display:inline-block; width:16px; height:16px; background:url(../images/member-right-ban.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:10px; transform: translateY(-2px);  }
/*n-table*/
.n-table { width:100%; margin-top:50px; }
.n-table table {border-collapse: collapse; }
.n-table table tr th { min-width:90px; max-width:300px; font-weight: normal; color:#403f3f; font-size:18px; line-height:1.5; text-align:center; padding:10px; }
.n-table table tr td {min-width:90px; max-width:300px; color:#979696; font-size:16px; line-height:1.5;  text-align:center; padding:10px; }
.n-table table tr:nth-child(even) td { background-color:#FFF; }
.n-table .red { color:#ee4546; }
/*m-online*/
.m-online { position:fixed; right:0; top:40%;}
.m-online img { width:118px; }
.m-online-mo  { display:none; }
/*m-points*/
.m-points { background-color:#FFF; border-radius:10px; margin-top:30px; padding:40px 0; }
.m-points ul li { float:left; width:25%; text-align:center; position:relative; }
.m-points ul li::after{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#eeeeee; }
.m-points ul li .tit { color:#565555; font-size:16px; line-height:1.5; }
.m-points ul li .nob { color:#ee4344; font-size:30px; line-height:36px; margin-top:10px; }
.m-points ul li .more { width:126px; margin:0 auto; height:36px;  border-radius:5px; border:#f37879 solid 1px; text-align:center; color:#ee4344; font-size:16px; line-height:34px;  margin-top:10px; }
.m-points ul li .more i { display:inline-block; width:16px; height:16px; background:url(../images/points-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px; transform: translateY(-2px); }
.m-points ul li .more a { display:block;  color:#ee4344; }
.m-points ul li .more:hover { background-color:#fbd3d3; }
/*m-orderstatus*/
.m-orderstatus { margin-top:30px; }
.m-orderstatus ul li { float:left; color:#403f3f; font-size:17px; line-height:50px; margin-right:30px; position:relative; }
.m-orderstatus ul li a { display:block; color:#403f3f; }
.m-orderstatus ul li.active { color:#ea2223; font-weight:bold; }
.m-orderstatus ul li.active a { color:#ea2223; }
.m-orderstatus ul li:hover { color:#ea2223; }
.m-orderstatus ul li:hover a { color:#ea2223; }
.m-orderstatus ul li.active::after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#ed3d3e; }
/*m-ordersearch*/
.m-ordersearch { margin-top:25px; border:#eeeeee solid 1px; background-color:#FFF;  }
.m-ordersearch input[type=text] { width:calc(100% - 180px);  height:50px; color:#000000; font-size:16px; padding-left:20px; border:none; background-color:#FFF; }
.m-ordersearch button { float:right; width:160px; height:50px;border:none; background-color:#ed3d3e; color:#ffffff; font-size:16px; cursor:pointer;  }
.m-ordersearch button i { display: inline-block; width: 19px; height: 19px; background: url(../images/search-icon.png) no-repeat center center; background-size: 100% 100%; vertical-align: middle;  margin-right: 8px; transform: translateY(-1px);}
/*m-orderlist*/
.m-orderlist { height:auto; }
.m-orderlist-li { margin-top:25px; background-color:#FFF; border:#eeeeee solid 1px; }
.m-orderlist-top { border-bottom:#eeeeee solid 1px; padding:0 25px; }
.m-orderlist-top .tit { float:left; color:#979696; font-size:16px; line-height:48px; }
.m-orderlist-top .status { float:right; color:#7b7b7b; font-size:16px; line-height:48px; }
.m-orderlist-top .status .red { color:#ea2223; }
.m-orderlist-top .status .green { color:#5cd0b9; }
.m-orderlist-top .status .yellow { color:#e4a327; }
.m-orderlist-bot { padding:0 0 25px 25px; position:relative; }
.m-orderlist-bot::after{content:""; position:absolute; left:810px; top:0; width:1px; height:100%; background-color:#eeeeee; }
.m-orderlist-left { float:left; width:770px; margin-top:16px; }
.m-orderlist-left ul li { float:left; width:50%; color:#979696; font-size:16px; line-height:43px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-orderlist-left ul li span { color:#000000; }
.m-orderlist-right { float:right; width:370px; margin-top:10px; }
.m-orderlist-right ul li { float:left; width:120px; height:30px; text-align:center; background-color:#bfbfbf; color:#ffffff; font-size:16px; line-height:30px; margin-top:15px; margin-left:20px; }
.m-orderlist-right ul li a { display:block; color:#ffffff; }
.m-orderlist-right ul li.blue { background-color:#3963e9; }
.m-orderlist-right ul li.black { background-color:#4c5563; }
.m-orderlist-right ul li.sky { background-color:#03a585; }
.m-orderlist-right ul li.green { background-color:#37a24a; }
.m-orderlist-right ul li.gray { background-color:#bfbfbf; }
.m-orderlist-right ul li.yellow { background-color:#c48b17; }
.m-orderlist-right ul li.red { background-color:#ea2223; }
.m-orderlist-right ul li:hover {  opacity:0.8; }
/*m-newlist*/
.m-newlist { height:auto; }
.m-newlist ul li { border-bottom: #eeeeee solid 1px; padding:30px 0; }
.m-newlist ul li .tit { color:#474646; font-size:22px; line-height:1.5;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-newlist ul li .des { color:#949191; font-size:18px; line-height:2.3; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.m-newlist ul li .date {  color:#8d8a8a; font-size:16px; line-height:1.5; margin-top:10px; }
.m-newlist ul li .date i { display:inline-block; width:16px; height:16px; background:url(../images/date.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-right:5px;  }
.m-newlist ul li:hover .tit { color:#ea2223; }
/*m-wait*/
.m-wait {  color:#000000; font-size:18px; line-height:1.5; text-align:center; padding-top:20px; }
.m-wait img { width:80px; margin-bottom:20px; }
/*p-share*/
.p-share { width:265px; height:526px; margin:0 auto; position:relative; }
.p-share .p-pic { width:100%; height:100%; margin-top:15px; }
.p-share .p-pic img { width:100%; height:100%; }
.p-share .p-con { color:#000000; font-size:16px; line-height:2.5; position:absolute; top:0; left:0; width:100%; height:100%; padding:140px 0 0 30px;  }
/*toggle-link*/
.toggle-link { float:right; display:block; margin-top:-50px; color: #403f3f;  font-size: 17px;  line-height: 50px;}
.toggle-icon {  display: inline-block;  margin-left: 5px;  width:18px; height:18px; background:url(../images/down.png) no-repeat center center; background-size:100% 100%; transform: translateY(-2px); vertical-align:middle; }
.toggle-link.collapsed .toggle-icon { transform: rotate(-180deg);}
#expandableDiv { display:none; }
.m-nob { color: #ea2223;  font-size: 17px;  line-height: 1; margin-top:25px; }
/*m-tab*/
.m-tab { margin-top:25px; }
.m-tab ul li { float:left; width:150px; height:50px; border:#dbdbdb solid 1px; text-align:center; color: #4e4d4d;  font-size: 17px;  line-height: 48px; background-color:#FFF; }
.m-tab ul li a { display:block; color: #4e4d4d;   }
.m-tab ul li:hover a { color:#ea2223; }
.m-tab ul li.active { background-color:#ea2223; color:#ffffff; border:#ea2223 solid 1px;  }
.m-tab ul li.active a { color:#ffffff; }
.m-tab ul li.active:hover {color:#ffffff;}
.m-tab ul li.active:hover a {color:#ffffff;}
.mt20 { margin-top:20px; }


@media (max-width:1750px){
.wrap{width:83%}
.wrap2{width:73%;}
/*header1650*/
.header {height:70px; }
.header .logo{ height:70px; width:6%; }
.header .nav ul li{font-size:15px; line-height:70px; margin:0 15px; } 
.header .nav ul li .sub {  top:70px; }
.header .login-btn { width:65px; height:30px; font-size:15px; line-height:28px; }
.header .signup-btn { width:65px; height:30px; font-size:15px; line-height:28px; margin-left:8px;  }
/*i-search1650*/
.i-search { height:114px; margin-top:-60px; }
.i-search ul li { padding-top:34px;  }
.i-search label { font-size:15px; line-height:35px; width:35%;  }
.i-search .i-search-select { width:60%; }
.i-search-select .layui-input {height:35px; padding-left:15px; font-size:15px; line-height:35px; background-size:10px 10px;  }
.i-search .i-search-button { height:35px;  font-size:15px; line-height:35px; }
.i-search .i-search-button i { width:16px; height:16px; margin-right:7px;}
/*i-pro1650*/
.i-pro { padding-top:18px; padding-bottom:50px; }
.i-pro2 { padding-top:5px; padding-bottom:5px; }
.i-pro-ban { padding:35px 90px 35px 0;  background-size:60px auto; }
.i-pro-ban .tit { font-size:31px; line-height:35px; padding-left:35px; }
.i-pro-ban .tit::after{ margin-top:-1px; width:25px; }
.i-pro-ban .more { width:125px; height:35px; border-radius:18px; font-size:16px; line-height:33px; }
.i-pro-ban .more i { width:14px; height:14px; }
.i-pro-ban .position { font-size:15px; line-height:35px; }
.i-pro-ban .position i { width:20px; height:20px; margin-right:10px; }

.i-pro-ban2 { padding:15px 90px 15px 0;  background-size:60px auto; }
.i-pro-ban2 .title { font-size:31px; line-height:35px; padding-left:35px; }
.i-pro-ban2 .more  { width:125px; height:35px; border-radius:18px; font-size:16px; line-height:33px; }
.i-pro-ban2 .more i { width:14px; height:14px; }

.i-pro-list { padding-top:20px; }
.i-pro-list ul li { width:18.8%; height:415px; margin-top:18px; }
.i-pro-list ul li:nth-child(5n+2) { margin-left:1.5%;}
.i-pro-list ul li:nth-child(5n+3) { margin-left:1.5%;}
.i-pro-list ul li:nth-child(5n+4) { margin-left:1.5%;}
.i-pro-list ul li:nth-child(5n+5) { margin-left:1.5%;}
.i-pro-list ul li .pic { height:315px; }
.i-pro-list ul li .con { padding:13px 13px 0 13px; }
.i-pro-list ul li .con .tit {  font-size:16px; }
.i-pro-list ul li .con .des {  font-size:15px; margin-top:5px; background-size:14px 14px; }
.i-pro-list ul li:hover { border:#ea2223 solid 2px; }
.i-pro-list ul li:hover .pic { height:314px; }
.i-pro-list ul li:hover .con .des { background-size:14px 14px; }
/*i-news1650*/
.i-news  { padding-top:18px; padding-bottom:50px; }
.i-news-show { margin-top:40px; }
.i-news-left { width:63%; height:550px; padding:20px; }
.i-news-left .pic { height:235px; }
.i-news-left .con { padding:40px 3px 0 3px; }
.i-news-left .date { font-size:15px; }
.i-news-left .date i { width:14px; height:14px; }
.i-news-left .tit { font-size:19px; margin-top:8px; }
.i-news-left .des { font-size:15px; margin-top:8px;}
.i-news-left .more { font-size:15px; margin-top:15px; }
.i-news-left .more i { width:14px; height:14px; }
.i-news-right { width:34%; height:550px; padding:0 25px;  }
.i-news-right ul li { padding:20px 0; }
.i-news-right ul li .date { font-size:15px; }
.i-news-right ul li .date i {  width:13px; height:13px; }
.i-news-right ul li .tit { font-size:19px; margin-top:8px; }
.i-news-right ul li .more { font-size:15px; margin-top:15px; }
.i-news-right ul li .more i { width:14px; height:14px; }
/*i-rank1650*/
.i-rank { padding-top:18px; padding-bottom:50px; }
.i-rank-show { margin-top:40px; }
.i-rank-left { width:49%; height:610px; padding:15px 10px; }
.i-rank-right { width:49%; height:610px; padding:15px 10px; }
.i-rank-ban { padding:0 10px 0 15px; }
.i-rank-ban .tit { font-size:23px; line-height:40px; }
.i-rank-ban .more { font-size:13px; line-height:40px; }
.i-rank-ban .more i { width:14px; height:14px; }
.i-rank-list { margin-top:17px; }
.i-rank-list ul { column-gap:18px;}
.i-rank-list ul li { margin-bottom:13px; padding:0 5px 0 43px; }
.i-rank-list ul li .tit { font-size:15px; line-height:40px; }
.i-rank-list ul li .des { font-size:15px; line-height:40px; }
.i-rank-list ul li::after { left:12px; margin-top:-11px; width:22px; height:22px;  font-size:15px; line-height:20px; }
/*footer1650*/
.footer { padding-top:80px; padding-bottom:80px; font-size:15px; }
.f-left { width:27%; font-size:19px; }
.f-left img { max-height:60px; }
.f-mid { width:17%; margin-left:7%; }
.f-right { width:32.5%; margin-left:3%; padding-left:76px; }
.f-ewm { width:110px; }
.f-tel { padding-left:68px; margin-bottom:18px; background-size:53px 53px }
.f-tel h3 { font-size:31px;  }
/*f-copy1650*/
.f-copy { font-size:15px; padding:13px 0; }
/*n-news-list1650*/
.n-news-list ul li { padding:35px 0; }
.n-news-list ul li .pic { height:204px; }
.n-news-list ul li .con { margin-top:5px; }
.n-news-list ul li .con .tit { font-size:19px; margin-top:8px; }
.n-news-list ul li .con .des { font-size:15px; margin-top:8px;}
.n-news-list ul li .con .bot { font-size:15px; margin-top:15px; }
.n-news-list ul li .con .date i { width:14px; height:14px; }
.n-news-list ul li .con .more i { width:14px; height:14px; }
/*n-newshow1650*/
.n-newshow { margin-top:44px;  }
.n-tit {font-size:26px; }
.n-des {font-size:15px; padding-bottom:25px; margin-top:15px; }
.n-des i { width:14px; height:14px; }
.n-info {font-size:16px; padding:15px 25px;  }
.n-show { font-size:16px; min-height:250px; margin-top:25px; }
.n-other { font-size:16px; margin-top:30px; padding-top:30px; }
/*register-bg1650*/
.register-footer { font-size:15px; margin-top:40px;  }
.register-header { padding:35px; }
.register-header .logo { height:45px; }
.register-header .info { font-size:16px; margin-left:18px; padding-left:18px; }
.register-header .info::after{ height:45px; }
.register-header .auth-buttons { font-size:15px; line-height:45px;  }
.register-box { padding:50px; }
/*banner-user1650*/
.banner-user { height:400px; }
.banner-user .con { top:35px; height:330px; padding:35px 35px 0 40px;  }
.banner-user .con .info { font-size:15px; }
.banner-user .con .tit { font-size:38px; }
.banner-user .con .price { font-size:17px; }
.banner-user .con .des { font-size:15px; line-height:30px; height:120px; margin-top:10px; }
.banner-user .con .more { margin-top:15px; }
.banner-user .con .more a { height:45px; font-size:16px; line-height:43px; }
/*my-video1650*/
.my-video ul li { height:280px; margin-top:25px; }
.my-video ul li .tit { height:60px; padding-top:10px; font-size:16px; line-height:50px; }
.my-video ul li .over { padding-top:90px; }
.my-video ul li .over-icon { width:62px; height:62px; }
.my-video ul li .over-tit { font-size:20px; margin-top:15px; }
/*my-list1650*/
.my-list { margin-top:35px; }
.my-list ul li { font-size:16px; }
/*n-page1650*/
.n-page { font-size:16px; padding:35px 0; }
.my-photo { gap: 15px; }
.my-photo img { margin-bottom: 15px;}
/*order-box1650*/
.order-box { border-radius:8px; min-height:550px; margin-bottom:40px; margin-top:-60px; padding:60px 13%; }
.n-form.mt { margin-top:25px; }
.n-form ul li { margin-top:8px; font-size:16px; line-height:45px; }
.n-form ul li::after{ left:130px; }
.n-form ul li .n-left { width:120px; }
.n-form ul li .n-right { width:calc(100% - 130px - 20px); }
/*表单1650*/
.n-form .text { line-height:25px; }
.n-form .edit { right:15px; }
.n-form .edit i { width:16px; height:16px; }
/*输入框1650*/
.n-form .n-input { height:45px; font-size:16px; }
/*选择日期1650*/
.n-form .n-select-nobg { height:45px; font-size:16px; }
/*下拉框1650*/
.n-form .n-select .layui-input { height:45px; font-size:16px; }
/*复选框1650*/
.n-form .layui-form-checkbox>div { font-size:16px; }
/*单选框1650*/
.n-form .layui-form-radio>* { font-size:16px; }
/*文本域1650*/
.n-form .n-textarea { height:120px; font-size:16px; line-height:45px;}
/*阅读同意1650*/
.order-bottom {padding:20px 150px 70px 150px;  }
.order-bottom .n-prompt { font-size:16px; }
.order-bottom .n-agreement-section{font-size:16px;}
.order-bottom .layui-form-checkbox[lay-skin=primary]>div {font-size:16px; }
/*提交按钮1650*/
.n-submit-btn { height:45px; font-size:16px; line-height:45px; margin-top:13px; }
.m-submit-btn { width:350px; height:45px; font-size:16px; line-height:45px; margin-top:13px; }
/*上传图片1650*/
.n-imagephoto { padding-top:15px;  }
.n-imagephoto dl dd { width:110px; margin-right:15px; }
.n-imagephoto dl dd button { height:110px; }
/*member-bg1650*/
.member-header { height:70px; }
.member-header .logo { height:70px; }
.member-header .info { font-size:15px; margin-left:15px; padding-left:15px; margin-top:15px; }
.member-header .right { margin-top:17px; }
.member-header .right ul li { margin-left:30px; font-size:15px; line-height:35px; }
.member-header .right ul li::after{ margin-top:-7px; height:14px; }
.member-header .right ul li i { width:6px; height:6px; left:12px; top:12px; }
.member-header .right ul li img { width:16px; height:16px; }
.member-footer {padding:40px 0; }
.m-nav a { font-size:15px; margin:0 10px;  }
/*member-container1650*/
.member-container { margin-top:20px; }
.member-left { width:190px; border-radius:8px; min-height:550px;  }
.member-left-ban { font-size:14px; line-height:55px; }
.member-left-list ul li { font-size:16px; line-height:55px; padding-left:45px; }
.member-left-list ul li::after{ left:28px; margin-top:-10px; width:4px; height:20px; }
.member-right { width:calc(100% - 190px - 15px);  min-height:550px; padding:15px 30px 30px 30px; }
.member-right-ban .tit { font-size:19px; line-height:38px; }
.member-right-ban .more { font-size:15px; line-height:38px; }
.member-right-ban .more i { width:14px; height:14px; }
/*m-online1650*/
.m-online img { width:100px; }
/*m-points1650*/
.m-points { margin-top:25px; padding:30px 0; }
.m-points ul li .tit { font-size:15px; }
.m-points ul li .nob { font-size:24px; line-height:31px; margin-top:8px; }
.m-points ul li .more { width:110px; height:31px;  font-size:15px; line-height:29px;  margin-top:8px; }
.m-points ul li .more i { width:14px; height:14px; }
/*m-orderstatus1650*/
.m-orderstatus { margin-top:25px; }
.m-orderstatus ul li { font-size:15px; line-height:40px; margin-right:20px; }
/*m-ordersearch1650*/
.m-ordersearch { margin-top:20px; }
.m-ordersearch input[type=text] { width:calc(100% - 160px);  height:45px; font-size:15px; padding-left:15px; }
.m-ordersearch button { width:140px; height:45px; font-size:15px; }
.m-ordersearch button i { width: 17px; height: 17px; }
/*m-orderlist1650*/
.m-orderlist-li { margin-top:20px; }
.m-orderlist-top { padding:0 20px; }
.m-orderlist-top .tit { font-size:15px; line-height:43px; }
.m-orderlist-top .status { font-size:15px; line-height:43px; }
.m-orderlist-bot { padding:0 0 20px 20px; }
.m-orderlist-bot::after{ left:64%;}
.m-orderlist-left { width:61%; margin-top:11px; }
.m-orderlist-left ul li {font-size:15px; line-height:38px; }
.m-orderlist-right { width:34%;  }
.m-orderlist-right ul li { width:40%; height:25px; font-size:15px; line-height:25px; margin-top:10px; margin-left:5%; }
/*m-newlist1650*/
.m-newlist ul li { padding:25px 0; }
.m-newlist ul li .tit  { font-size:19px; }
.m-newlist ul li .des { font-size:15px; margin-top:8px;}
.m-newlist ul li .date{ font-size:15px; margin-top:8px; }
.m-newlist ul li .date i { width:14px; height:14px; }
/*m-wait1650*/
.m-wait { font-size:16px; padding-top:18px; }
.m-wait img { width:70px; margin-bottom:18px; }
/*toggle-link1650*/
.toggle-link { margin-top:-40px; font-size: 15px;  line-height: 40px;}
.toggle-icon { width:16px; height:16px; }
.m-nob {  font-size: 15px; margin-top:20px; }
/*m-tab1650*/
.m-tab { margin-top:20px; }
.m-tab ul li { width:140px; height:45px; font-size: 16px; line-height: 43px; }


}

@media (max-width:1400px){
/*header1400*/
.header .nav ul li{margin:0 10px; } 
/*i-search1400*/
.i-search { height:90px; margin-top:-50px; }
.i-search ul li { padding-top:24px;  }
.i-search label { width:40%;  }
.i-search .i-search-select { width:55%; }
.i-search-select .layui-input {height:35px; padding-left:10px; background-size:8px 8px;  }
.i-search .i-search-button i { width:13px; height:13px; margin-right:6px;}
/*i-pro1400*/
.i-pro { padding-top:16px; padding-bottom:40px; }
.i-pro2 { padding-top:0; padding-bottom:0; }
.i-pro-ban { padding:25px 70px 25px 0;  background-size:50px auto; }
.i-pro-ban .tit { font-size:25px; padding-left:25px; }
.i-pro-ban .tit::after{ margin-top:0; width:20px; }
.i-pro-ban .more { width:100px; font-size:15px; }
.i-pro-ban .more i { width:12px; height:12px; }
.i-pro-ban .position { font-size:13px; }
.i-pro-ban .position i { width:18px; height:18px; margin-right:8px; }

.i-pro-ban2 { padding:10px 70px 10px 0;  background-size:50px auto; }
.i-pro-ban2 .title { font-size:25px; padding-left:25px; }
.i-pro-ban2 .more  { width:100px; font-size:15px; }
.i-pro-ban2 .more i  { width:12px; height:12px; }

.i-pro-list { padding-top:10px; }
.i-pro-list ul li { height:335px; margin-top:16px; }
.i-pro-list ul li .pic { height:250px; }
.i-pro-list ul li .con { padding:9px 9px 0 9px; }
.i-pro-list ul li .con .tit {  font-size:15px; }
.i-pro-list ul li .con .des { margin-top:0; background-size:12px 12px; }
.i-pro-list ul li:hover { border:#ea2223 solid 1px; }
.i-pro-list ul li:hover .pic { height:250px; }
.i-pro-list ul li:hover .con .des { background-size:12px 12px; }
/*i-news1400*/
.i-news  { padding-top:16px; padding-bottom:40px; }
.i-news-show { margin-top:30px; }
.i-news-left { height:430px; padding:15px; }
.i-news-left .pic { height:190px; }
.i-news-left .con { padding:20px 1px 0 1px; }
.i-news-left .date i { width:12px; height:12px; }
.i-news-left .tit { font-size:16px; margin-top:6px; }
.i-news-left .des { margin-top:6px;}
.i-news-left .more { margin-top:10px; }
.i-news-left .more i { width:12px; height:12px; }
.i-news-right { height:430px; padding:0 20px;  }
.i-news-right ul li { padding:10px 0; }
.i-news-right ul li .date i {  width:10px; height:10px; }
.i-news-right ul li .tit { font-size:16px; margin-top:6px; }
.i-news-right ul li .more { margin-top:10px; }
.i-news-right ul li .more i { width:12px; height:12px; }
/*i-rank1400*/
.i-rank { padding-top:16px; padding-bottom:40px; }
.i-rank-show { margin-top:30px; }
.i-rank-left { height:570px; padding:10px 10px; }
.i-rank-right { height:570px; padding:10px 10px; }
.i-rank-ban { padding:0 5px 0 10px; }
.i-rank-ban .tit { font-size:19px; line-height:35px; }
.i-rank-ban .more { line-height:35px; }
.i-rank-ban .more i { width:12px; height:12px; }
.i-rank-list { margin-top:7px; }
.i-rank-list ul { column-gap:16px;}
.i-rank-list ul li { margin-bottom:11px; padding:0 5px 0 35px; }
.i-rank-list ul li::after { left:6px; margin-top:-10px; width:20px; height:20px;  font-size:13px; line-height:18px; }
/*footer1400*/
.footer { padding-top:60px; padding-bottom:60px; }
.f-left { width:29%; font-size:17px; }
.f-left img { max-height:50px; }
.f-mid { width:19%; margin-left:4%; }
.f-right { width:33%; margin-left:3%; padding-left:56px; }
.f-ewm { width:100px; }
.f-tel { padding-left:48px; margin-bottom:16px; background-size:33px 33px; }
.f-tel h3 { font-size:25px;  }
/*n-news-list1400*/
.n-news-list ul li { padding:30px 0; }
.n-news-list ul li .pic { height:164px; }
.n-news-list ul li .con { margin-top:0; }
.n-news-list ul li .con .tit { font-size:16px; margin-top:6px; }
.n-news-list ul li .con .des { margin-top:6px;}
.n-news-list ul li .con .bot  { margin-top:10px; }
.n-news-list ul li .con .date i { width:12px; height:12px; }
.n-news-list ul li .con .more i { width:12px; height:12px; }
/*n-newshow1400*/
.n-newshow { margin-top:34px;  }
.n-tit {font-size:22px; }
.n-des { padding-bottom:20px; margin-top:10px; }
.n-des i { width:12px; height:12px; }
.n-info {font-size:15px; padding:10px 20px;  }
.n-show { margin-top:20px; }
.n-other { font-size:15px; margin-top:25px; padding-top:25px; }
/*banner-user1400*/
.banner-user { height:310px; }
.banner-user .con { top:25px; height:270px; padding:20px 25px 0 30px;  }
.banner-user .con .tit { font-size:28px; }
.banner-user .con .price { font-size:16px; }
.banner-user .con .des { margin-top:5px; }
.banner-user .con .more { margin-top:10px; }
.banner-user .con .more a { height:35px; font-size:15px; line-height:33px; }
/*my-video1400*/
.my-video ul li { height:210px; margin-top:20px; }
.my-video ul li .tit { height:50px; padding-top:5px; line-height:45px; }
.my-video ul li .over { padding-top:70px; }
.my-video ul li .over-icon { width:48px; height:48px; }
.my-video ul li .over-tit { font-size:18px; margin-top:10px; }
/*my-list1400*/
.my-list { margin-top:30px; }
/*n-page1400*/
.n-page { padding:30px 0; }
.my-photo { gap: 10px; }
.my-photo img { margin-bottom: 10px;}
/*order-box1400*/
.order-box { border-radius:6px; min-height:500px; margin-bottom:35px; margin-top:-50px; padding:50px 10%; }
.n-form.mt { margin-top:20px; }
.n-form ul li { margin-top:6px; font-size:15px; line-height:40px; }
.n-form ul li::after{ left:120px; }
.n-form ul li .n-left { width:110px; }
.n-form ul li .n-right { width:calc(100% - 120px - 18px); }
/*表单1400*/
.n-form .text { line-height:20px; }
.n-form .edit { right:10px; }
.n-form .edit i { width:14px; height:14px; }
/*输入框1400*/
.n-form .n-input  { height:40px; font-size:15px; }
/*选择日期1400*/
.n-form .n-select-nobg { height:40px; font-size:15px; }
/*下拉框1400*/
.n-form .n-select .layui-input{ height:40px; font-size:15px; }
/*复选框1400*/
.n-form .layui-form-checkbox>div { font-size:15px; }
/*单选框1400*/
.n-form .layui-form-radio>* { font-size:15px; }
/*文本域1400*/
.n-form .n-textarea { height:105px; font-size:15px; line-height:40px;}
/*阅读同意1400*/
.order-bottom {padding:15px 138px 60px 138px;  }
.order-bottom .n-prompt { font-size:15px; }
.order-bottom .n-agreement-section{font-size:15px}
.order-bottom .layui-form-checkbox[lay-skin=primary]>div {font-size:15px; }
/*提交按钮1400*/
.n-submit-btn { height:40px; font-size:15px; line-height:40px; margin-top:11px; }
.m-submit-btn { width:300px; height:40px; font-size:15px; line-height:40px; margin-top:11px; }
/*上传图片1400*/
.n-imagephoto { padding-top:10px;  }
.n-imagephoto dl dd { width:100px; margin-right:10px; }
.n-imagephoto dl dd button { height:100px; }
/*m-online1400*/
.m-online img { width:90px; }
/*m-points1400*/
.m-points { margin-top:20px; padding:20px 0; }
.m-points ul li .nob { font-size:20px; margin-top:6px; }
.m-points ul li .more { margin-top:6px; }
.m-points ul li .more i { width:12px; height:12px; }
/*m-orderstatus1400*/
.m-orderstatus { margin-top:20px; }
.m-orderstatus ul li { line-height:35px; margin-right:15px; }
/*m-ordersearch1400*/
.m-ordersearch { margin-top:15px; }
.m-ordersearch input[type=text] { width:calc(100% - 140px);  height:40px; padding-left:10px; }
.m-ordersearch button { width:120px; height:40px;}
.m-ordersearch button i { width: 15px; height: 15px; }
/*m-orderlist1400*/
.m-orderlist-li { margin-top:15px; }
.m-orderlist-top { padding:0 15px; }
.m-orderlist-top .tit { font-size:15px; line-height:38px; }
.m-orderlist-top .status { line-height:38px; }
.m-orderlist-bot { padding:0 0 15px 15px; }
.m-orderlist-left { margin-top:6px; }
.m-orderlist-left ul li {line-height:33px; }
.m-orderlist-right { margin-top:5px; }
/*m-newlist1400*/
.m-newlist ul li { padding:20px 0; }
.m-newlist ul li .tit  { font-size:16px;  }
.m-newlist ul li .des { margin-top:6px;}
.m-newlist ul li .date{  margin-top:6px; }
.m-newlist ul li .date i {width:12px; height:12px;}
/*m-wait1400*/
.m-wait { font-size:15px; padding-top:16px; }
.m-wait img { width:40px; margin-bottom:16px; }
/*toggle-link1400*/
.toggle-link { margin-top:-35px;  line-height: 35px;}
.toggle-icon { width:14px; height:14px; }
.m-nob {  margin-top:15px; }
/*m-tab1400*/
.m-tab { margin-top:15px; }
.m-tab ul li { width:120px; height:40px; font-size: 15px; line-height: 38px; }

}

@media (max-width:1200px){
.wrap{width:94%}
.wrap2{width:94%;}
/*header1200*/
.header .nav ul li{margin:0 8px; } 
/*i-search1200*/
.i-search ul li { width:22%; }
.i-search ul li:last-child { width:10%;  margin-left: 1%;  }
.banner-user .con { right:3%; }

}


@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:block; height:60px;}
/*i-search992*/
.i-search { height:110px; border-radius:4px; margin-top:20px; }
.i-search ul li { padding-top:10px; width:20%; }
.i-search ul li:first-child { margin-left:2%; }
.i-search ul li:last-child { width: 14%; }
.i-search label { display:block; width:96%; text-align:left; }
.i-search .i-search-select { width:96%; }
.i-search .i-search-button { margin-top:15px; }
/*i-pro992*/
.i-pro-ban .tit { font-size:22px; }
.i-pro-ban2 .title{ font-size:22px; }
.i-pro-list ul li { height:310px; margin-top:14px; }
.i-pro-list ul li .pic { height:180px; }
.i-pro-list ul li .con .des span { display:block; }
.i-pro-list ul li:hover .pic { height:180px; }
/*i-news992*/
.i-news-left .pic { height:180px; }
/*i-rank992*/
.i-rank-left { float:none; width:100%; height:auto; }
.i-rank-right { float:none; width:100%; height:auto; margin-top:15px; }
.i-rank-ban .tit { font-size:17px; }
/*footer992*/
.footer { padding-top: 40px; padding-bottom: 40px; }
.f-left { display:none; }
.f-mid { display:none; }
.f-right { width: 70%; margin-left: 0; padding-left: 0; background-image:none; }
/*f-copy992*/
.f-copy { text-align:left; }
.f-copy-left { float:none; }
.f-copy-right { float:none; }
/*register-bg992*/
.register-header { padding:10px; }
.register-header .logo { height:40px; }
.register-header .info { font-size:15px; margin-left:16px; padding-left:16px; }
.register-header .info::after{ height:40px; }
.register-header .auth-buttons { line-height:40px;  }
.register-box { padding:40px; margin-top:20px; }
.register-left { width:40%; height:300px; margin-top:20px; }
.register-right { width:56%; }
/*banner-user992*/
.banner-user .con { width:40%; }
.banner-user .con .tit { font-size:24px; }
/*my-video992*/
.my-video ul li { height:160px; }
.my-video ul li .over { padding-top:50px; }
.my-video ul li .over-icon { width:28px; height:28px; }
.my-video ul li .over-tit { font-size:16px; }
/*order-box992*/
.order-box { margin-top:20px; }
/*member992*/
.member-header { display:none; }
.member-left { display:none; }
.member-right { float:none; width:100%; min-height:500px;  padding:10px 20px 30px 20px; }
.member-footer {padding:30px 0; }
.m-nav a { margin:0 5px;  }

}

@media (max-width:767px){
.wrap{width:80%}
.wrap2{width:80%;}
/*i-search767*/
.i-search { height:150px; border-radius:4px; margin-top:15px; padding:0 5px; }
.i-search ul li { width:50%; padding-top:5px; }
.i-search ul li:first-child { margin-left:0; }
/*.i-search ul li:nth-child(3) { width:33%; }*/
/*.i-search ul li:nth-child(4) { width:33%; }*/
.i-search ul li:last-child { width:32%; }
.i-search label { line-height:30px; }
.i-search-select .layui-input { height:30px; line-height:30px; }
.i-search .i-search-button { height:30px; line-height:30px; margin-top:15px; }
/*i-pro767*/
.i-pro { padding-top: 14px; padding-bottom: 20px; }
.i-pro2 { padding-top:0; padding-bottom:0; }
.i-pro-ban { padding: 20px 40px 20px 0; background-size: 30px auto; }
.i-pro-ban .tit { font-size: 20px; font-weight:bold; }
.i-pro-ban .tit::after{ height:2px; }
.i-pro-ban2 { padding: 5px 40px 5px 0; background-size: 30px auto; }
.i-pro-ban2 .title { font-size: 20px; font-weight:bold; }
.i-pro-list ul li { width:32%; height:275px; }
.i-pro-list ul li:nth-child(5n+2) { margin-left:0;}
.i-pro-list ul li:nth-child(5n+3) { margin-left:0;}
.i-pro-list ul li:nth-child(5n+4) { margin-left:0;}
.i-pro-list ul li:nth-child(5n+5) { margin-left:0;}
.i-pro-list ul li:nth-child(3n+2) { margin-left:2%;}
.i-pro-list ul li:nth-child(3n+3) { margin-left:2%;}
.i-pro-list ul li .pic { height: 162px; }
.i-pro-list ul li:nth-child(10) { display:none; }
.n-pro-list.i-pro-list ul li:nth-child(10) { display:block; }
.i-pro-list ul li:hover .pic { height:150px; }
/*i-news767*/
.i-news { padding-top: 14px; padding-bottom: 20px; }
.i-news-show { margin-top: 10px; }
.i-news-left { float:none; width:100%; height:auto; }
.i-news-left .pic { height: 100px; }
.i-news-right { float:none; width:100%; margin-top:15px; }
/*i-rank767*/
.i-rank { padding-top: 14px; padding-bottom: 20px; }
.i-rank-show { margin-top: 20px; }
.i-rank-list ul { display: block; columns: 1;  column-gap: 0; }
/*footer767*/
.footer { padding-top: 30px; padding-bottom: 30px;}
.f-ewm { margin-top:20px; }
/*n-news767*/
.n-news-list ul li .pic { float:none; width:100%; }
.n-news-list ul li .con { float:none; width:100%;  margin-top:15px; padding:0 5px; }
.n-news-list ul li .con .tit { font-weight:bold; }
/*n-newshow767*/
.n-newshow { margin-top:24px;  }
.n-tit {font-size:18px; }
.n-des { padding-bottom:15px; margin-top:5px; }
.n-info { padding:5px 15px;  }
.n-show { margin-top:15px; }
.n-other { margin-top:20px; padding-top:20px; }
/*login_box767*/
.login-container{ width:300px; height:270px; }
.public-form .tab-container{ padding:10px 20px 0 20px; }
.public-form .tab{ width:110px; }
.public-form .tab.active{ font-size:17px; background-size:51px auto; }
.public-form .form-container{padding:15px 20px; }
.public-form .form-group{margin-bottom:15px;}
.public-form .submit-btn{padding:6px 12px; font-size:15px; }
/*register767*/
.register-header { padding:10px 0; }
.register-header .info { display:none; }
.register-footer { padding-bottom:20px; }
.register-left { display:none; }
.register-right { float:none; width:100%; }
.register-box { padding: 10px 0; margin-top:40px; }
/*banner-user767*/
.banner-user { height:auto; position:relative; }
.banner-user .pic { width:100%; height:auto; }
.banner-user .pic img {width: 100%;height: 100%; object-fit: contain;object-position: center top;}
.banner-user .con { position:relative; width:100%; right:auto; top:auto; height:auto; margin-top:0; padding: 15px 20px 15px 25px;background-color:#ffffff; }
.banner-user .con .top::after { width:3px; }
.banner-user .con .info { color:#666666; }
.banner-user .con .tit { color:#474646; font-size:22px; }
.banner-user .con .price { color:#666666; }
.banner-user .con .des {color:#666666;  height:auto; }
/*my-video767*/
.my-video ul li { float:none; width:100%;}
.my-video ul li:nth-child(3n+2) { margin-left:0;}
.my-video ul li:nth-child(3n+3) { margin-left:0;}
.my-video ul li { height:240px; }
.my-video ul li .over { display:none; }
/*my-list767*/
.my-list ul li { float:none; width:100%; }
.my-list ul li:nth-child(even) { margin-left:0; }
/*order-box767*/
.order-box { margin-top:15px; }
.order-box { border-radius: 5px; min-height: 400px; padding:10px 4%; }
.order-bottom { padding: 10px 0 50px 0; }
/*上传图片767*/
.n-imagephoto { padding-top:10px;  }
.n-imagephoto dl dd { width:80px; margin-right:10px; }
.n-imagephoto dl dd button { height:80px; }
/*popup767*/
.popup { width:300px; padding:10px 20px 20px 20px; }
.popup .ban {font-size:17px;}
.popup .con {margin-top:5px; }
.popup .con h3 { font-size:16px; }
.popup .more { font-size:15px; line-height:32px; margin-top:5px; }
/*member767*/
.member-right { min-height: 450px; padding: 5px 10px 25px 10px; }
.member-right-ban .tit { float:none; font-size: 17px; line-height:34px; background-size:51px auto;  }
.member-right-ban .more { float:none; font-size:15px; line-height:1.5; margin-top:10px; display:none; }
.member-right-ban .more i { width:12px; height:12px; }
/*n-table767*/
.n-table { overflow-x: auto !important; margin-top:40px; }
.n-table table { width:auto;  }
.n-table table tr th { font-size:15px;  padding:10px 5px; }
.n-table table tr td { font-size:15px; padding:10px 5px; }
.m-submit-btn { width:100%; }
/*m-online767*/
.m-online { top:auto; bottom:0; display:none; }
.m-online-mo { position:fixed; right:0; bottom:0; display:block; }
.m-online-mo img { width:80px; }
/*m-points767*/
.m-points { margin-top:10px; padding:0 0 20px 0; }
.m-points ul li { width:50%; margin-top:20px; }
.m-points ul li .nob { font-size:18px; margin-top:4px; }
.m-points ul li .more { margin-top:4px; }
/*layui-laydate-range767*/
.layui-laydate-range {  width: 274px;}
.layui-laydate-range .layui-laydate-main {  width: 272px; max-width:272px; }
/*m-orderlist767*/
.m-orderlist-top { padding: 10px 15px 5px 15px; }
.m-orderlist-top .tit { float:none; width:100%; line-height:28px; }
.m-orderlist-top .tit span { display:block; }
.m-orderlist-top .status { float:none; width:100%; line-height:28px; }
.m-orderlist-bot::after { display:none; }
.m-orderlist-left {  float:none; width:100%; }
.m-orderlist-left ul li { float:none; width:100%;  }
.m-orderlist-right { float:none; width:100%; }
/*toggle-link767*/
.toggle-link { margin-top:15px; float:left; }
/*m-orderstatus767*/
.m-orderstatus { width: 100%;  overflow-x: auto;  -webkit-overflow-scrolling: touch;scrollbar-width: none;  -ms-overflow-style: none;  }
.m-orderstatus::-webkit-scrollbar { display: none;}
.m-orderstatus .nava {  display: inline-block; white-space: nowrap;  padding: 0; margin: 0; list-style: none;}
.m-orderstatus ul li { float:none; display: inline-block; }
/*m-tab767*/
.m-tab ul li { width:32%; }
 
.n-bootstrap .n-right {position: relative;}

.n-form .n-right-price { width:100%;}
.n-form .n-right-price>div { width:30%; display:inline-block; margin-right:2%; }

.n-form ul li.li-price .n-left { float:none; width:100%; text-align:left; padding-left:10px; }
.n-form ul li.li-price .n-right { float:none; width:100%; padding:0 10px 10px 10px;  }
.n-form ul li.li-price::after { display:none;}

}

@media (max-width:500px){
.wrap{width:94%}
.wrap2{width:94%}


}
@media (max-width:400px){
    
.i-pro-list ul li .pic { height: 150px; }

}

.layui-laydate .layui-this>div{
    background-color: #777!important;
}
.laydate-day-mark{
    background-color: red!important;
    color: #fff!important;
    height: 34px;
}