@charset "utf-8";
/* CSS Document */
[v-cloak]{ display:none}
body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px; width:100%; background:#F8f8f8;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333; font-size:14px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}


/*黑白照片*/
.gray {
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
}

.gray:hover {
-webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
     -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;
}
/*圆角5px*/
.radius5{
-webkit-border-radius:5px;
   -moz-border-radius:5px;
    -ms-border-radius:5px;
     -o-border-radius:5px;
        border-radius:5px;
}
/*圆角10px*/
.radius10{
-webkit-border-radius:10px;
   -moz-border-radius:10px;
    -ms-border-radius:10px;
     -o-border-radius:10px;
        border-radius:10px;
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
}

.shadow10{
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
}



.win1294{ width:1200px; max-width:94%; margin: 0 auto;}
.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}


/*头部*/
.top1{ width:100%; background:#F8f8f8;}
.top1 .top1Nei{ display:flex; justify-content:space-between; align-items:center; height:40px;}
.top1 .top1Nei .topLeft1{ display:flex; align-items:center;}
.top1 .top1Nei .topLeft1 .topLeft11{ color:#999; font-size:12px;}
.top1 .top1Nei .topLeft1 .topLeft12{ margin-left:54px;}
.top1 .top1Nei .topLeft1 .topLeft12 .noLogin{ display:flex; align-items:center;}
.top1 .top1Nei .topLeft1 .topLeft12 .noLogin .noLoginLogin{ color:#0FA0EC; font-size:12px;}
.top1 .top1Nei .topLeft1 .topLeft12 .noLogin .noLoginReg{ color:#999; font-size:12px; margin-left:8px;}
.top1 .top1Nei .topLeft1 .topLeft12 .onLogin{}

.top1 .top1Nei .topRight1{ display:flex; align-items:center;}
.top1 .top1Nei .topRight1 .member{ color:#0FA0EC; font-size:12px;}
.top1 .top1Nei .topRight1 .messages{ color:#999; margin-left:8px;}
.top1 .top1Nei .topRight1 .contentMess{ display:flex; align-items:center; color:#999; font-size:12px;}
.top1 .top1Nei .topRight1 .contentMess span{ margin-left:15px;}

.top2{ width:100%; padding:20px 0 0; background:#FFFFFF; border-bottom:#EEEEEE solid 1px;}
.top2 .topNei2{}
.top2 .topNei2 .top21{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.top2 .topNei2 .top21 .logo{}
.top2 .topNei2 .top21 .logo img{ height: 57px}
.top2 .topNei2 .top21 img.logo2{ height: 57px}
.top2 .topNei2 .top21 .topCenter21{}
.top2 .topNei2 .top21 .topCenter21 .topSearch{ width:490px; height:40px; border:#005fcc solid 1px; display:flex; align-items:center;}
.top2 .topNei2 .top21 .topCenter21 .topSearch input[type="text"]{ width:100%; padding:0 15px; line-height:38px;}
.top2 .topNei2 .top21 .topCenter21 .topSearch input[type="submit"]{ width:60px; flex-shrink:0; background: url(../images/search.png) no-repeat 50%,#005fcc; cursor:pointer; height:38px;}
.top2 .topNei2 .top21 .topCenter21 .topCenterBot21{ display:flex; align-items:center; margin-top:10px;}
.top2 .topNei2 .top21 .topCenter21 .topCenterBot21 div{ color:#F01010; font-size:12px;}
.top2 .topNei2 .top21 .topCenter21 .topCenterBot21 a{ font-size:12px; color:#999999; margin:0 4px;}

.top2 .topNei2 .top21 .topGwc{ display:flex; align-items:center; padding:13px; position:relative; border:#DCDCDC solid 1px;}
.top2 .topNei2 .top21 .topGwc img{}
.top2 .topNei2 .top21 .topGwc .topGwc2{ font-size:12px; color:#858383; margin-left:10px;}
.top2 .topNei2 .top21 .topGwc .topGwc3{ position:absolute; padding:0 15px; line-height:15px; border-radius:15px; text-align:center; font-size:12px; color:#FFFFFF; top:-7px; right:0; background:#FFA940;}

.top2 .topNei2 .top22{ width:100%; display:flex; align-items:center; margin-top:15px;}
.top2 .topNei2 .top22 .allStyle{ position:relative;}
.top2 .topNei2 .top22 .allStyle .allStyleIcon{ width:200px; height:55px; background:#005FCC; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.top2 .topNei2 .top22 .allStyle .allStyleIcon img{ margin-right:10px;}
.top2 .topNei2 .top22 .allStyle .allStyleIcon div{ font-size:18px; color:#FFFFFF;}

.top2 .topNei2 .top22 .allStyle .allStyleDown{ position:absolute; top:55px; left:0; height:450px; width:200px; background:#FFF; display:none; z-index:996;}
.top2 .topNei2 .top22 .allStyle .allStyleDown .allStyleItem{ width:200px;}
.top2 .topNei2 .top22 .allStyle .allStyleDown .allStyleItem .allStyleItems{ width:200px; height:44px; padding:0 30px 0 30px; display:flex; align-items:center; justify-content:space-between; color:#333;}
.top2 .topNei2 .top22 .allStyle .allStyleDown .allStyleItem .allStyleItems span{ font-size:16px;}
.top2 .topNei2 .top22 .allStyle .allStyleDown .allStyleItem:hover .allStyleItems{ background:#e6f6ff; color:#00a2ff;}
.top2 .topNei2 .top22 .allStyle .allStyleDown .allStyleItem .cebian{ width:750px; height:450px; padding:20px 30px; flex-wrap:wrap; position:absolute; left:200px; top:0; background:#FFFFFF; box-shadow:rgba(0,0,0,0.15) 5px 5px 10px; display:none; align-content: flex-start;}
.top2 .topNei2 .top22 .allStyle .allStyleDown .allStyleItem:hover .cebian{ display:flex;flex-wrap: wrap}

.cebianItemTitle:hover{color: #00a2ff;}
.cebianItem{ display: block;padding: 5px 15px;width: 25%;font-size: 12px;}
.cebianItem .cebianItemImg{ width:70px; height:70px; position:relative; display:flex; justify-content:center; align-items:center; margin-right:5px; border:#ccc dashed 1px;}
.cebianItem .cebianItemImg img{ width:100%; height:100%;}
.cebianItem .cebianItemRight{}
.cebianItem .cebianItemRight .cebianItemTitle{ line-height:36px;}
.cebianItem .cebianItemRight .cebianItemSmall{ line-height:22px; font-size:12px; color:#999999;}


.cb{ width:54px; position:fixed; right:0; top:30%; box-shadow:rgba(0,0,0,0.16) 0 0 10px; display:flex; flex-direction:column; z-index: 999;}
.cb .cbItem{ height:70px;cursor:pointer; display:flex;flex-wrap: wrap; align-items:center; justify-content:center; position: relative; background:#329fd7; margin-bottom:3px;}
.cb .cbItem:hover{background: #005FCC}
.cb .cbItem .cbTc{ position: absolute; right:0; top:12px; display:none; transform:translateX(30px); opacity:0; transition:all ease 0.5s; padding-right:80px;}
.cb .cbItem .cbTc1{ background:url(../images/cb7.png) no-repeat 0 50%; height:132px; top:0;}
.cb .cbItem.on .cbTc{ opacity:1; transform:translateX(0);}
.cb .cbItem .cbTc .cbTcEr{ width:132px; height:132px;}
.cb .cbItem .cbTc .cbTcTel{ white-space:pre; padding:0 15px; line-height:45px; background:#FFFFFF; border-radius:5px; box-shadow:rgba(0,0,0,0.15) 0 0 10px; width:fit-content;}
.cb .cebianItem2{ height:55px; display:flex; align-items:center; justify-content:center; position: relative;}
.cb .cbItem a{
    width: 100%;
}
.cb .cbItem span{
    font-size: 12px;
    color: #FFF;
}

.top2 .topNei2 .top22 .topMenu{ display:flex; align-items:center;}
.top2 .topNei2 .top22 .topMenu a{ font-size:17px; margin-left:50px; font-weight:bolder;}
.top2 .topNei2 .top22 .topMenu a:hover{ color:#005FCC;}
.top2 .topNei2 .top22 .topMenu a.on{ color:#005FCC;}

.top2 .topNei2 .top22 .allStyle:hover .allStyleDown{ display:block;}

/*头部end*/

/*底部*/

.footer{ width:100%; background:#FFFFFF;}

.fo1{ width:100%; border-bottom:#EEEEEE solid 1px;}
.fo1 .foNei1{ height:120px; display:flex; justify-content:space-around; align-items:center;}
.fo1 .foNei1 .foItem1{ display:flex; justify-content:center; flex-direction:column; align-items:center;}
.fo1 .foNei1 .foItem1 .foItemImg1{}
.fo1 .foNei1 .foItem1 .foItemTitle1{ line-height:50px; font-size:16px; text-align:center;}
.fo2 .foLeft2 .foItem2 a:hover {
    color: #005fcc;
}
.fo2{ display:flex; margin:60px auto;}
.fo2 .foLeft2{ display:flex; width:100%;}
.fo2 .foLeft2 .foItem2{width:25%;}
.fo2 .foLeft2 .foItem2 a{ font-size:12px; line-height:2em; color:#999999; display:block;}
.fo2 .foLeft2 .foItem2 a.foItemTitle2{ font-size:15px; margin-bottom:10px; color:#333333;}
.fo2 .foRight2{ width:290px; border-left:#EEEEEE solid 1px; display:flex; justify-content:center; align-items:center; flex-direction:column; flex-shrink:0;}
.fo2 .foRight2 .foRight21{ font-size:15px; color:#000000;}
.fo2 .foRight2 .foRight22{ font-size:12px; color:#999999; margin:15px 0;}
.fo2 .foRight2 .foRight23{}
.fo2 .foRight2 .foRight23 a{ border:#B5B5B5 solid 1px; border-radius:30px; line-height:28px; display:flex; justify-content:center; align-items:center; margin:0 auto; padding:0 15px;}
.fo2 .foRight2 .foRight23 a img{ margin-right:10px;}

.fo3{ height:90px; display:flex; justify-content:space-between; align-items:center; border-top:#EEEEEE solid 1px;}
.fo3 .foLeft3{}
.fo3 .foRight3{ display:flex; align-items:center;}
.fo3 .foRight3 div{}
.fo3 .foRight3 a{ margin-left:5px;}

/*底部end*/


.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:#FFFFFF; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{ height:57%;}
.moTop .moMenuOpen{ height:40%;}
.moTop .moTopRight{height: 40%;}
.moTop .moTopRight .moSear{ height:80%;}

.moMenuBox{ width:100%; display:none; background:rgba(0, 95, 204,0.1); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:#005fcc; padding:0 5%; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%;}
.moMenu1{ width: 100%;    display: flex;    align-items: center;    justify-content: space-between;    flex-direction: row-reverse;   border-bottom: rgba(255,255,255,0.50) solid 1px;}

.moDropLogo{ display:inline-block; margin:30px 0;}
.moDropLogo img{ height:30px;}

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:rgba(255,255,255,0.50) solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:16px; color:#FFFFFF;}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:4em; font-size:20px; color:#FFFFFF; display:block;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:16px; width:100%; line-height:4em; text-align:center; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:#FFFFFF;}

/*#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}*/

.moMenuBottom{ width:100%; display:flex; justify-content:center; align-items:center;}
.moMenuBottom img{ margin:25px 10px;}

.otherBox{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 21474836475; display:none; justify-content: center; align-items: center; height: 100%;}

.other{ width:80%; display:none;}

.moSearch{ align-items:center; justify-content:space-between; padding:0px 0; margin:0px auto 0 auto; background:#FFFFFF;}
.moSearch input[type='text']{ height:40px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}
.moSearch input[type='submit']{ background:url(../images/icon20.png) no-repeat 50%/60% 60%; height:40px; width:40px; flex-shrink:0;}

.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}
.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}
.moLeng a.on{ color:#eb7404;}


{}

/*登陆注册*/

.loginTitle{ margin:50px auto 25px; font-size:24px; color:#005FCC; font-weight:bolder;}

.loginBox{ padding:0 60px; background:#FFFFFF;}
.loginBox .loginBox1{ height:50px; margin-top:15px; display:flex; justify-content: space-between; align-items:center;}
.loginBox .loginBox1 .loginBox11{ font-size:20px; color:#005FCC;}
.loginBox .loginBox1 .loginBox12{ display:flex; align-items:center;}
.loginBox .loginBox1 .loginBox12 a{ margin-left:10px; color:#C00000;}

.loginBox .loginBox2{ border-bottom:#DCDCDC solid 1px; border-top:#DCDCDC solid 1px; padding:30px 0;}

.loginForm{ width:100%; display:table;}
.loginForm .formRow{ display:table-row;}
.loginForm .formRow .formRowLeft{ width:400px; height:70px; font-size:16px; display:table-cell; text-align:right; vertical-align:middle;}
.loginForm .formRow .formRowLeft span{ color:#C00000;}
.loginForm .formRow .formRowRight{ display:table-cell; vertical-align:middle; padding-left:10px;}

.inp1{ width:320px; height:40px; border:#E5E5E5 solid 1px; padding:0 15px; line-height:40px;}

.hdyz{}
.hdyz .hd{ width:320px; height:40px; border:#E5E5E5 solid 1px; position:relative;background: #E7E7E7;}
.hdyz .hd .hdjd{ width:0; background:#7AC23C; height:40px; z-index:5;}
.hdyz .hd .hdhk{ width:40px; height:40px; position:absolute; left:-1px; top:-1px; background:#FFFFFF; justify-content:center; align-items:center; cursor:pointer; border:#e5e5e5 solid 1px; display:flex; z-index:9;}
.hdyz .hd .hdhk img{ display:none;}
.hdyz .hd .hdwz{ width:100%; height:40px; position:absolute; left:-1px; top:-1px; background:#7AC23C; color:#FFFFFF; text-align:center; line-height:40px; font-size:12px; opacity:0; pointer-events: none; z-index:5;}
.hdyz .hd .hdqr{ width:100%; height:40px; position:absolute; left:-1px; top:-1px; color:#333333; padding-left:60px; line-height:40px; font-size:12px; pointer-events: none; z-index:1;}
.hdyz .hdTrue{}

.hdyz #label{}
.hdyz #label img{ display:none;}
.hdyz.on #label i{ display:none;}
.hdyz.on #label img{ display:block;}

.fsyzm{ display:block; width:fit-content; height:32px; color:#C00000; border:#C00000 solid 1px; text-align:center; line-height:30px; padding:0 10px; margin-left:10px;}

.inp2{ display:flex; align-items:center;}

.fftk{ display:flex; align-items:center;}
.fftk input{ margin-right:10px; font-size:13px; cursor:pointer;}
.fftk div{ display:flex; align-items:center;}
.fftk div a{ color:#C00000;}

.inp3{ margin-left:30px; width:195px; height:48px; background:#C00000; color:#FFFFFF; text-align:center; line-height:48px; cursor:pointer;}

.loginBox .loginBox3{ font-size:12px; line-height:28px; color:#666666; padding:20px 0;}

.loginBottom{ color:#999999; text-align:center; line-height:26px; margin:40px 0;}

{}


.pageNav{ display:flex; align-items:center; height:60px;}
.pageNav a{ margin-right:10px;}

.news{ background:#FFFFFF; padding:40px 35px 60px 30px; display:flex;}
.news .newsLeft{ width:215px; flex-shrink:0; margin-right:55px;}
.news .newsRight{width: 100%;}


.paging{ margin:70px auto; display:flex; align-items:center; justify-content:flex-end;}
.paging .num{ margin:0 6px;}
.paging .num a{ display:block; padding:0 12px; border:#E0E0E0 solid 1px; text-align:center; line-height:28px; background:#FFFFFF;}
.paging .num a:hover{ background:#005FCC; color:#FFFFFF; border:#005FCC solid 1px;}
.paging .num span{}

.pagingForm{ display:flex; align-items:center;}
.pagingForm input[type="text"]{ width:64px; height:30px; background:#FFFFFF; border:#E0E0E0 solid 1px; text-align:center; line-height:28px; margin:0 5px;}
.pagingForm input[type="submit"]{ width:64px; height:30px; background:#FFFFFF; border:#E0E0E0 solid 1px; text-align:center; line-height:28px; margin:0 0 0 10px; cursor:pointer;}

.newsMenu{ border:#E7E7E7 solid 1px; padding:17px 13px; display:flex; flex-direction:column;}
.newsMenu a{ display:block; text-align:center; line-height:40px; font-size:16px;}
.newsMenu a.on{ background:#005FCD; color:#FFFFFF;}
.newsMenu a:hover{ background:#005FCD; color:#FFFFFF;}

.newsRightTitle{ font-size:22px; font-weight:bolder;}

.newsItem{ width:100%; display:flex; padding:30px 0; border-bottom:#E7E7E7 solid 1px;}
.newsItem .newsImg{ width:160px;position:relative; overflow:hidden; flex-shrink:0; margin-right:35px;height:108px}
.newsItem .newsImg:before{ content:''; display:block; padding-top:100%;}
.newsItem .newsText{width: 100%; display:flex; flex-direction:column; justify-content:space-between;}
.newsItem .newsText .newsTitle{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; line-height:2em; font-size:18px; font-weight:bolder;}
.newsItem .newsText .newsSmall{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:2em; color:#999999;}
.newsItem .newsText .newsBot{ display:flex; justify-content:space-between; align-items:center;}
.newsItem .newsText .newsBot .newsBotLeft{ display:flex; align-items:center;}
.newsItem .newsText .newsBot .newsBotLeft .newsBotDate{ margin-right:50px;}
.newsItem .newsText .newsBot .newsBotLeft .newsBotHits{ display:flex; align-items:center;}
.newsItem .newsText .newsBot .newsBotLeft .newsBotHits img{ margin-right:5px;}
.newsItem .newsText .newsBot .newsBotRight{ display:flex; align-items:center;}
.newsItem .newsText .newsBot .newsBotRight a{ color:#999999;}
.newsItem .newsText .newsBot .newsBotRight span{ color:#999999; margin:0 8px;}

.isok{ display:flex; flex-direction:column; align-items:center;}
.isok .isok1{ font-size:24px; font-weight:bolder; text-align:center; margin-top:140px;}
.isok .isok2{ text-align:center; margin:100px auto;}
.isok .isok3{ font-size:16px; text-align:center;}
.isok .isok4{ text-align:center;}
.isok .isok4 a{ width:350px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#FFFFFF; background:#C00000; display:block; margin:20px auto 140px;}
.newsDetail{ background: #FFFFFF; display: flex; margin-bottom:15px;}
.newsDetail .ndLeft{ padding:0 50px;width: calc(100% - 300px);}
.newsDetail .ndLeft .ndTitle{ font-size:20px; line-height:1.5em; text-align:center; font-weight:bolder; margin:35px 0;}
.newsDetail .ndLeft .ndSome{ width:100%; height:45px; background:#F8F8F8; display:flex; justify-content:space-between; align-items:center; padding:0 20px;}
.newsDetail .ndLeft .ndSome .ndSomeLeft{ display:flex; align-items:center; font-size:16px;}
.newsDetail .ndLeft .ndSome .ndSomeLeft a{ font-size:16px;}
.newsDetail .ndLeft .ndSome .ndSomeRight{ display:flex; align-items:center;justify-content: space-between;width: 100%;}
.newsDetail .ndLeft .ndSome .ndSomeRight .ndSomeRight1{ font-size:14px;}
.newsDetail .ndLeft .ndSome .ndSomeRight .ndSomeRight2{ display:flex; align-items:center; color:#999999;}
.newsDetail .ndLeft .ndSome .ndSomeRight .ndSomeRight2 img{ margin-right:10px;}
.newsDetail .ndLeft .ndContent{ line-height:36px; padding-bottom:100px; padding-top:20px; border-bottom:#E5E5E5 solid 1px;}
.newsDetail .ndLeft .ndTz{ display:flex; justify-content:space-between; align-items:center; margin:70px 0;}
.newsDetail .ndLeft .ndTz a{ max-width:30%; white-space:pre; overflow:hidden; text-overflow:ellipsis; display:block;}

.newsDetail .ndRight{ width:270px; flex-shrink:0; margin-right:20px; margin-top:100px;}

.rmwz{ border:#E5E5E5 solid 1px; padding:25px 40px 0 15px; margin-bottom:15px;}
.rmwz .rmwzTitle{ padding-left:10px; border-left:#005FCC solid 2px; line-height:14px; font-weight:bolder;}
.rmwz .rmwzList{ display:flex; flex-direction:column; margin:15px 0;}
.rmwz .rmwzList a{ font-size:12px; line-height:32px; color:#999999; white-space:pre; overflow:hidden; text-overflow:ellipsis; padding-left:12px; background:url(../images/rm.png) no-repeat 0 50%;}

.rmwz2{ padding:25px 15px 0 15px;}
.rmcpwzList{}
.rmcpwzList .rmcpItem{ display:flex; border-bottom:#EEEEEE solid 1px; padding:15px 0; width:100%;}
.rmcpwzList .rmcpItem .rmcpItemImg{ width:88px; position:relative; background:#FAF9F9; margin-right:15px; flex-shrink:0; overflow:hidden; height: fit-content;}
.rmcpwzList .rmcpItem .rmcpItemImg:before{ content:''; display:block; padding-top:100%;}
.rmcpwzList .rmcpItem .rmcpItemText{ font-size:12px; line-height:16px;width:135px}
.rmcpwzList .rmcpItem .rmcpItemText .rmcpItemTitle{color:#005FCC; word-break: break-all; margin-bottom: 8px;white-space: nowrap;overflow: hidden;}
.rmcpwzList .rmcpItem .rmcpItemText .rmcpItem1{ word-break: break-all;white-space: nowrap;overflow: hidden;}
.rmcpwzList .rmcpItem .rmcpItemText .rmcpItem2{ color:#BF0000;}

.newsTuijian{ background: #FFFFFF; margin-bottom:105px; overflow:hidden;}
.newsTuijian .tjTitle{ font-size:18px; line-height:34px; font-weight:bolder; padding:35px 45px;}
.newsTuijian .tjList{ display:flex; flex-wrap:wrap; width:100%; margin-bottom:45px;}
.newsTuijian .tjList a{ display:flex; justify-content:space-between; align-items:center; height:30px; font-size:12px; width:50%; padding:0 75px;}
.newsTuijian .tjList a span:nth-child(1){ display:block; max-width:calc( 100% - 100px); white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.newsTuijian .tjList a span:nth-child(1){ color:#999999;}

{}


.index .top2 .topNei2 .top22 .allStyle .allStyleDown{ display:block !important;}

.index1{ display:flex; margin:10px auto 15px; justify-content:space-between;}
.index1 .indexLeft1{ width:200px;}
.index1 .indexCenter1{ width:730px; margin:0 15px; position:relative;}
.index1 .indexCenter1 .indexBannerZhan{ width:100%; position:relative; overflow:hidden;}
.index1 .indexCenter1 .indexBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 440 / 740);}
.arrow{ width:100%; height:0; display:flex; justify-content:space-between; align-items:center; position:absolute; z-index:999; left:0; top:50%; cursor:pointer;}
.arrow div{ width:20px; height:40px; background:rgba(0, 95, 204,0.5); display:flex; justify-content:center; align-items:center;}
.index1 .indexCenter1 .banner{ width:100%; height:100%; position:absolute; left:0; top:0;}
.index1 .indexCenter1 .banner .slick-list{ height:100%;}
.index1 .indexCenter1 .banner .slick-track{ height:100%;}
.index1 .indexCenter1 .banner a{ display:block; width:100%; height:100%;}
.index1 .indexCenter1 .dots{ position:absolute; left:0; z-index:999; bottom:30px; display: flex !important; justify-content: center; align-items: center; width:100%;}
.index1 .indexCenter1 .dots li{ width:5px; height:5px; font-size:0; border-radius:15px; margin:0 10px; transition:all ease 0.5s; cursor:pointer; background:#FFFFFF;}
.index1 .indexCenter1 .dots li.slick-active{ width:10px; height:10px;}
.index1 .indexCenter1 .dots li button{ width:100%; height:100%; opacity:0; cursor:pointer;}

.index1 .indexRight1{ width:240px; padding:0 17px 0 14px; background:#FFFFFF;}

.indexNews{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.indexNews .indexNewsSel{ display:flex; align-items:center;}
.indexNews .indexNewsSel li{ cursor:pointer; margin:17px 0; margin-right:20px; position:relative;}
.indexNews .indexNewsSel li.on{ color:#005FCC;}
.indexNews .indexNewsSel li.on:before{ width:100%; height:3px; background: #005FCC; content:''; display:block; position:absolute; left:0; top:28px;}
.indexNews .indexNewsMore{ display:flex; align-items:center; font-size:13px; color:#999999;}
.indexNews .indexNewsMore i{ margin-left:8px;}

.indexNewsList{ width:100%; border-bottom:#eee solid 1px;}
.indexNewsList .indexNewsItem{ width:100%; height:260px;padding:15px 0 15px 0; display:none;}
.indexNewsList .indexNewsItem a {
    padding-left: 8px;
    font-size: 12px;
    color: #999999;
    height: 2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 2em;
    display: block;
    width: 100%;
    background: url(../images/rm.png) no-repeat 0 50%;
}
.indexNewsList .indexNewsItem a:hover{
    color: #005FCD;
}
.indexLink{ width:100%; display:flex; flex-wrap:wrap;}
.indexLink a{ display:flex; align-items:center; width:50%;}
.indexLink a span{ font-size:12px;}
.inde-icon{width: 100%;padding: 15px 0;}
.inde-icon:hover{
    background: #ebf4ff;
}
.indexItem{ margin:0 auto 15px; background:#FFFFFF; padding:0 6px 20px;}
.indexItem .indexItemTitle{ display:flex; align-items:center; padding:25px 20px 25px;}
.indexItem .indexItemTitle .indexItem1{ font-size:18px; color:#005FCC; margin-right:10px; font-weight:bolder;}
.indexItem .indexItemTitle .indexItem2{ color:#999999;}

.indexItemBox{ width:100%; display:flex; flex-wrap:wrap;}
.indexItemBox .indexProductItem{ width:calc( 24% - 25px); margin:0 14px 20px; display:block; padding:15px 15px 10px; border:#E5E5E5 solid 1px; font-size:12px; line-height:2em;}
.indexItemBox .indexProductItem .indexProductImg{ width:60%; position:relative; margin: 0 20%;}
.indexItemBox .indexProductItem .indexProductImg:before{ content:''; display:block; padding-top:100%; background:#FAF9F9;}
.indexItemBox .indexProductItem .indexProductTitle{ margin-top:5px; font-weight:bolder;overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 48px;
}
.indexItemBox .indexProductItem .indexProductsmall1{ color:#999999;word-break: break-all;}
.indexItemBox .indexProductItem .indexProductsmall1 span{ color:#FF001E;}
.indexItemBox .indexProductItem .indexProductsmall2{ color:#999999; margin-bottom:5px;}
.hots-product{
    width: calc(100% - 211px);
    display: flex;
    flex-wrap: wrap;
}
/*.indexItem2{ margin-bottom:50px;}*/

.xwzx{ width:100%; display:flex;}
.xwzx .xwzxItem{ width:50%;}
.xwzx .xwzxItem .xwzxItemTitle{ line-height:50px; padding:0 75px; font-weight:bolder;}
.xwzx .xwzxItem{ background: #FFFFFF; overflow:hidden;}
.xwzx .xwzxItem .tjTitle{ font-size:18px; line-height:34px; font-weight:bolder; padding:35px 45px;}
.xwzx .xwzxItem .tjList{ display:flex; flex-wrap:wrap; width:100%; margin-bottom:45px;}
.xwzx .xwzxItem .tjList a{ display:flex; justify-content:space-between; align-items:center; height:30px; font-size:12px; width:100%; padding:0 75px;}
.xwzx .xwzxItem .tjList a span:nth-child(1){ display:block; max-width:calc( 100% - 100px); white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.xwzx .xwzxItem .tjList a span:nth-child(1){ color:#999999;}
.xwzx .xwzxItem .tjList a:hover span{
    color: #005FCD;
}

.catalogue{ background:#FFFFFF; margin-bottom:60px; overflow:hidden; padding-bottom:25px;}

.catalogueTop{ width:100%; padding:22px 30px; border-bottom:#E5E5E5 solid 1px; display:flex; justify-content:space-between; align-items:center;}
.catalogueTop .catalogueTopLeft{ display:flex; align-items:center;}
.catalogueTop .catalogueTopLeft div:nth-child(1){}
.catalogueTop .catalogueTopLeft div:nth-child(2){ font-size:18px; color:#BF0000;}
.catalogueTop .catalogueForm{ width: 45%; max-width:490px; height:34px; display:flex; align-items:center; border:#e5e5e5 solid 1px;}
.catalogueTop .catalogueForm input[type="text"]{ padding:0 15px; line-height:32px; width:100%;}
.catalogueTop .catalogueForm input[type="submit"]{ padding:0 15px; line-height:32px; flex-shrink:0; color:#FFFFFF; cursor:pointer; background:#a0a0a0;}

.catalogueSel{ display:flex; margin:25px 30px;}
.catalogueSel .catalogueSelBox{ display:flex; align-items:center; width:calc( 100% - 42px);flex-wrap: wrap;    max-height: 48px;overflow: hidden;transition: all .5s}
.catalogueSel .catalogueSelBox-active{max-height: 300px}
.catalogueSel .catalogueSelBox a{ min-width:116px;  border:#E5E5E5 solid 1px; text-align:center; line-height:36px; padding:0 15px; display:block; margin: 5px 5px}

.ellipsis {
    width: 120px;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}
.getbtn{
    padding: 3px 5px;
    background: #BF0000;
    color: #FFF;
    border-radius: 6px;
}
.getbtn:hover{
    color: #FFF;
}

.one-brand{
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.brand-img{
    width: 20%;
}
.brand-info{
    width: 75%;
    margin-left: 5%;
}
.brand-name{
    font-size: 18px;
    font-weight: 700;
}
.brand-desc{
    line-height: 24px;
    height: 72px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}
.catalogueSel .catalogueSelBox a.on{ border:#005FCD solid 1px; color:#FFFFFF; background:#005FCD;}
.catalogueSel .catalogueSelBox a:hover{ border:#005FCD solid 1px; color:#FFFFFF; background:#005FCD;}
.catalogueSel a.more{ border:none; padding:0; display:flex; align-items:center; width:42px;height: 50px}
.catalogueSel a.more i{ margin-left:8px;}

.catalogueItem{ width:calc( 100% - 60px); margin:0 30px 20px; border:#EAEAEA solid 1px;}
.catalogueItem .catalogueItemTop{ width:100%; line-height:48px; padding:0 30px; background:#EAEAEA;}
.catalogueItem .catalogueItemBot{ display:flex; flex-wrap:wrap; padding:0 30px;}
.catalogueItem .catalogueItemBot a{ display:flex; align-items:center; line-height:48px; font-size:12px; width:25%;}
.catalogueItem .catalogueItemBot a span:nth-child(1){ color:#005FCD;}
.catalogueItem .catalogueItemBot a span:nth-child(2){ color:#999999;}

{}

.splb{ margin:15px auto 100px; background:#FFFFFF; overflow:hidden;padding-bottom: 40px;}

.zmsy{ display:flex; justify-content:center; margin:35px auto;}
.zmsy .zmsyLeft{ font-size:18px; color:#666666; white-space:pre; line-height:20px;}
.zmsy .zmsyRight{ display:flex; flex-wrap:wrap;}
.zmsy .zmsyRight a{ font-size:18px; margin:0 5px; line-height:20px;}
.zmsy .zmsyRight a.on{ color:#005FCC;}
.zmsy .zmsyRight a:hover{ color:#005FCC;}

.zmsyList{ width:100%; display:flex; flex-wrap:wrap;}
.zmsyList a{ width:calc( 100% / 6); color:#666666; font-size:16px; line-height:42px; display:block; padding:0 30px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}

.fenye{ width:100%; display:flex; justify-content:center; align-items:center; margin:40px auto 70px; }
.fenye li{ margin:0 5px; border:#e5e5e5 solid 1px;}
.fenye li a{ height:40px; line-height:40px; text-align:center; padding: 0 17px; background:#FFFFFF; display:block;}
.fenye li:hover{ background:#0091DC; border:#0091DC solid 1px;}
.fenye li.on{ background:#0091DC; border:#0091DC solid 1px;}
.fenye li:hover a{ background:#0091DC; color:#FFFFFF;}
.fenye li.on a{ background:#0091DC; color:#FFFFFF;}

{}


.cpxq{ margin-bottom:100px;}

.cpxqTop{ padding:20px 20px 20px 20px; display:flex; justify-content:space-between; width:100%; margin-bottom:15px; background:#FFFFFF;}

.tuku{ width:300px;}
.tuku .datu{ width:300px; height:300px; margin-bottom:20px;}
.tuku .datu .slick-slide{ width:300px; height:300px; display:flex; justify-content:center; align-items:center; background:#FAF9F9;}
.tuku .xiaotu{ width:300px; margin-bottom:0;}
.tuku .xiaotu .slick-slide{ width:90px; height:90px; display:flex; justify-content:center; align-items:center; background:#FAF9F9; margin:0 7px;}

.cpxqTopCenter{ width:570px;margin-left: 30px}
.cpxqTopCenter .ctcTitle{ font-size:22px; line-height:1.5em; margin:15px 0;}
.cpxqTopCenter .ctcSmall{ background:#F9F9F9; display:flex; padding:5px 15px;}
.cpxqTopCenter .ctcSmall .ctcSmallLeft{ font-size:16px; line-height:32px; padding-right:20px;width: 85%}
.cpxqTopCenter .ctcSmall .ctcSmallLeft div{ display:flex; align-items:center;word-break: break-all;}
.cpxqTopCenter .ctcSmall .ctcSmallLeft a{ display:flex; align-items:center; font-size:12px;}
.cpxqTopCenter .ctcSmall .ctcSmallLeft a img{ margin-right:5px;}
.cpxqTopCenter .ctcSmall .ctcSmallRight{}
.cpxqTopCenter .ctcSmall .ctcSmallRight .ctcSmallRight1{ font-size:16px; line-height:40px; color:#BF0000;}
.cpxqTopCenter .ctcSmall .ctcSmallRight .ctcSmallRight2{ font-size:12px; line-height:3em;}

.ctcNum{ display:flex; align-items:center; margin:20px 0;}
.ctcNum .ctcNum1{ color:#999999;}
.ctcNum .ctcNum2{ width:105px; height:24px; border:#E5E5E5 solid 1px; display:flex;}
.ctcNum .ctcNum2 .jian{ width:24px; text-align:center; line-height:22px; border-right:#E5E5E5 solid 1px; cursor:pointer; flex-shrink:0;}
.ctcNum .ctcNum2 .shuzi{ width:calc( 100% - 48px);}
.ctcNum .ctcNum2 .shuzi input{ width:100%; text-align:center; line-height:22px; padding:0 5px;}
.ctcNum .ctcNum2 .jia{ width:24px; text-align:center; line-height:22px; border-left:#E5E5E5 solid 1px; cursor:pointer; flex-shrink:0;}

.ctcJg{ display:flex; align-items:center;}
.ctcJg span:nth-child(1){ color:#999999;}
.ctcJg span:nth-child(2){ color:#BF0000;}

.ctcIcon{ display:flex; align-items:center; margin-top:20px;}
.ctcIcon a{ display:flex; align-items:center; justify-content:center;border: 1px solid #BF0000; background: #d00000; padding:6px 15px; font-size:15px; color:#FFF; border-radius:5px; margin-right:30px;}
.xscpItemXuns:hover{
    background:#BF0000;
}
.ctcIcon a:nth-child(1) img{ margin-right:5px;}
.cpxqTopRight{ width:270px;margin-left: 30px}
.cpxqTopRight1{ }
.cpxqTopRight .lxwm{ text-align:center; line-height:3em; font-size:16px;}
.cpxqTopRight .lxfs{ display:table; font-size:12px; line-height:30px; padding:15px;}
.cpxqTopRight .lxfs .lxfsRow{ display:table-row;}
.cpxqTopRight .lxfs .lxfsRow .lxfsLeft{ display:table-cell; color:#999999; white-space:pre;}
.cpxqTopRight .lxfs .lxfsRow .lxfsRight{ display:table-cell;}

.xscp {
    width: 1200px;
    background: #FFFFFF;
    margin: 15px auto;
    padding-bottom: 70px;
    margin-bottom: 30px;
}
.xscp .xscpTitle{ font-size:18px; font-weight:bolder; padding:25px 0 20px 20px;}
.xscp .xscpList{ width:calc( 100% - 20px); margin:0 10px 0;padding-bottom: 30px}
.xscp .xscpList .xscpItem{ margin:0 14px; border:#E5E5E5 solid 1px; padding:15px;}
.xscp .xscpList .xscpItem .xscpItemImg{ width:100%; position:relative; overflow:hidden; background:#FAF9F9; display:block;}
.xscp .xscpList .xscpItem .xscpItemImg:before{ content:''; display:block; padding-top:100%;}
.xscp .xscpList .xscpItem .xscpItemTitle{ font-size:13px; line-height:2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:10px;}
.xscp .xscpList .xscpItem .xscpItemBrand{ font-size:12px; line-height:2.5em; color:#999999;}
.xscp .xscpList .xscpItem .xscpItemBot{ display:flex; justify-content:space-between;}
.xscp .xscpList .xscpItem .xscpItemBot .xscpItemAdd{ width:calc( 50% - 10px); font-size:12px; text-align:center; line-height:26px; border:#BF0000 solid 1px; border-radius:5px; color:#BF0000;}
.xscp .xscpList .xscpItem .xscpItemBot .xscpItemXun{ width:calc( 50% - 10px); font-size:12px; text-align:center; line-height:26px; border:#BF0000 solid 1px; border-radius:5px;background: #BF0000;color: #FFF }
.xscpItemXuns{font-size: 15px; text-align:center; /* line-height:26px; */ border:#BF0000 solid 1px; border-radius:5px;background: #BF0000;color: #FFF!important;padding: 5px 30px; }
.xscp .slick-dots{ z-index:999; display: flex !important; justify-content: center; align-items: center; width:100%;}
.xscp .slick-dots li{ width:25px; height:10px; font-size:0; border-radius:15px; margin:0 10px; transition:all ease 0.5s; cursor:pointer; background:#E5E5E5; opacity:1;}
.xscp .slick-dots li.slick-active{ width:25px; height:10px; background:#005FCC; opacity:1;}
.xscp .slick-dots li button{ width:100%; height:100%; opacity:0; cursor:pointer;}

.pro{ width:100%; display:flex; margin-top:15px;}
.pro .proLeft{ padding:0px 20px 40px 20px; width:100%; background:#FFFFFF; position:relative; overflow:hidden;}
.pro .proRight{ width:310px; margin-left:15px; flex-shrink:0; background:#FFFFFF; padding:25px 20px 0px 20px;}

.rmwz3{ border:none; padding:0; }

.proSelBox{ width:100%; max-width:1200px;}
.proTop{ border-bottom:none !important; padding:0;}
.proTop .proSel{padding: 30px 0 20px 0; border-bottom: #E6E7E9 solid 1px;}
.pro.on .proSelBox{ position:fixed; left:50%; transform:translateX(-50%); top:0; margin-left:20px; padding-right: 365px; z-index: 999;}
.proSel{ width:100%; display:flex;background:#FFFFFF;}
.proSel div{ height:34px; padding:0 13px; text-align:center; font-size:16px; line-height:34px; cursor:pointer;}
.proSel div:hover{ background:#005FCC; color:#FFFFFF;}
.proSel div.on{ background:#005FCC; color:#FFFFFF;}

.pro.on .proSel div{ box-shadow:rgba(0,0,0,0.15) 0 0 10px;}

.proZhan{ width:100%;}
.pro.on .proZhan{ height:134px;}

.proCpxq{ width:100%; margin:30px 0;}
.proCpxq table{ width:100%;}
.proCpxq table td{ height:42px; text-align:center;}
.proCpxq table tr:nth-child(2n+1) td{ background:#F7F7F7;}
.proCqxq-table{ display: flex; flex-wrap: wrap; background:#FFFFFF;}
.proCqxq-table li{ width: 50%;display: flex; text-align: center;}
.proCqxq-table li div{height: 42px;line-height: 42px}
.proCqxq-table li:nth-child(4n+1){background: #F7F7F7;}
.proCqxq-table li:nth-child(4n+2){background: #F7F7F7;}

.proTitle{ font-size:16px; line-height:2em; margin-top:15px; font-weight:bolder;}

.cjwt{ width:100%; margin-top:15px; margin-bottom:30px;}
.cjwt .cjwtItem{ width:100%; border-bottom:#EEEEEE solid 1px; font-size:12px; line-height:42px; cursor:pointer;}
.cjwt .cjwtItem .cjwtItemTop span{ color:#333333;}
.cjwt .cjwtItem .cjwtItemBot{ color:#999999; display:none;}
.cjwt .cjwtItem .cjwtItemBot span{ color:#333333;}

.proLxwm{ width:100%; display:flex; justify-content:space-around; margin:30px 0;}
.proLxwm .proLxwmItem{ display:flex; flex-direction:column; align-items:center; text-align:center;}
.proLxwm .proLxwmItem .proLxwmImg{ }
.proLxwm .proLxwmItem .proLxwm1{ font-size:16px; margin:10px auto;}
.proLxwm .proLxwmItem .proLxwm2{ font-size:15px;}

.pro .xwzx .xwzxItem{ width:100%;padding-top: 20px;}
.pro .xwzx .xwzxItem .tjList{ margin-bottom:0;}



.shaixuan{ padding:20px; background:#FFFFFF; margin-bottom:15px;}
.shaixuan .shanxuanTop{ display:flex; overflow:auto; padding-bottom:15px;}
.shaixuan .shanxuanTop::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px;}
.shaixuan .shanxuanTop::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#DCDCDC;}
.shaixuan .shanxuanTop::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background:#EEEEEE; cursor:pointer;}

.sxItem{ width:270px; flex-shrink:0; margin-left:25px;}
.sxItem:nth-child(1){ margin-left:0;}
.sxItem .sxItemTop{ display:flex; align-items:center;}
.sxItem .sxItemTop span{ font-size:16px; margin-right:5px; line-height:45px;}
.sxItem .sxItemBot{ border:#E5E5E5 solid 1px; padding:15px; height:180px;}
.sxItem .sxItemBot .sxForm{ height:30px; padding:0 10px; display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; background:#F8F7F7;}
.sxItem .sxItemBot .sxForm input[type="text"]{ width:100%; line-height:28px; background:none; padding-right:10px;}
.sxItem .sxItemBot .sxForm input[type="text"]::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:12px;}
.sxItem .sxItemBot .sxForm input[type="text"]::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:12px;}
.sxItem .sxItemBot .sxForm input[type="text"]::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:12px;}
.sxItem .sxItemBot .sxForm input[type="text"]::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:12px;}
.sxItem .sxItemBot .sxForm input[type="button"]{ width:30px; height:28px; background:url(../images/pr5.png) no-repeat 50%; cursor:pointer; flex-shrink:0;}
.sxItem .sxItemBot .sxList{ width:100%; height:115px; overflow:auto; overflow-y:scroll; background:#F8F7F7;}
.sxItem .sxItemBot .sxList li{ line-height:2em; padding:0 10px; cursor:pointer;}
.sxItem .sxItemBot .sxList li.on{ background:#005FCC; color:#FFFFFF;}
.sxItem .sxItemBot .sxList li:hover{ background:#005FCC; color:#FFFFFF;}
.not {color: #C0BDBD}

.yixuan{ width:80%;  display:flex; flex-wrap:wrap;}
.yixuan li{
    height: 40px;
    border-radius: 3px;
    padding: 0 20px 0 15px;
    font-size: 12px;
    color: #0094E6;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 15px;
    line-height: 40px;
}
.yixuan li:nth-child(1){ margin-left:0;}
.yixuan li img{ position:absolute; right:0; top:0; cursor:pointer;}

.sxBot{ display:flex; justify-content:space-between; align-items:center;}
.sxBot .sxBotJieguo{}
.sxBot .sxBotJieguo span{ color:#BF0000;}
.sxBot .sxBotIcon{ display:flex; align-items:center; font-size:12px; line-height:28px; text-align:center;}
.sxBot .sxBotIcon .sxBotIcon1{ width:84px; height:30px; border:#BFBFBF solid 1px; border-radius:5px; background:#E5E5E5;cursor:pointer;}
.sxBot .sxBotIcon .sxBotIcon2{ width:84px; height:30px; border:#005FCC solid 1px; border-radius:5px; color:#005FCC; margin-left:17px;cursor:pointer;}

.liebiaoTop{ padding:12px 17px; background:#EEEEEE; display:flex; justify-content:space-between; align-items:center; background:#FFFFFF;}
.liebiaoTop .lbtLeft{ display:flex; align-items:center; cursor:pointer;}
.liebiaoTop .lbtLeft .lbtLeft1{ width:100px; height:34px; text-align:center; line-height:34px; background:#005FCC; color:#FFFFff; margin-right:25px;}
.liebiaoTop .lbtLeft .lbtLeft2{ width:100px; height:34px; text-align:center; line-height:34px; background:#ffffff; border:#E5E5E5 solid 1px;}
.liebiaoTop .lbtRight{}
.liebiaoTop .lbtRight span{ color:#BF0000;}

.proList{ padding:20px 20px 55px; background:#FFFFFF;margin: 0 auto 40px auto;}

.proItem{ width:100%; padding:30px 0 20px 0; display:flex; justify-content:space-between; border-bottom:#E6E7E9 solid 1px;}
.proItem .proItemImg{ width:150px; display: inline-block; position:relative; background: #FAF9F9;}
.proItem .proItemImg:before{ padding-top:100%; content:''; display:block;}

.proItem .proItemShuju{display: inline-block; margin-left: 16px}
.proItem .proItemShuju .proItemShuju1{ line-height:2.2em; font-weight:bolder;}
.proItem .proItemShuju .proItemShuju2{}
.proItem .proItemShuju .proItemShuju2 tr{}
.proItem .proItemShuju .proItemShuju2 tr td{ height:26px; font-size:12px; color:#999999; padding-right:15px; width:225px;}
/*
.proItem .proItemShuju .proItemShuju2 tr td:nth-child(1){}
.proItem .proItemShuju .proItemShuju2 tr td:nth-child(2){ width:165px;}
.proItem .proItemShuju .proItemShuju2 tr td:nth-child(3){ width:100px;}
*/
.proItem .proItemShuju .proItemShuju2 tr td span{ color:#333333;}

.proItem .proItemJg{ font-size:12px; width:fit-content;}
.proItem .proItemJg .proItemJg1{ color:#BF0000; text-align:center; margin-bottom:10px;}
.proItem .proItemJg .proItemJg2{ font-size:12px; line-height:2em;}

.proItem .proItemCaozuo{ display:flex; flex-direction:column; align-items:center; justify-content: center;}
.proItem .proItemCaozuo .caozuoDown{ margin-bottom:15px; display:flex; align-items:center;}
.proItem .proItemCaozuo .caozuoDown img{ margin-right:5px;}
.proItem .proItemCaozuo .caozuoGwc{ display:block; font-size:12px; width:84px; height:30px; line-height:28px; text-align:center; border:#BF0000 solid 1px; border-radius:5px; color:#BF0000; margin-bottom:15px;}
.proItem .proItemCaozuo .caozuoXun{ display:block; font-size:12px; width:84px; height:30px; line-height:28px; text-align:center; background:#e62129; border-radius:5px;color: #FFF}
.caozuoXun:hover{
    background: #BF0000!important;
}
.proItem .proItemCaozuo .caozuoGwc:hover{color: #FFF;background: #e62129}
.mfyp{ background:#FFFFFF; padding:25px 30px 25px 15px; margin-bottom:40px;}

.pageTitle{ font-weight:bolder; font-size:18px; margin-bottom:30px;}

.lxxxForm{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.lxxxForm .formLeft{ width:calc( 50% - 40px); display:table;}
.lxxxForm .formLeft .formRow{ display:table-row;}
.lxxxForm .formLeft .formRow .formRowLeft{ display:table-cell; width:90px; text-align:right; vertical-align:middle; height:60px; white-space:pre;}
.lxxxForm .formLeft .formRow .formRowLeft span{ color:#FE0D0D;}
.lxxxForm .formLeft .formRow .formRowRight{ display:table-cell; height:60px; vertical-align:middle; padding-left:20px; width: calc( 100% - 90px);}
.lxxxForm .formLeft .formRow .formRowRight input{ width:100%; height:32px; border:#E5E5E5 solid 1px; padding:0 15px; line-height:30px;}
.lxxxForm .formRight{ width:calc( 50% - 40px); display:flex; height: fit-content;}
.lxxxForm .formRight .formRight1{ line-height:60px; white-space:pre;}
.lxxxForm .formRight .formRight2{ display:flex; flex-wrap:wrap; width:100%;}
.lxxxForm .formRight .formRight2 li{ width:calc( 25% - 10px); margin-left:10px; position:relative; overflow:hidden; margin-bottom:10px; background:#FAF9F9;}
.lxxxForm .formRight .formRight2 li:before{ padding-top:100%; content:''; display:block;}


.lxxxForm .formBottom{ display:flex; justify-content:center; align-items:center; width:100%; margin-top:15px;}
.lxxxForm .formBottom input[type="submit"]{ display:block; font-size:16px; width:120px; height:36px; line-height:34px; text-align:center; border:#005FCC solid 1px; border-radius:5px; color:#005FCC; cursor:pointer; background:#FFFFFF;}

{}

.zmsyFooter{ background:#FFFFFF; overflow:hidden;}

{}


.xscp.xscp2{ margin-bottom:100px; padding-bottom:30px; width:1200px;}
.xscp.xscp2 .xscpList.xscpList2{ flex-wrap:wrap; display:flex;}
.xscp.xscp2 .xscpList.xscpList2 .xscpItem{ width:calc( 20% - 28px); margin-bottom:30px;}

.cart{ background:#FFFFFF; display:table;}
.cart .cartTop{ display:table-row;}
.cart .cartTop div{ background:#EEEEEE; vertical-align:middle; height:60px; display:table-cell;}
.cart .cartTop div:nth-child(1){ font-size:18px; color:#005FCC; padding-left:20px;}
.cart .cartTop div:nth-child(2){}
.cart .cartTop div:nth-child(3){}
.cart .cartTop div:nth-child(4){ text-align:center;}
.cart .cartTop div:nth-child(5){ text-align:center;}

.cart .cartList{ display:table-row; width:100%;}
.cart .cartList .cartListItem{ display:table-cell; vertical-align:middle; padding:30px 20px;}

.cartListYi{ display:flex;}
.cartListYi .cartListCheck{ width:50px; flex-shrink:0;}
.cartListYi .cartListCheck input{ cursor:pointer;}
.cartListYi .cartListImg{ width:100px; flex-shrink:0; position:relative; background:#EEEEEE;}
.cartListYi .cartListImg:before{ padding-top:100%; display:block; content:'';}

.cartListEr{}
.cartListEr .cartListTitle{ line-height:48px;}
.cartListEr .cartListShuju{}
.cartListEr .cartListShuju tr{}
.cartListEr .cartListShuju tr td{ width:225px; font-size:12px; color:#999999; line-height:26px;}
.cartListEr .cartListShuju tr td span{ color:#333333;}

.cartListSan{}
.cartListSan .cartListShuzi{ width:105px; height:24px; border:#E5E5E5 solid 1px; display:flex;}
.cartListSan .cartListShuzi .jian{ width:24px; text-align:center; line-height:22px; border-right:#E5E5E5 solid 1px; cursor:pointer; flex-shrink:0;}
.cartListSan .cartListShuzi .shuzi{ width:calc( 100% - 48px);}
.cartListSan .cartListShuzi .shuzi input{ width:100%; text-align:center; line-height:22px; padding:0 5px;}
.cartListSan .cartListShuzi .jia{ width:24px; text-align:center; line-height:22px; border-left:#E5E5E5 solid 1px; cursor:pointer; flex-shrink:0;}
.cartListSan .cartListShuzi2{ font-size:12px; line-height:22px; color:#999999; margin:5px 0;}


.cartListSi{ text-align:center; font-size:12px; color:#BF0000;}

.cartListWu{ text-align:center; font-size:12px; color:#BF0000; cursor:pointer;}

.cartBot{ height:74px; background:#EEEEEE; display:flex; align-items:center; justify-content:space-between; padding:0 20px; margin-bottom:30px;}
.cartBot .cartBotLeft{ display:flex; align-items:center;}
.cartBot .cartBotLeft label{ display:flex; align-items:center; cursor:pointer; margin-right:15px;}
.cartBot .cartBotLeft label input{ margin-right:5px; cursor:pointer;}
.cartBot .cartBotLeft .plsc{ padding:0 7px; line-height:24px; background:#FFFFFF; text-align:center; cursor:pointer;}
.cartBot .cartBotRight{ display:flex; align-items:center;}
.cartBot .cartBotRight .cartBotRight1{ display:flex; align-items:baseline; margin-right:50px;}
.cartBot .cartBotRight .cartBotRight1 span{ font-size:24px; color:#BF0000;}
.cartBot .cartBotRight .cartBotRight2{ width:112px; line-height:40px; background:#BF0000; text-align:center; color:#FFFFFF; font-size:18px; cursor:pointer;}

.tc{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(0,0,0,0.40); align-items:center; justify-content:center;}

.shdd{ width:440px; background:#FFFFFF; position:relative;}
.closeTc{ position:absolute; right:20px; top:20px; cursor:pointer;}

.tcBox{  transition:all ease 0.75s;}
.tc.on .tcBox{ opacity:1;}

.shddNei{ display:flex; flex-direction:column; align-items:center; padding:60px 0;}
.shddNei .shdd1{ text-align:center; font-size:20px;}
.shddNei .shdd2{ text-align:center; margin:30px auto 40px;}
.shddNei .shdd3{ text-align:center; color:#999999;}

{}

.orderDetails{ background:#FFFFFF; margin-bottom:40px; padding:25px 15px 85px;}
.odTitle{ background:#E5E5E5; padding:0 16px; line-height:38px;}
.odTitle span{ color:#FF2127;}

.spxx{ padding:20px 15px 30px; display:flex; justify-content:space-between;}
.spxx .spxxLeft{ display:flex;}
.spxx .spxxLeft .spxxImg{ width:76px; height:76px; margin-right:20px; position:relative; background:#eee;}
.spxx .spxxLeft .spxxText{ font-size:12px; line-height:2em; color:#999999;}
.spxx .spxxLeft .spxxText .spxxTextTitle{ font-size:14px; color:#333333;}
.spxx .spxxRightP{ font-size:18px;}

.mess{ padding:20px 15px 30px; line-height:2em;}
.mess span{ color:#999999;}

.fpxx{ padding:20px 15px 30px; display:flex; align-items:center;}
.fpxx li{ width:150px; height:30px; border-radius:5px; margin-right:20px; cursor:pointer; line-height:28px; text-align:center; border:#E5E5E5 solid 1px; font-size:12px;}
.fpxx li.on{ color:#005FCC; border:#005FCC solid 1px;}
.fpxx li:hover{ color:#005FCC; border:#005FCC solid 1px;}

.mess2{ padding:20px 15px 30px;}
.mess2 .mess2Item{ display:flex; align-items:center; justify-content:space-between;}
.mess2 .messLeft2{ font-size:12px; color:#999999; line-height:32px;}
.mess2 .messRight2{ font-size:13px;}
.mess2 .messRight2 span{ font-size:20px; color:#FF2127;}

{}


.placeOrder{ background:#FFFFFF; margin-bottom:40px; padding:25px 15px 45px;}
.placeOrder .xscpTitle{ font-size:18px; line-height:2em;}

.po{ margin:30px 0;}
.po .po1{ padding-left:30px; background: url(../images/tjdd2.png) no-repeat 0 50%; color:#F77103;}
.po .po2{ padding-left:30px; line-height:2em; margin:10px 0;}

.xscpTitle2{ font-size:16px; line-height:2em; padding:15px;}

.shrxx{ width:100%; display:flex; flex-wrap:wrap;}

.addShr{ cursor:pointer; display:flex; flex-direction:column; align-items:center; text-align:center; width:90px;}
.addShr .addShr1{ margin-top:18px;}
.addShr .addShr2{ font-size:12px; line-height:4em;}

.addrBox{ width:285px; margin:20px 7px 30px; border:#DCDCDC dashed 1px; padding:0 15px; position:relative;}
.addrBox .addrBoxTop{ width:100%; display:flex; justify-content:space-between; align-items:center; height:42px; border-bottom:#DCDCDC dashed 1px;}
.addrBox .addrBoxTop .addrName{ font-weight:bolder;}
.addrBox .addrBoxTop .addrRev{ font-size:12px; color:#005FCC; cursor:pointer;}
.addrBox .addrBoxBot{ padding:10px 0; font-size:12px; line-height:2em;}
.addrBox .addrBoxStyle{ position:absolute; bottom:0; right:0; opacity:0;}
.addrBox.on .addrBoxStyle{ opacity:1;}

.psfs{ font-size:13px; line-height:2em; padding: 20px 15px 30px;}

.payType{ padding: 20px 15px 30px; border-bottom:#E5E5E5 solid 1px;}
.payType .payTypeItem{ width:100%; margin-bottom:25px; display:flex; flex-direction:column;}
.payType .payTypeItem .payTypeTitle{ width:100%; line-height:2.5em; font-weight:bolder;}
.payType .payTypeItem .payTypeBot{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.payType .payTypeItem .payTypeBot div{ display:flex; align-items:center; }
.payType .payTypeItem .payTypeBot div img{ margin-right:10px;}
.payType .payTypeItem .payTypeBot input{ cursor:pointer;}

.orderBot{ width:100%; display:flex; justify-content:space-between;}

.orderBotRight{ display:flex; flex-direction:column; align-items:flex-end; padding:0 15px;}

.orderPrice{ display:table; margin:25px 0 0 0;}
.orderPrice .orderPriceRow{ display:table-row;}
.orderPrice .orderPriceRow .orderPriceCol{ display:table-cell; line-height:30px; font-size:12px; width:170px; text-align:right;}
.orderPrice .orderPriceRow .orderPriceCol.red{ font-size:20px; color:#FF2127; font-weight:bolder;}

.sytk{ display:flex; align-items:center; font-size:12px; cursor:pointer; margin:20px 0;}
.sytk span:nth-child(2){ margin:0 5px;}
.sytk span:nth-child(3){ color:#005FCC;}

.tjdd{ width:115px; line-height:40px; color:#FFFFFF; font-size:20px; background:#005FCC; border-radius:5px; cursor:pointer; text-align:center;}

.smzf{ width:420px; border-radius:10px; background:#FFFFFF; padding:30px 50px; text-align:center;}
.smzf .smzf1{ color:#FF2127; line-height:2em; font-size:28px;}
.smzf .smzf2{ font-size:18px; line-height:3em;}
.smzf .smzf4{ font-size:12px; color:#FF2127; margin-top:20px;}

.zfcg{ width:90%; max-width:610px; background:#FFFFFF; padding:60px 0; border-radius:10px; position:relative;}
.zfcg .zfcgNei{ display:flex; flex-direction:column; align-items:center;}
.zfcg .zfcgNei .zfcg1{ font-size:26px;}
.zfcg .zfcgNei .zfcg2{ margin:65px 0;}
.zfcg .zfcgNei .zfcg3{ font-size:18px; margin-bottom:30px;}
.zfcg .zfcgNei .zfcg4{ width:350px; line-height:50px; text-align:center; color:#fff; background:#C00000; font-size:20px; cursor:pointer;}


{}


.about{ background:#FFFFFF; padding:40px 50px 80px 30px; margin-bottom:80px; display:flex;}
.aboutLeft{ flex-shrink:0; width:215px; border:#E5E5E5 solid 1px; margin-right:50px; height:fit-content;}
.aboutLeft .aboutMenu{}
.aboutLeft .aboutMenu .aboutMenuTitle{ font-size:17px; padding:0 20px; line-height:40px; background:#E5E5E5;}
.aboutLeft .aboutMenu .aboutMenuDrop{ display:flex; flex-direction:column; padding:10px 20px;}
.aboutLeft .aboutMenu .aboutMenuDrop a{ font-size:13px; line-height:36px; color:#222222;}
.aboutLeft .aboutMenu .aboutMenuDrop a.on{ color:#005FCC;}
.aboutLeft .aboutMenu .aboutMenuDrop a:hover{ color:#005FCC;}

.aboutPageTitle{ font-size:22px; font-weight:bolder; padding-bottom:25px; border-bottom:#E5E5E5 solid 1px; }
.aboutContent{ font-size:16px; line-height:34px; padding:20px 0;}

{}


.memberBody{ padding:40px 35px; background:#FFFFFF; margin-bottom:100px; display:flex;}

.memberLeft{ width:215px; margin-right:20px; flex-shrink:0; padding:0 15px; border:#E5E5E5 solid 1px; height:fit-content;}
.memberLeft .memberTitle{ border-bottom:#E5E5E5 dotted 1px; line-height:60px; font-size:18px; font-weight:bolder;}
.memberLeft .memberMenu{ display:flex; flex-direction:column; margin:10px 0;}
.memberLeft .memberMenu a{ font-size:16px; line-height:3em;}
.memberLeft .memberMenu a.on{ color:#005FCC;}
.memberLeft .memberMenu a:hover{ color:#005FCC;}

.memberRight{ width:calc( 100% - 235px);}

.pageTop{ width:100%; background:#EEEEEE; display:flex; align-items:center; justify-content:space-between; height:44px;}
.pageTop .pageTopLeft{ font-size:18px; padding-left:30px;}



.basicTitle{ padding:0 25px; line-height:45px; border-bottom:#E5E5E5 dashed 1px; font-size:15px; font-weight:bolder;}
.basic{ width:100%; margin:15px 0 50px 0; padding-left:30px;}
.basic .basicTx{ width:58px; height:58px; border-radius:58px; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:20px 0;}
.basic .basicTitle1{ display:flex; align-items:center; height:30px;}
.basic .basicTitle1 span:nth-child(1){ color:#999999;}
.basic .basicTitle1 img{ cursor:pointer; margin-left:10px;}

.changePass{ width:430px; background:#FFFFFF; padding:0 40px;}
.changePassTitle{ font-size:13px; text-align:center; font-weight:bolder; line-height:60px; border-bottom:#eee dashed 1px;}
.changePassForm{ display:table; width:100%; margin-top:25px;}
.changePassForm .changeFormRow{ display:table-row;}
.changePassForm .changeFormRow .changeFormLeft{ display:table-cell; vertical-align:middle; height:48px; font-size:12px; color:#999999; width:90px;}
.changePassForm .changeFormRow .changeFormLeft span{ color:#FF0000;}
.changePassForm .changeFormRow .changeFormRight{ display:table-cell; vertical-align:middle; height:48px;}
.changePassForm .changeFormRow .changeFormRight input{ width:100%; height:30px; border:#EEEEEE solid 1px; padding:0 7px; line-height:28px;}
.changePassForm .changeFormRow .changeFormRight input[type="submit"]{ width:160px; line-height:36px; height:36px; background:#005FCC; color:#FFFFFF; font-size:16px; cursor:pointer; margin:15px 0 30px; cursor:pointer;}

.jindu{ height:12px; padding:3px 8px; background:#F4F4F4; border-radius:10px; margin-top:25px;}
.jindu .jindutiao{ width:25%; background:#FFA940; height:6px; border-radius:10px;}

.jinduNum{ display:flex; justify-content:space-between; align-items:center;}
.jinduNum li{ margin-top:10px;}
.jinduNum li.on{ color:#FFA940;}

.messForm{ display:table; margin-top:30px;}
.messForm .messFormRow{ display:table-row;}
.messForm .messFormRow .messFormLeft{ display:table-cell; width:110px; padding-right:10px; text-align:right; height:48px; vertical-align:middle;}
.messForm .messFormRow .messFormCenter{ display:table-cell; vertical-align:middle; text-align:center;}
.messForm .messFormRow .messFormCenter input{ width:400px; height:34px; border:#E5E5E5 solid 1px; padding:0 15px; line-height:32px; text-align:left;}
.messForm .messFormRow .messFormCenter input[type="submit"]{ width:120px; line-height:40px; height:40px; text-align:center; background:#005FCC; color:#FFFFFF; font-size:16px; cursor:pointer; margin:75px auto 60px; cursor:pointer; border-radius:5px;}
.messForm .messFormRow .messFormRight{ display:table-cell; vertical-align:middle; padding-left:12px;}

{}


.pageTop .pageTopRight{ display:flex; align-items:center; padding-right:28px;}
.pageTop .pageTopRight .pageTopItem{ margin-left:25px; display:flex; align-items:center; cursor:pointer; color:#666666;}
.pageTop .pageTopRight .pageTopItem img{ margin-right:3px;}

.fgx{ border-bottom:#E5E5E5 dashed 1px; margin:30px 0;}

.fpglTable{ width:100%;}
.fpglTable tr{}
.fpglTable tr th{ background:#EEEEEE; height:44px; font-size:15px; text-align:left; padding:0 10px; white-space:pre;}
.fpglTable tr th:nth-child(1){ width:54px; text-align:center;}
.fpglTable tr th:nth-child(1) input{ cursor:pointer;}
.fpglTable tr th:nth-child(6){ text-align:center;}
.fpglTable tr td{ background:#FFFFFF; height:54px; border-bottom:#EEEEEE solid 1px; font-size:12px; color:#666666;}
.fpglTable tr td div{ padding:0 10px;}
.fpglTable tr td:nth-child(1){ width:54px; text-align:center;}
.fpglTable tr td:nth-child(1) input{ cursor:pointer;}
.fpglTable tr td:nth-child(2){ color:#333333;}
.fpglTable tr td:nth-child(6){ text-align:center;}

.caozuo{ display:flex; align-items:center; justify-content:center; margin:0 auto;}
.caozuo .change{ color:#005FCC; margin:0 5px; white-space:pre; cursor: pointer}
.caozuo .del{ color:#DF0106; margin:0 5px; white-space:pre;cursor: pointer}

.swmr{ padding-left:15px !important; color:#999999; background:url(../images/mr2.png) no-repeat 0 50%; cursor:pointer; white-space:pre;}
.swmr.on{ background:url(../images/mr.png) no-repeat 0 50%;}

{}

.addBill{width:550px;position:relative;top: 50%;background:#FFFFFF;left: 50%;transform: translate(-50%, -50%);}
.addBill .closeTc{ top:15px;}
.addBill .changePassForm{ padding:0 80px;}
.addBill .changePassForm .changeFormRow .changeFormLeft{ text-align:right;}
.changePassTitle2{ line-height:40px; background:#F2F2F2; text-align:center;}

{}

.ddglTop{ display:flex; justify-content:space-around; border-bottom:#E5E5E5 solid 1px; margin-bottom:40px;}
.ddglTop .ddglTopItem{ display:flex; align-items:center; flex-direction:column; padding-bottom:10px; border-bottom:rgba(0,0,0,0.00) solid 2px; cursor:pointer;}
.ddglTop .ddglTopItem.on{ border-bottom:#005FCC solid 2px;}
.ddglTop .ddglTopItem .ddglTopTop{ padding:40px 0 5px; text-align:center;}
.ddglTop .ddglTopItem .ddglTopTop img{ display:none;}
.ddglTop .ddglTopItem .ddglTopTop img:nth-child(1){ display:block;}
.ddglTop .ddglTopItem.on .ddglTopTop img:nth-child(1){ display:none;}
.ddglTop .ddglTopItem.on .ddglTopTop img:nth-child(2){ display:block;}
.ddglTop .ddglTopItem .ddglTopText{ display:flex; align-items:center; font-size:12px;}

.ddglTable{}
.ddglTable{ width:100%;}
.ddglTable tr{}
.ddglTable tr th{ background:#EEEEEE; height:44px; padding:0 20px; font-size:15px; text-align:left; white-space:pre;}
.ddglTable tr td{ background:#FFFFFF; height:54px; padding:0 20px; font-size:12px; border-bottom:#EEEEEE solid 1px; color:#666666;}
.ddglTable tr td:nth-last-child(1) div{ white-space:pre;}

.shz{color:#E4073B;}
.dfk{color:#FFA940;}
.dfh{color:#005FCC;}
.ywc{color:#3ACC00;}

{}


.addAddress{width: 550px;position: absolute;background: #FFFFFF;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.addAddress .closeTc{ top:15px;}
.addAddress .changePassForm{ padding:0 80px;}
.addAddress .changePassForm .changeFormRow .changeFormLeft{ text-align:right;}

.dzglTable{ width:100%;}
.dzglTable tr{}
.dzglTable tr th{ background:#EEEEEE; height:44px; font-size:15px; text-align:left; white-space:pre; padding:0 10px;}
.dzglTable tr th:nth-child(1){ width:54px; text-align:center;}
.dzglTable tr th:nth-child(1) input{ cursor:pointer;}
.dzglTable tr th:nth-child(5){ text-align:center;}
.dzglTable tr td{ background:#FFFFFF; height:54px; border-bottom:#EEEEEE solid 1px; font-size:12px; color:#666666;}
.dzglTable tr td div{ white-space:pre; padding:0 10px;}
.dzglTable tr td:nth-child(1){ width:54px; text-align:center;}
.dzglTable tr td:nth-child(1) input{ cursor:pointer;}
.dzglTable tr td:nth-child(5){ text-align:center;}

{}

.login{ display:flex; margin:100px auto 40px;}
.login .loginLeft{ width:50%;}
.login .loginRight{ width:50%; display:flex; justify-content:center; align-items:center; background:#FFFFFF;}

.logbox{ width:94%; max-width:400px;}
.logbox .logbox1{ font-size:24px; font-weight:bolder; text-align:center; margin-bottom:60px;}
.logbox .logbox2{ width:100%;}
.logbox .logbox2 .inpBox21{ width:100%; border:#E5E5E5 solid 1px; display:flex; align-items:center; padding:0 20px; height:50px; margin-bottom:25px; position:relative;}
.logbox .logbox2 .inpBox21 img{}
.logbox .logbox2 .inpBox21 input{ padding:0 15px; line-height:48px; height:48px;}
.logbox .logbox2 .inpBox21 a{ position:absolute; top:50%; right:18px; transform:translateY(-50%); color:#C00000;}
.logbox .logbox2 .inpBox22{}
.logbox .logbox2 .inpBox22 input{ width:100%; background:#005FCC; color:#FFFFFF; font-size:16px; line-height:50px; cursor:pointer; border-radius:5px;}
.logbox .logbox3{ text-align:center; margin:25px auto 80px;}
.logbox .logbox3 a{ color:#005FCC; display:inline-block; font-size:18px;}
.logbox .logbox4{ text-align:center; color:#E2E2E2; margin-bottom:35px;}
.logbox .logbox5{ height:1px; background:#EEEEEE; width:100%; display:flex; justify-content:center; align-items:center;}
.logbox .logbox5 a{ display:flex; justify-content:center; align-items:center; padding:0 20px; background:#FFFFFF;}

{}


.bom{ padding:30px 30px 20px; background:#FFFFFF; margin-bottom:15px;}

.bomTop{ width:100%; display:flex; align-items:center; margin-bottom:20px;}
.bomTop li{ cursor:pointer;margin-right:25px; padding:0 15px; line-height:40px; text-align:center; border:#E5E5E5 solid 1px; font-size:15px;}
.bomTop li.on{ background:#005FCD; color:#FFFFFF;}

.bomTab{ width:100%;}
.bomTab tr{}
.bomTab tr th{ width:calc( 100% / 6); background:#EEEEEE; line-height:48px; text-align:center; font-weight:bolder;}
.bomTab tr td{ width:calc( 100% / 6); padding:5px; }
.bomTab tr td div{ width:100%; height:40px;}
.bomTab tr td div input{ width:100%; height:100%; text-align:center; line-height:40px; border:#EEEEEE solid 1px;}
.bomTab tr td:nth-last-child(1) div input{ color:#F50404; background:#FFFFFF; cursor:pointer;}

.bomBot{ display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.bomBot .addBom{ width:100px; height:36px; border:#E5E5E5 solid 1px; border-radius:5px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.bomBot .addBom img{ margin-right:5px;}

.lxxx{ background:#FFFFFF; margin-bottom:80px; padding:25px 15px 40px;}
.lxxx .lxxxTitle{ font-size:18px; font-weight:bolder;}

.lxForm{ display:flex; flex-wrap:wrap; margin-top:40px;}
.lxForm .lxFormLeft{ width:50%; padding:0 15px 0 0; display:table;}
.lxForm .inpBox1{ display:table-row;}
.lxForm .inpBox1 .inpBox11{ width:100px; text-align:right; display:table-cell; vertical-align:middle; padding-right:20px;}
.lxForm .inpBox1 .inpBox11 span{ color:#FE0D0D;}
.lxForm .inpBox1 .inpBox12{ display:table-cell; height:60px; vertical-align:middle;}
.lxForm .inpBox1 .inpBox12 input{ width:100%; height:32px; border:#E5E5E5 solid 1px; border-radius:5px; padding:0 15px; line-height:30px;}

.lxForm .lxFormRight{ width:50%; padding:0 15px 0 0; display:table;}
.lxForm .inpBox2{ display:table-row;}
.lxForm .inpBox2 .inpBox11{ vertical-align:top; display:table-cell; line-height:60px; text-align:right; padding-right: 20px;}
.lxForm .inpBox2 .inpBox12{ vertical-align:top;}
.lxForm .inpBox2 .inpBox12 textarea{ width:100%; height:152px; border:#E5E5E5 solid 1px; border-radius:5px; padding:0 15px; margin: 14px 0 10px 0;}

.lxFormBot{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.lxFormBot input{ width:120px; line-height:34px; height:36px; text-align:center; border:#005FCC solid 1px; border-radius:5px; cursor:pointer; margin:0 auto; background:#FFFFFF; font-size:16px; color:#005FCC; font-weight:bolder;}

{}

.box{ overflow-x:auto; width:100%;}


@media screen and (min-width:1200px){

.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.top1{ display:none;}
.top2{ display:none;}
.cb{ display:none;}
.fo2 .foLeft2{ display:none;}
.moTop{ display:flex;}

.footer{ padding-top:1%;}

.fo1{ display:none;}

.fo2 .foRight2{ width:100%; border:none;}

.fo3{ flex-direction:column; padding:5%; text-align:center; height:auto;}
.fo3 .foRight3{ flex-direction:column;}

.about{ flex-direction:column-reverse; padding:5%;}
.aboutLeft{ width:100%; margin:5% 0;}

.loginBox{ padding:5%;}

.loginForm{ display:flex; flex-direction:column;}
.loginForm .formRow{ display:flex; flex-direction:column;}
.loginForm .formRow .formRowLeft{ width:100%; text-align:left; height:40px;}
.loginForm .formRow .formRowRight{ padding-left:0; margin-bottom:20px;}

.yzm{ width: 212px;}

.loginForm .formRow .formRowLeft.zhanwei{ display:none !important;}
.tijiao{ text-align:center;}
.inp3{ margin:0 auto;}

.isok .isok1{ margin-top:40px;}
.isok .isok2{ margin:40px auto;}
.isok .isok4 a{ max-width:80%; margin:20px auto 40px;}

.bom{ padding:5%;}

.bomTab { width: 800px; }

.lxForm .lxFormLeft{ width:100%;}
.lxForm .lxFormRight{ width:100%;}

.cartBot {flex-direction: column;
    height: auto;
    align-items: flex-start;
    padding: 5%;
}

.xscp.xscp2 .xscpList.xscpList2 .xscpItem { width: calc( 100% - 28px);}

.zfcg .zfcgNei .zfcg4{ max-width:80%; margin:0 auto;}

.index1 {flex-direction: column;}
.index1 .indexCenter1{ width:100%; margin:15px 0;}
.index1 .indexRight1{ width:100%;}

.indexItemBox .indexProductItem {  width: calc( 100% - 28px);}

.xwzx{flex-direction: column;}
.xwzx .xwzxItem{ width:100%;}
.xwzx .xwzxItem .xwzxItemTitle{ padding:0 3%;}
.xwzx .xwzxItem .tjList a{ padding:0 3%;}
.indexItem .indexItemTitle{ padding:3%;}

.liebiaoTop{flex-direction: column; align-items:flex-start;}
.liebiaoTop .lbtRight { margin-top: 25px;}



.paging{ overflow-x:auto; justify-content:flex-start;}
.paging .num{ white-space:pre;}

.proItem .proItemImg{ width:100%;}
.proItem .proItemShuju .proItemShuju2 { width: 600px;}
.proItem .proItemCaozuo { display: flex; margin-top:25px; justify-content: space-between;}
.proItem .proItemCaozuo .caozuoDown{ margin-bottom:0;}
.proItem .proItemCaozuo .caozuoGwc{ margin-bottom:0;}

.proItem .proItemShuju .box{ padding:30px 0;}

.login .loginLeft{ display:none; }
.login .loginRight{ padding:35px 5%; width:100%;}
.logbox .logbox3{ margin-bottom:35px;}

.memberBody{ flex-direction:column; padding:5%;}
.memberRight{ width:100%;}
.memberLeft{ width:100%; margin:5% 0;}

.messForm{ display:flex; flex-direction:column;}
.messForm .messFormRow{ display:flex; flex-direction:column;}
.messForm .messFormRow .messFormLeft{ height:auto; text-align:left;}
.messForm .messFormRow .messFormCenter input{ width:100%; margin:10px 0;}

.addBill{ max-width:90%;}
.addBill .changePassForm{ padding:0 5%;}

.lxxxForm .formLeft{ width:100%;}
.lxxxForm .formRight{ width:100%; flex-direction:column;}

.news{ flex-direction:column-reverse; padding:5%;}
.news .newsLeft{ width:100%; margin-right:0;}
.newsItem{ flex-direction:column;}
.newsItem .newsImg{ width:100%; margin-bottom:25px;}
.newsItem .newsText .newsSmall{ margin:10px 0;}

.newsDetail{ flex-direction:column;}
.newsDetail .ndLeft{ padding:0 5%;width: 100%;}
.newsDetail .ndRight{ margin:5% 0; width:100%;}
.newsDetail .ndLeft .ndSome .ndSomeLeft{ margin-bottom:10px;}
.newsDetail .ndLeft .ndSome { flex-direction: column; align-items: flex-start; padding:5%; height:auto;}

.newsTuijian .tjList a{ padding:0 5%; width:100%;}

.cpxqTop{ padding:5%; flex-wrap: wrap}
.tuku{ width:45%;}
.tuku .datu{ margin:0 auto;}
.tuku .xiaotu{ margin:20px auto;}

.cpxqTopCenter{ width:45%;}
.cpxqTopCenter .ctcSmall{ padding:5%; flex-direction:column;}
.cpxqTopRight{ margin:5% 0; width:100%;}

.pro{ flex-direction:column;}
.pro .proRight{ width:100%; margin:5% 0;}

.proSel{ overflow:auto;}
.pro.on .proSelBox{ padding-right:30px;}

.catalogueTop{ flex-direction: column-reverse; align-items:flex-start;}
.catalogueTop .catalogueForm{ width:100%; margin-bottom:20px;}

.catalogueSel .catalogueSelBox{ overflow:auto;}

.catalogueItem .catalogueItemBot a{ width:50%;}

.zmsyList a{ width:100%;}

.zmsy {flex-direction: column;}
.zmsy .zmsyLeft{ margin-bottom:20px;}
.zmsy .zmsyRight a{ line-height:2em;}

.proSel div{ white-space:pre; margin-right:10px;}
.proLxwm{flex-direction: row}
.proLxwm .proLxwmItem{ width: 33%;}

}
@media screen and (max-width:770px){





}
@media screen and (max-width:640px){
    .cpxqTop{ padding:5%; flex-wrap: wrap}
    .tuku{ width:100%;}
    .cpxqTopCenter{ width:100%;}
    .cpxqTopRight{ margin:5% 0; width:100%;}
    .proCqxq-table li{
        width: 100%;
    }
    .proCqxq-table li:nth-child(4n+2) {
        background: none;
    }
    .proCqxq-table li:nth-child(2n-1){
        background: #F7F7F7!important;
    }
    .proLxwm {
        flex-wrap: wrap;
    }
    .proLxwm .proLxwmItem{
        width: 100%;
    }
}
@media screen and (max-width:420px){

    .xscp .xscpList .xscpItem .xscpItemBot .xscpItemAdd{width: 70px}


}

/**弹窗*/
.popu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.popu-bg {
    background: #000000;
    opacity: 0.7;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.popuOpen {
    width: 400px;
    height: 200px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    padding: 7px;
}
.popuOpen .popuOpen-close {
    text-align: right;
    height: 13px;
    cursor: pointer;
    color: #A0A0A0;
}
.popuOpen .popuOpen-title {
    width: 64px;
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-left: 20px;
}
.popuOpen .popuOpen-content {
    text-align: center;
    font-size: 16px;
    margin-top: 40px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 45px;
}
.popuOpen .popuOpen-content .content-img {
    width: 22px;
    height: 22px;
}
.popuOpen .popuOpen-content div {
    display: inline-block;
}
.popuOpen .popuOpen-content .content-img img {
    width: 100%;
    height: 100%;
}
.popu-button {
    text-align: right;
}
.popu-button div {
    display: inline-block;
}
.popu-button .popu-button-cancel {
    width: 92px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    cursor: pointer;
}
.popu-button .popu-button-confim {
    width: 92px;
    height: 40px;
    background: #E62129;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 5px;
}

#orders{
    width: 1200px;
    margin: 0 auto 40px auto;
    min-height: 800px;
    background: #FFF;
    padding-bottom: 20px;
}

#orders .addrs{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#orders .one-addr{
    width: 23%;
    border: 2px #eee dotted;
    margin: 20px 1%;
    position: relative;
}
#orders .people{
    position: relative;
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
#orders .people a{
    position: absolute;
    right: 0;
    color: #005FCC;
    cursor: pointer;
}
#orders .addr-detail{
    height: 80px;
}
#orders .addr-detail,#orders .phone{
    padding: 10px;
}
#orders input{
   display: none;
}
#orders .chost{
    position: absolute;
    bottom: -6px;
    right: -6px;
}
.one-addr-active{
    border: 2px dotted #005FCC!important;
}
.express{
    width: 23%;
    border: 2px #eee dotted;
    margin: 20px 1%;
    position: relative;
    text-align: center;
}
.express-active{
    border: 2px  dotted #005FCC!important;
}
.choose-invoice{
    width: 100%;
    display: flex;
    line-height: 40px;
    margin: 10px 0;
}
.pro-title{
    padding: 0 20px;
}
.choose-invoice label{
    width: 120px;
    text-align: center;
    border: 2px dotted #eee;
    margin: 0 15px;
    cursor: pointer;
    position: relative;
}
.one-invoice-active{
    border: 2px  dotted #005FCC!important;
}
.i-Invoice{
    padding:0 10px;
}
.i-account{
    padding-left: 10px;
    padding-right: 48px;
}
.or-one-product{
    display: flex;
}
.or-one-product .name{
    width: 40%;
}
.or-one-product .brand{
    width: 20%;
}
.or-one-product .price{
    width: 10%;
}
.or-one-product .num{
    width: 10%;
}
.or-one-product .counts{
    width: 10%;
}


.page-order-checkout .form-checkout .order-submit .price {
    margin: 15px 0;
    padding: 15px;
    background: #F7F7F7;
}
.price dl {
    font-size: 14px;
}
.price dl dt {
    float: left;
    width: 80%;
    text-align: right;
    line-height: 32px;
}
.page-order-checkout .form-checkout .order-submit .price dl dd {
    float: left;
    width: 20%;
    text-align: right;
    line-height: 32px;
}
.price dl dd em {
    color: #f60;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    font-size: 14px;
}

.price .needpay dd em {
    font-size: 18px;
    color: #E31B23;
    line-height: 30px;
}
.order-submit .checkout-btns .btn-submit {
    background-color: #f02830;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#btnSubmit:focus{
    outline: none;
}
.order_info{
    width: 100%;
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
}
.one-infos{
    width: 23%;
    margin: 0 1%;
    border-right: 1px #eee solid;
    min-height: 200px ;
}
.one-infos:last-child{
    border: none;
}
.infos-title{
    text-align: center;
    padding-bottom: 20px;
    font-weight: 800;
    font-size: 16px;
}
.info-detail{
    line-height: 28px;
}
.info-detail label{
    width: 100px;
}
.info-detail span{
    color: #bf0000;
    font-size: 16px;
}
.wxpay{
    border-radius: 10px;
    height: 350px;
}
.wxpay .popuOpen-title{
    text-align: center;
    width: 100%;
    margin: 0;
    line-height: 40px;
    font-size: 20px;
    color: #e62129;
}
.wxpay .popuOpen-content{
    margin-bottom: 20px;
}
.wxpay .popuOpen-content img{
    width: 180px;
}
.wxpay .desc{
    text-align: center;
    margin-bottom: 20px;
}
.wxpay .popu-button{
    text-align: center;
}


.proItem {
    width: 100%;
    padding: 30px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: #E6E7E9 solid 1px;
}
.pro-a{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}
.pro-a .proItemImg{
    width: 18%;
    display: flex;
    background: #fff;
}
.pro-a .proItemShuju{
    width: 80%
}
.pro-a .proItemShuju .proItemShuju1{
    width: 100%;
}
.pro-a .proItemShuju .box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.pro-a .proItemShuju .box div{
    width: 33%;
    line-height: 30px;
}
.pro-a .proItemShuju .box div:nth-child(3n-1){
    width: 40%;
    line-height: 30px;
}
.pro-a .proItemShuju .box div:nth-child(3n){
    width: 26%;
    line-height: 30px;
}
.pro-a .proItemShuju .box div:last-child{
    width: 50%;
    line-height: 25px;
}
.proItemJg,.proItemCaozuo{
    width: 15%;
}
.attr-a-active{
    color: #e62129;
}
.need-right{
    width: 40%;
    padding: 0 15px 0 0;
    display: table;
}
.need-left{
    width: 60%;
    padding: 0 15px 0 0;
    display: table;
}
.need-title{
    font-size: 20px;
    font-weight: 600;
}
.need-desc{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-top: 15px;
}
.no-title {
    padding: 30px 0;
    text-align: center;
    font-size: 20px;
    color: #005FCC;
    font-weight: 600;
}
.no-desc {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
}
.inpot {
    color: #005FCC;
}
.one-answer {
    line-height: 30px;
    font-size: 16px;
    color: #005FCC;
}
.product-tab{
    display: none;
}
.product-tab-show{
    display: block;
}
.fo4{
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto;
}
.friend-title{
    color: #666;
}
.friend-link{
    margin:0 5px;
    color: #999;
    font-size: 12px;
}
.shares{
    display: flex;
    margin-top: 20px;
}
.shares div{
    margin-right: 15px;
    cursor: pointer;
}
.one-trans{
    display: flex;
    line-height: 30px;
    font-size: 16px;
    padding: 5px 0;
}
.one-trans:nth-child(2n-1){
    background: #eee;
}
.trans-name,.trans-num{
    width: 30%;
    padding: 0 10px;
}
.trans-version{
    width: 40%;
}
.show-img{
    cursor: pointer;
}
.show-big-img{
    position: absolute;
    right: -100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    border: 1px solid #eee;
}
.img-detail{
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
}
.thumbs-img,.share-other{
    display: flex;
}
.share-other{
    line-height: 24px;
}
.share-other div{
    cursor: pointer;
    margin-right: 20px;
}
.share-btn{
    position: relative;
}
.share-btn:hover .show-share{
    display: block;
}
.show-share{
    display: none;
    width: 300px;
    position: absolute
}
.one-thumbs{
    width: 30%;
    margin: 0 1%;
    cursor: pointer;
}
.one-thumbs-active{
    border: 1px solid #eee;
}
.no-price{
    color: #BF0000;
    margin-top: 10px;
    font-size: 12px;
    line-height: 30px;
}
.no-price a{
    font-size: 16px;
    cursor: pointer;
    color: #FFF;
    padding: 5px 10px;
    background: #BF0000;
    border-radius: 3px;
}
.not-font{
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #046dc3;
}
.ndContent li{
    list-style: unset!important;
}
.count-num{
    color: #707070;
    font-weight: 600;
    font-size: 16px;
}
.tjList a:hover{
    background: #f7f7f7;
}
.show-wx-qrcode{
    position: absolute;
    width: 120px;
    display: none;
    cursor: pointer;
}
.proLxwmItem:hover .show-wx-qrcode{
    display: block;
}
.news-tag{
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
}
.one-tag{
    box-sizing: border-box;
    margin-right: 8px;
    padding: 3px 6px;
    font-size: 12px;
    background-color: #fff;
    color: #5094d5;
    border: 1px solid #eaeaef;
    height: 24px;
    line-height: 17px;
    border-radius: 2px;
    display: inline-block;
}
.one-tag:hover,.tag-mores a:hover{
    color: #5094d5;
}
.tag-mores{
    text-align: right;
}
.tag-mores a{
    color: #5094d5;
}
.tag-title a{
    font-size: 22px;
    font-weight: 600;
    padding: 30px 0;
    color: #666;
    cursor: pointer;
}

.one-mu{
    position: relative;
    height: 31px;
    padding-left: 31px;
    line-height: 31px;
    font-size: 16px;
}
.one-mu:hover a{
    color:#0093D8FF;
}
.one-mu:hover::after{
    background: #0093D8FF!important;
    border: 1px solid #FFF;
}
.one-mu a{
    display: block;
}

.one-mu::after{
    content: "";
    position: absolute;
    left: 1px;
    width: 11px;
    height: 11px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid #000;
    background: #FFF;
    z-index: 2;
}
.one-mu::before{
    content: "";
    position: absolute;
    left: 6px;
    height: 31px;
    top: 0;
    width: 1px;
    background: #000;
    z-index: 1;
}
.one-mu:last-child::before {
    content: "";
    position: absolute;
    left: 6px;
    height: 21px;
    top: 0;
    width: 1px;
    background: #000;
    z-index: 1;
}
.one-mu:first-child::before {
    content: "";
    position: absolute;
    left: 6px;
    height: 21px;
    top: 10px;
    width: 1px;
    background: #000;
    z-index: 1;
}
.one-ne-title{
    font-size: 18px;
    font-weight: 600;
    padding: 30px 0;
}
.one-ne-content{
    padding-bottom: 20px;
}
.one-ne-more{
    text-align: right;
}
.one-ne-more a{
    color: #0093D8FF;
}
.stick-menu{
    position: sticky;
    top: 90px;
    left: 0;
    width: 300px;
    background: #0093D8FF;
    display: none;
    box-shadow: 0 5px 10px #999;
    z-index: 1;
}
.stick-title{
    height: 30px;
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.fon-m{
    padding-left: 30px;
}
.stick-s{
    background: #FFF;
    padding-left: 10px;
    max-height: 0!important;
    transition: all .5s;
    overflow: hidden;
    box-shadow: 1px 6px 10px #afacac;
    border-radius: 5px;
}
.stick-title:hover .stick-s{
    max-height: 300px!important;
}
.stick-a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.min-login{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index: 9999;
    display: none;
}
.min-login-active{
    display: block;
}
input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important;}
#newBridge{
    z-index: 214!important;
}
.login-forms{
    height: 420px;
    width: 400px;
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 24px 80px 24px ;
}
.login-type{
    display: flex;
}
.login-tab{
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    margin-right: 24px;
    cursor: pointer;
    display: inline-block;
    color: #444;
    position: relative;
}
.login-tab-active{
    font-weight: 600;
}
.login-tab-active:after{
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #06f;
}
.l-pass,.l-wxcode{
    margin-top: 25px;
    display: none;
}
.logo-inputs{
    margin-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    height: 48px;
}
.logo-inputs label{
    width: 100%;
}
.logo-inputs input{
    color: #121212;
    line-height: 40px;
    width: 80%;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding-left: 10px;
}

.err-input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #f02830!important;
}
.login-btns{
    width: 100%;
    margin-top: 30px;
    height: 36px;
    text-align: center;
    background: #06f;
    color: #FFF;
    border-radius: 5px;
    line-height: 36px;
    cursor: pointer;
}
.close-icons{
    position: absolute;
    font-size: 30px;
    right: 5px;
    top: -5px;
    transform: rotate(45deg);
    color:#f02830;
    cursor: pointer;
}
.tab-show{
    display: block;
}
#show_code{
    text-align: center;
    height: 250px;
}
.forget_pwd{
    text-align: right;
    margin-top: 10px;
    position: relative;

}
.forget_pwd a{
    color: #f02830;
}
.attr_name{
    width: 35%;
    padding-left: 10px;
    text-align: left;
}
.attr_value{
    width: 65%;
    padding-left: 10px;
    text-align: left;
}
#comment{
    border: 1px solid #eee;
    resize: none;
    padding: 10px;
    width: 100%;
    height: 100px;
}
.comment-btn{
    text-align: right;
    padding: 10px 0 20px 0;
}
.send-comment{
    padding: 5px 10px;
    background: #bf0000;
    color: #fff;
    cursor: pointer;
}
.send-comment:hover{
    color: #FFF;
}
.comment-list{
    padding-bottom: 20px;
}
.one-comment{
    margin-top: 10px;
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.one-comment:last-child{
    border: none;
}
.user-icon{
    width: 40px;
}
.user-icon img{
    width: 35px;
    border-radius: 50%;
}
.comment-info{
    width: calc(100% - 40px);
}
.comment-top{
    line-height: 30px;
}

.no-account{
    position: absolute;
    left: 0;
}
.more-btn{
    text-align: center;
    padding: 20px 0;
}
.more-btn a{
    padding: 10px 15px;
    background: #adadad;
    color: #FFF;
    cursor: pointer;
}
.more-btn a:hover{
    background: #8f8f8f;
}
@media (max-width: 1200px) {
    #orders{
        width: 100%;
    }
    #orders .one-addr{
        width: 23%;
        border: 2px #eee dotted;
        margin: 20px 1%;
        position: relative;
    }
    .xscp {
        width: 100%;
    }
    .pro-a .proItemShuju{
        width: 79%
    }
    .pro-a .proItemShuju .box div:nth-child(3n-1){
        width: 50%;
        line-height: 30px;
    }
    .pro-a .proItemShuju .box div:nth-child(3n){
        width: 16%;
        line-height: 30px;
    }
    .need-right{
        width: 100%;
    }
    .need-left{
        width: 100%;
    }
}

@media (max-width: 822px) {

    #orders{
        width: 100%;
    }
    #orders .one-addr{
        width: 48%;
        border: 2px #eee dotted;
        margin: 20px 1%;
        position: relative;
    }
    .one-infos{
        width: 48%;
        margin: 0 1%;
        border-right: 1px #eee solid;
        min-height: 200px ;
    }
    .one-infos:nth-child(2n){
        border: none;
    }
    .pro-a .proItemShuju{
        width: 77%
    }
    .list_img{
        max-width: 100%!important;
        height: auto!important;
    }
    .pro-a .proItemShuju .box div:nth-child(3n-1){
        width: 60%;
        line-height: 30px;
    }
    .pro-a .proItemShuju .box div:nth-child(3n){
        width: 0%;
        line-height: 30px;
    }

}
@media (max-width: 480px){
    #orders .one-addr{
        width: 98%;
        border: 2px #eee dotted;
        margin: 20px 1%;
        position: relative;
    }
    .one-infos{
        width: 98%;
        margin: 0 1%;
        border: none;
        min-height: 200px ;
    }
    .proList {
         padding: 0;
         background: none;
        display: flex;
        flex-wrap: wrap;
    }
    .proItem {
        width: 48%;
        padding: 0 0 12px 0;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: none;
        background: #FFF;
        margin: 10px 1%;
    }
    .pro-a {
        width: 100%;
    }
    .pro-a .proItemImg {
        width: 100%;
    }
    .pro-a .proItemShuju {
        width: 100%;
    }
    .pro-a .proItemShuju .box {
        padding: 0;
        width: 100%;
    }
    .pro-a .proItemShuju .box div {
        width: 100%;
    }
    .pro-a .proItemShuju .box div:nth-child(4),.pro-a .proItemShuju .box div:nth-child(5){
        display: none;
    }
    .pro-a .proItemShuju .box div:last-child {
        width: 100%;
        line-height: 25px;
    }
    .proItem .proItemJg{
        width: 100%;
    }

    .proItem .proItemJg .proItemJg1 {
        color: #BF0000;
        margin-bottom: 10px;
        text-align: left;
    }
    .proItemJg2 p{
        display: none;
    }
    .proItemJg2 p:first-child{
        display: block;
    }
    .proItem .proItemCaozuo .caozuoDown{
        display: none;
    }
    .proItem .proItemCaozuo {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}
.chooseAttr{
    padding: 20px;
    background: #FFF;
    margin-bottom: 15px;
}
.choose-title{
    font-size: 16px;
    font-weight: 600;

}
.on-attrs{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.on-attrs-title{
    width: 15%;
    text-align: right;
    line-height: 40px;
    color: #999;
}
.attr-lists{
    width: 80%;
    overflow: hidden;
    max-height: 40px;
    display: flex;
    flex-wrap: wrap;
}
.attr-lists-active{
    max-height: 400px;
}
.attr-a{
    padding: 0 10px;
    margin: 0 10px;
    line-height: 40px;
}
.attr-a:hover{
    color: #005FCC;
}
.attrs-mores{
    width: 5%;
    line-height: 40px;
    display: none;
    cursor: pointer;
}
.attrs-mores-show{
    display: block;
    color: #005fcc;
    font-weight: 600;
}
.swiper-pagination-bullet{
    padding: 5px 10px!important;
    border-radius: 10px!important;
}
.select_flex{
    display: flex;flex-wrap:wrap;overflow: hidden;width: calc(100% - 80px);height:20px;
}
.select_flex a:hover{
    color: #005FCD!important;
}
.one-brands a:hover{
    box-shadow: 3px 8px 5px #eee;
}
.caozuoDown img{
    width: 24px;
}

.attr_value,.attr_name{
    white-space: nowrap;
    overflow-x:hidden
    /*overflow: hidden;*/
}

/*.attr_value::-webkit-scrollbar,.attr_name::-webkit-scrollbar {!*滚动条整体样式*!*/
/*    width: 2px;     !*高宽分别对应横竖滚动条的尺寸*!*/
/*    height: 4px;*/
/*}*/
/*.attr_value::-webkit-scrollbar-thumb,.attr_name::-webkit-scrollbar-thumb {!*滚动条里面小方块*!*/
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*    background: #005FCD;*/
/*}*/
/*.attr_value::-webkit-scrollbar-track,.attr_name::-webkit-scrollbar-track {!*滚动条里面轨道*!*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*    border-radius: 10px;*/
/*    background: #EDEDED;*/
/*}*/

.address-list{
    background: #fff;
    box-shadow: 0 1px 4px #333;
    height: 100px;
    width: 90px;
    overflow-y: auto;
    position: absolute;
    bottom: -90px;
}
.address-list li{
    font-size: 14px;
    cursor: pointer;

}
.address-list li:hover{
    background: #005FCD;
    color: #FFF;
}
.address-list::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.address-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #005FCD;
}
.address-list::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.wxs{
    width: 120px;
}
.wx-title{
    border-left: 2px solid #005fcc;
    border-radius: 2px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
}
.top-title{
    padding-bottom: 10px;
}
.contact-info{
    width: 220px;
}
.one-phone{
    color: #666;
}

.slide-img{
    width: 40px;
    margin-left: 7px;
}

.one-hot-product-content:hover{
    box-shadow: 0 4px 15px rgba(0,0,0,.18);
}



.news-product-img{
    width:15%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.news-product-title{
    width:20%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.news-product-brand{
    width:15%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.news-product-desc{
    width:20%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.news-product-datasheet{
    width:10%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.news-product-price{
    width:10%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.news-product-Qty{
    width:10%;text-align:center;font-weight:600;padding:10px 0; background:#f5f5f5;
}
.content-prod{
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:500;
}
.content-prod a{
    color:#0070bb;
}


.one-hot-product-content .content-prod:nth-child(3){
    border-right: 1px solid #e0e4e9;
}
.news-product-img img{
    width: 120px;
    height: 120px;
}

.one-hot-product-content .news-product-desc{
    font-size: 12px;
    text-align: left;
} 

.news-product-desc span{
    padding:0 5px;
}
.one-hot-product-content .news-product-price p{
    color:#BF0000;
}
.content-prod  .caozuoXun{
    padding: 5px 15px;
    background: #BF0000;
    color: #FFF;
    border-radius: 4px;
}