.main { width: 94%; max-width: 1400px; position: relative; margin-left: auto; margin-right: auto; }
.header { width: 100%; height: 100px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 5; }
.header .main { height: 100%; max-width: none; display: flex; align-items: center; justify-content: space-between; }
.header .main .logo { width: 22%; height: 68px; position:relative;}
.header .main .logo img { max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.header .main .right { display: inline-flex; align-items: center; }
.header .main .nav { display: inline-flex; align-items: center; }
.header .main .nav a { display: block; float: left; padding: 10px 14px; transition: all 0.3s; border-bottom: 1px solid transparent; font-size: 16px; line-height: 16px; white-space: nowrap; }
.header .main .nav a:hover, .header .main .nav a.active { color: #0068b7; border-color: #0068b7; }
.header .main .nav i { display: block; float: left; width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 26px; }
.header .main .lan-sec { display: inline-flex; align-items: center; margin-left: 80px; }
.header .main .lan-sec .lang { position: relative; }
.header .main .lan-sec .lang .tops { height: 30px; display: inline-flex; align-items: center; }
.header .main .lan-sec .lang .tops a { font-size: 16px; }
.header .main .lan-sec .lang .tops i { display: inline-block; width: 12px; height: 9px; background-image: url(../images/02.png); background-size: 100% 100%; margin-left: 8px; }
.header .main .lan-sec .lang .bots { display: none; width: auto; min-width: 95px; border: 1px solid #E6E6E6; background-color: #fff; position: absolute; top: 30px; left: 50%; margin-left: -58px; padding: 6px 0; text-align: center; }
.header .main .lan-sec .lang .bots a { display: block; width: auto; white-space: nowrap; height: 35px; line-height: 35px; font-size: 16px; transition: all 0.3s; padding: 0 10px; }
.header .main .lan-sec .lang .bots a:hover { background-color: #0068b7; color: #fff; }
.header .main .lan-sec .lang:hover .bots { display: block; }
.header .main .lan-sec .line { display: block; float: left; width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 15px; }
.header .main .lan-sec .search { display: block; width: 20px; height: 20px; background-image: url(../images/03.png); background-size: 100% 100%; }
.header .main .h_btn1{ margin-left:80px; font-size:16px;}
.header-h { width: 100%; height: 100px; clear: both; }
.mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9; display: none; }
.m-header { width: 100%; height: 1rem; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 10; display: none; }
.m-header .main { height: 100%; max-width: none; display: flex; align-items: center; justify-content: space-between; }
.m-header .main .logo { width: auto; height: 0.6rem; }
.m-header .main .logo img { width: auto; height: 100%; }
.m-header .main .right { overflow: hidden; display: inline-flex; align-items: center; }
.m-header .main .right a { display: block; float: left; width: 0.64rem; height: 0.64rem; margin-left: 0.16rem; }
.m-header .main .right a img { width: 100%; height: 100%; }
.m-header .m-nav { width: 100%; position: fixed; top: 1rem; left: 0; background-color: #fff; padding: 0.24rem; display: none; }
.m-header .m-nav .nav { width: 100%; }
.m-header .m-nav .nav .one { width: 100%; height: 0.9rem; line-height: 0.9rem; border-bottom: 1px solid #e6e6e6; font-size: 0.28rem; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.m-header .m-nav .nav .one a { display: block; float: left; height: 100%; white-space: nowrap; }
.m-header .m-nav .nav .one i { display: block; float: right; width: 100%; height: 100%; background-image: url(../images/32.png); background-size: 0.2rem 0.2rem; background-position: right center; background-repeat: no-repeat; }
.m-header .m-nav .nav .one i.open { background-image: url(../images/33.png); background-size: 0.2rem 0.03rem; }
.m-header .m-nav .nav .two { width: 100%; height: auto; padding-bottom: 0.24rem; padding-left: 0.5rem; border-bottom: 1px solid #E6E6E6; display: none; }
.m-header .m-nav .nav .two a { display: block; clear: both; margin-top: 0.24rem; font-size: 0.26rem; }
.m-header .m-nav .lang { width: 100%; overflow: hidden; padding-top: 0.24rem; }
.m-header .m-nav .lang a { display: block; float: left; margin-right: 0.1rem; height: 0.5rem; min-width: 0.5rem; line-height: 0.5rem; border-radius: 0.06rem; text-align: center; padding: 0 0.1rem; font-size: 0.28rem; color: #999; }
.m-header .m-nav .lang a.active { background-color: #0068b7; color: #fff; }
.m-header .m-fixed-search { width: 100%; height: 1.6rem; background-color: #fff; top: 0; left: 0; position: fixed; z-index: 10; display: none; padding: 0 0.24rem; }
.m-header .m-fixed-search .search-block { width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; margin-top: 0.5rem; }
.m-header .m-fixed-search .search-block .serh { width: 0.34rem; height: 0.33rem; background-image: url("../images/36.png"); background-size: 100% 100%; display: inline-block; }
.m-header .m-fixed-search .search-block input { width: 6.2rem; height: 0.66rem; display: inline-block; padding: 0 0.2rem; font-size: 0.26rem; border: none; }
.m-header .m-fixed-search .search-block .close { width: 0.3rem; height: 0.3rem; background-image: url("../images/37.png"); background-size: 100% 100%; display: inline-block; }
.m-header-h { width: 100%; height: 1rem; clear: both; display: none; }
.mod-title { width: 100%; text-align: center; }
.mod-title .en { font-size: 44px; line-height: 44px; font-weight: 600; }
.mod-title .cn { font-size: 28px; line-height: 28px; margin-top: 18px; }
.mod-title i { display: block; width: 14px; height: 4px; background-color: #0068b7; margin: 20px auto 0; }
.readmore { width: 170px; height: 50px; border-radius: 25px; border: 1px solid #E6E6E6; display: flex; align-items: center; justify-content: center; font-family: "DINCondensed"; font-size: 20px; color: #999; transition: all 0.3s; }
.readmore span { line-height: 20px; height: 18px; }
.readmore i { display: block; width: 32px; height: 9px; background-image: url(../images/08.png); background-size: auto 100%; background-position: 32px 0; margin-left: 12px; margin-top: -4px; transition: all 0.3s; }
.readmore:hover { background-color: #0068b7; border-color: #0068b7; color: #fff; }
.readmore:hover i { background-position: 80px 0; }
.sub-cate { width: 94%; max-width: 1400px; margin-left: auto; margin-right: auto; position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; }
 .sub-cate::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: #F5F5F5;
}
 .sub-cate::-webkit-scrollbar-track {
 border-radius: 3px;
 background-color: #F5F5F5;
}
 .sub-cate::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #ddd;
}
.sub-cate .items { min-width: 100%; display: inline-flex; justify-content: center; margin-left: auto; margin-right: auto; }
.sub-cate a { display: block; float: left; padding: 0 20px; height: 50px; text-align: center; line-height: 50px; border-radius: 25px; font-size: 16px; color: #999; transition: all 0.3s; white-space: nowrap; }
.sub-cate a:hover, .sub-cate a.active { background-color: #1053c3; color: #fff; font-size: 16px; }
.footer { width: 100%; background-color: #191919; }
.footer .foot-top { width: 100%; }
.footer .foot-top .tops { width: 100%; display: flex; flex: 1; justify-content: space-between; }
.footer .foot-top .tops .nav { width: 100%; display: inline-flex; justify-content: space-between; padding-top: 60px; padding-bottom: 30px; padding-right: 40px; }
.footer .foot-top .tops .nav .item { padding-right: 10px; color: #fff; }
.footer .foot-top .tops .nav .item .one { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.footer .foot-top .tops .nav .item .two { font-size: 14px; color: #777; margin-top: 10px; float: left; clear: both; transition: all 0.3s; }
.footer .foot-top .tops .nav .item .two:hover { color: #0068b7; }
.footer .foot-top .tops .ewm { width: 190px; min-width: 190px; border-left: 1px solid #333; padding-left: 40px; padding-top: 60px; padding-bottom: 30px; color: #fff; }
.footer .foot-top .tops .ewm p { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer .foot-top .tops .ewm .logo { width: 150px; height: 73px; margin-top: 20px; }
.footer .foot-top .tops .ewm .logo img { width: 100%; height: 100%; }
.footer .foot-top .tops .ewm .img { width: 150px; height: 150px; border-radius: 10px; overflow: hidden; margin-top: 30px; }
.footer .foot-top .tops .ewm .img img { width: 100%; height: 100%; }
.footer .foot-top .bots { width: 100%; display: flex; justify-content: space-between; border-top: 1px solid #333; padding: 40px 0; }
.footer .foot-top .bots .item .label { width: 100%; height: 18px; white-space: nowrap; }
.footer .foot-top .bots .item .label img { width: 18px; height: 18px; float: left; }
.footer .foot-top .bots .item .label span { font-size: 16px; color: #fff; margin-left: 12px; float: left; line-height: 18px; }
.footer .foot-top .bots .item .desc { margin-top: 20px; font-size: 16px; color: #777; }
.footer .foot-bot { width: 100%; border-top: 1px solid #333; padding: 20px 0; }
.footer .foot-bot .main { overflow: hidden; font-size: 14px; }
.footer .foot-bot .main p, .footer .foot-bot .main a, .footer .foot-bot .main span { color: #515151; display: block; float: left; }
.footer .foot-bot .main .left { float: left; }
.footer .foot-bot .main .left .copy { margin-left: 20px; }
.footer .foot-bot .main .right { float: right; }
.m-footer { display: none; width: 100%; background-color: #191919; padding: 24px 3% 0; color: #fff; }
.m-footer .nav { width: 100%; overflow: hidden; }
.m-footer .nav a { display: flex; align-items: center; float: left; width: 33.33%; margin-top: 30px; padding-right: 20px; color: #fff; }
.m-footer .nav a span { font-size: 16px; }
.m-footer .nav a i { display: block; float: left; width: 10px; height: 16px; background-image: url(../images/34.png); background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-left: 15px; }
.m-footer .ewm { width: 100%; margin-top: 30px; }
.m-footer .ewm p { font-size: 16px; color: #fff; }
.m-footer .ewm .img { width: 100px; height: 100px; border-radius: 6px; overflow: hidden; margin-top: 10px; }
.m-footer .ewm .img img { width: 100%; height: 100%; }
.m-footer .foot-bot { width: 100%; padding: 20px 0; background-color: #141414; color: #515151; font-size: 14px; }
.inner-banner { width: 100%; height: 400px; background-position: center; background-size: cover; position: relative; }
.inner-banner .main { height: 100%; }
.inner-banner .text { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #fff; }
.inner-banner .text .en { font-size: 44px; line-height: 44px; }
.inner-banner .text .cn { font-size: 28px; line-height: 28px; margin-top: 14px; }
.sub-menu { width: 100%; height: 70px; border-bottom: 1px solid #E6E6E6; }
.sub-menu .main { display: flex; justify-content: space-between; }
.sub-menu .main .sub-nav { width: auto; height: 70px; position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-right: 30px; }
 .sub-menu .main .sub-nav::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: #F5F5F5;
}
 .sub-menu .main .sub-nav::-webkit-scrollbar-track {
 border-radius: 3px;
 background-color: #F5F5F5;
}
 .sub-menu .main .sub-nav::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #ddd;
}
.sub-menu .main .sub-nav .items { min-width: 100%; display: inline-flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; }
.sub-menu .main .sub-nav .items a { display: block; float: left; height: 70px; border-bottom: 2px solid transparent; line-height: 70px; font-size: 14px; color: #333; transition: all 0.3s; white-space: nowrap; }
.sub-menu .main .sub-nav .items a:hover, .sub-menu .main .sub-nav .items a.active { color: #0068b7; border-color: #0068b7; }
.sub-menu .main .sub-nav .items i { display: block; float: left; width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 40px; }
.sub-menu .main .hamb { height: 70px; line-height: 70px; padding-left: 40px; background-image: url(../images/44.png); background-size: 20px 23px; background-repeat: no-repeat; background-position: left center; white-space: nowrap; }
.pages { width: 100%; height: 36px; display: inline-flex; justify-content: center; align-items: center; margin: 100px auto; }
.pages .num { min-width: 36px; height: 36px; display: inline-block; border: 1px solid #E6E6E6; font-size: 14px; text-align: center; line-height: 34px; margin: 0 1px; padding: 0 5px; transition: all 0.3s; background-color: #f6f6f6; }
.pages .num:hover, .pages .num.active { border-color: #0068b7; background-color: #0068b7; color: #fff; }
.pages .prev, .pages .next { width: 36px; display: inline-block; padding: 0 10px; font-size: 13px; line-height: 36px; height: 36px; transition: all 0.3s; margin: 0 1px; border: 1px solid #E6E6E6; background-color: #f6f6f6; background-position: center center; background-repeat: no-repeat; background-size: 8px 16px; }
.pages .prev { background-image: url(../images/46.png); }
.pages .next { background-image: url(../images/47.png); }
.pages .prev:hover { background-image: url(../images/48.png); border-color: #0068b7; background-color: #0068b7; color: #fff; }
.pages .next:hover { background-image: url(../images/49.png); border-color: #0068b7; background-color: #0068b7; color: #fff; }
.inner-mod-title .big { font-size: 34px; font-weight: bold; }
.inner-mod-title .small { font-size: 16px; color: #666; }
 @media screen and (max-width: 1620px) {
.header .main .lan-sec{ margin-left:40px;}
.header .main .h_btn1{ margin-left:40px;}
.header .main .nav i{ margin:0 20px;}
}
 @media screen and (max-width: 1440px) {
.header .main .nav a { padding: 10px 10px; }
.header .main .nav i { margin: 0 12px; }
.header .main .lan-sec { margin-left: 40px; }
.header .main .lan-sec .lang a { font-size: 18px; }
.header .main .lan-sec .lang i { width: 12px; height: 9px; margin-left: 8px; }
.header .main .lan-sec .line { height: 10px; margin: 0 15px; }
.header .main .lan-sec .search { width: 20px; height: 20px; }
}
 @media screen and (max-width: 1280px) {
.header .main .nav a { padding: 10px 8px; }
.header .main .nav i { margin: 0 10px; }
.header .main .lan-sec { margin-left: 20px; }
.header .main .lan-sec .lang a { font-size: 18px; }
.header .main .lan-sec .lang i { width: 12px; height: 9px; margin-left: 8px; }
.header .main .lan-sec .line { height: 10px; margin: 0 10px; }
.header .main .lan-sec .search { width: 20px; height: 20px; }
.inner-banner { height: 300px; }
.inner-banner .text .en { font-size: 38px; line-height: 38px; }
.inner-banner .text .cn { font-size: 24px; line-height: 24px; margin-top: 14px; }
.sub-menu { height: 60px; }
.sub-menu .main .sub-nav { height: 60px; margin-right: 30px; }
.sub-menu .main .sub-nav .items a { height: 60px; line-height: 60px; font-size: 14px; }
.sub-menu .main .sub-nav .items i { margin: 0 20px; }
.sub-menu .main .hamb { height: 60px; line-height: 60px; padding-left: 30px; background-size: 20px 23px; }
}
 @media screen and (max-width: 1024px) {
.header { display: none; }
.header-h { display: none; }
.m-header { display: block; }
.m-header-h { display: block; }
.mod-title .en { font-size: 30px; line-height: 30px; font-weight: 600; }
.mod-title .cn { font-size: 20px; line-height: 20px; margin-top: 12px; }
.mod-title i { width: 14px; height: 3px; margin: 12px auto 0; }
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; }
.readmore span { line-height: 14px; height: 11px; }
.readmore i { width: 16px; height: 4px; background-position: 16px 0; margin-left: 8px; margin-top: 0px; }
.readmore:hover i { background-position: 36px 0; }
.sub-cate a { padding: 0 10px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 14px; }
.sub-cate a:hover, .sub-cate a.active { font-size: 14px; }
.footer { display: none; }
.m-footer { display: block; }
.inner-banner { height: 260px; }
.inner-banner .text .en { font-size: 30px; line-height: 30px; }
.inner-banner .text .cn { font-size: 20px; line-height: 20px; margin-top: 14px; }
.pages { margin: 50px auto; }
}
 @media screen and (max-width: 768px) {
.mod-title .en { font-size: 30px; line-height: 30px; font-weight: 600; }
.mod-title .cn { font-size: 20px; line-height: 20px; margin-top: 12px; }
.mod-title i { width: 14px; height: 3px; margin: 12px auto 0; }
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; }
.readmore i { width: 16px; height: 4px; background-position: 16px 0; margin-left: 8px; margin-top: -4px; }
.readmore:hover i { background-position: 36px 0; }
.pages { margin: 40px auto; }
.inner-mod-title .big { font-size: 24px; }
.inner-mod-title .small { font-size: 14px; }
}
 @media screen and (max-width: 480px) {
.mod-title .en { font-size: 24px; line-height: 24px; font-weight: 600; }
.mod-title .cn { font-size: 18px; line-height: 18px; margin-top: 10px; }
.mod-title i { width: 14px; height: 3px; margin: 10px auto 0; }
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; }
.readmore i { width: 16px; height: 4px; background-position: 16px 0; margin-left: 8px; margin-top: -4px; }
.readmore:hover i { background-position: 36px 0; }
.sub-cate a { padding: 0 10px; height: 30px; line-height: 30px !important; border-radius: 15px; font-size: 14px !important; float:none;     text-align: left;}
.sub-cate a:hover, .sub-cate a.active { font-size: 14px; }
.m-footer { padding: 10px 3% 0; }
.m-footer .nav a { margin-top: 16px; padding-right: 12px; color: #fff; }
.m-footer .nav a span { font-size: 14px; }
.m-footer .nav a i { display: block; float: left; width: 10px; height: 12px; background-image: url(../images/34.png); background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-left: 6px; }
.m-footer .ewm { margin-top: 30px; }
.m-footer .ewm p { font-size: 14px; }
.m-footer .ewm .img { width: 80px; height: 80px; border-radius: 6px; margin-top: 10px; }
.m-footer .foot-bot { width: 100%; padding: 20px 0; font-size: 14px; }
.inner-banner { height: 160px; }
.inner-banner .text .en { font-size: 22px; line-height: 22px; }
.inner-banner .text .cn { font-size: 18px; line-height: 18px; margin-top: 10px; }
.sub-menu { height: 50px; }
.sub-menu .main .sub-nav { height: 50px; margin-right: 20px; }
.sub-menu .main .sub-nav .items a { height: 50px; line-height: 50px; font-size: 14px; }
.sub-menu .main .sub-nav .items i { margin: 0 15px; }
.sub-menu .main .hamb { height: 50px; line-height: 50px; padding-left: 16px; background-size: auto 14px; }
.pages { margin: 30px auto; }
.inner-mod-title .big { font-size: 18px; }
.inner-mod-title .small { font-size: 14px; }
}


.p_btn1{ height:40px; margin-top:20px;}
.p_btn1 a{ display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; font-size:16px; margin-right:20px;}
.p_btn1 a:hover{ opacity:.9;}
.p_btn1 .a1{ background:#f63604; color:#fff;}
.p_btn1 .a2{ background:#F60; color:#fff;}









/**/
.wapper{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
/**/

/**/
.loginbg{ background:#fff; padding:40px 0 50px 0;}
.login{ max-width:500px; margin:0 auto;}
.login .h2{ font-size:28px; line-height:38px; text-align:center;}
.login .list{ margin-top:20px; font-size:14px; line-height:32px;}
.login .list table td{ padding:0 0 15px 0;}
.login .list table td.td1{ width:60px;}
.login .list .text1{ border:1px solid #f1f1f1; width:100%; height:38px; line-height:38px; padding:0 10px;}
.login .list .button1{ display:block; width:100%; height:40px; line-height:40px; background:#f60; color:#fff; font-size:16px; text-align:center;}
.login .list .button1:hover{ background:#f40; text-decoration:none;}
.login .list .h3{ text-align:right;}

/**/
.registerbg{ background:#fff; padding:40px 0 50px 0;}
.register{ }
.register .h2{ font-size:24px; line-height:44px; height:44px; border-bottom:1px solid #ccc; color:#333; border-bottom:1px solid #ccc;}
.register .h2 img{ vertical-align:sub; margin-right:5px;}
.register .h2 span{ float:right; font-size:12px; color:#999; font-weight:normal;}
.register .h2 span a{ color:#f60;}
.register .h2 span a:hover{ text-decoration:underline;}
.register .list{ max-width:500px; margin:0 auto; margin-top:20px; font-size:14px; line-height:32px;}
.register .list table td{ padding:10px 0;}
.register .list .text1{ border:1px solid #f1f1f1; width:100%; height:44px; line-height:44px; padding:0 10px;}
.register .list .text2{ float:left; border:1px solid #f1f1f1; width:50%; height:44px; line-height:44px; padding:0 10px;}
.register .list .button1{ display:block; width:100%; height:46px; line-height:46px; background:#f60; color:#fff; font-size:16px; text-align:center;}
.register .list .button1:hover{ background:#f40; text-decoration:none;}
.register .list .button2{ float:right; display:block; width:30%; height:44px; line-height:44px; background:#f4f4f4; color:#333; font-size:16px; text-align:center; border:1px solid #d1d2d4;}
.register .list .button2:hover{ background:#e8e8e8; text-decoration:none;}
.register .list .yzm{ height:46px;}



.shoppingcartbg{ background:#fff; padding:10px 0 50px 0;}
.shoppingcart{ width:1200px; margin:0 auto;}
.shoppingcart td{ padding:0 10px;}
.shoppingcart h1,.shoppingcart h2,.shoppingcart h3,.shoppingcart h4,.shoppingcart h5,.shoppingcart h6{ margin:0; padding:0;}
.shoppingcart .h1,.shoppingcart .h2,.shoppingcart .h3,.shoppingcart .h4,.shoppingcart .h5,.shoppingcart .h6{ margin:0; padding:0;}
.shoppingcart .h2{ font-weight:bold; font-size:20px; line-height:40px; height:40px; border-bottom:1px solid #ccc; color:#333; border-bottom:1px solid #ccc;}
.shoppingcart .list{ margin-top:10px; font-size:14px; line-height:32px;}
.cart_none{ height:150px; line-height:150px; text-align:center; font-size:16px;}
.cart_none img{ vertical-align:middle; max-height:150px; margin-right:10px;}

/**/
.cart_list{ margin-top:30px;}
.cart_list a{ color:#666;}
.cart_list a:hover{ color:#f60;}
.cart_list .td1{ width:390px; padding:0 10px;}
.cart_list .td2{ width:180px; padding:0 10px;}
.cart_list .td3{ width:180px; padding:0 10px;}
.cart_list .td4{ width:150px; padding:0 10px;}
.cart_list .td5{ width:150px; padding:0 10px;}
.cart_list .top{ border:1px solid #eaeaea; height:48px; line-height:48px; font-size:14px;}
.cart_list .top table{}
.cart_list .top table td{ }
.cart_list .top label{}
.cart_list .top label input{ vertical-align:middle; margin-right:5px;}
.cart_list .mid{ margin-top:20px; border:1px solid #eaeaea;}
.cart_list .mid table{}
.cart_list .mid table td{ padding:10px 10px;}
.cart_list .mid label{ float:left;}
.cart_list .mid .img{ float:left; margin-left:10px; width:80px;}
.cart_list .mid .img img{ width:80px;}
.cart_list .mid .txt{ float:left; margin-left:10px; width:200px;}
.cart_list .mid .txt h2{ font-weight:normal; font-size:12px; line-height:1.5em;}
.cart_list .mid .txt h2 a{}
.cart_list .mid h3{ font-weight:normal; font-size:12px; line-height:1.5em;}
.cart_list .mid h3 span{ font-weight:normal; color:#999; display:block; text-decoration:line-through;}
.cart_list .mid .num{ height:22px;}
.cart_list .mid a.jian{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #eaeaea; vertical-align:middle;}
.cart_list .mid a.jia{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #eaeaea; vertical-align:middle;}
.cart_list .mid .txt1{ border:1px solid #eaeaea; width:38px; height:20px; line-height:20px; text-align:center; vertical-align:middle;}
.cart_list .btm{ border:1px solid #eaeaea; height:58px; line-height:58px; font-size:14px; margin-top:20px;}
.cart_list .btm table{}
.cart_list .btm table td{ }
.cart_list .btm label{}
.cart_list .btm label input{ vertical-align:middle; margin-right:5px;}
.cart_list .btm h2{ font-weight:normal; font-size:12px; line-height:1.5em;}
.cart_list .btm h2 b{ font-size:14px;}
.cart_list .btm h3{ font-weight:normal; font-size:12px; line-height:1.5em;}
.cart_list .btm a.js{ display:inline-block; text-align:center; width:130px; height:58px; line-height:58px; background:#ff5a00; color:#fff; font-size:16px; cursor:pointer;}
.cart_list a:hover{ text-decoration:none;}





.myorderbg{ background:#fff; padding:10px 0 50px 0;}
.myorder{ width:1200px; margin:0 auto;}
.myorder td{ padding:0 10px;}
.myorder h1,.shoppingcart h2,.myorder h3,.myorder h4,.myorder h5,.myorder h6{ margin:0; padding:0;}
.myorder .h1,.shoppingcart .h2,.myorder .h3,.myorder .h4,.myorder .h5,.myorder .h6{ margin:0; padding:0;}
.myorder .h2{ font-weight:bold; font-size:20px; line-height:40px; height:40px; border-bottom:1px solid #ccc; color:#333; border-bottom:1px solid #ccc;}
.myorder .list{ margin-top:10px; font-size:14px; line-height:24px;}
.myorder_list{ margin-top:30px;}
.myorder_list .mid>ul>li{ border-bottom:1px solid #ccc; padding:0 0 10px 0;}
/**/
.myorder a{ color:#333;}
.myorder a:hover{ color:#333; text-decoration:underline;}
.myorder .td1{ width:594px; padding:0 10px;}
.myorder .td2{ width:202px; padding:0 10px;}
.myorder .td3{ width:202px; padding:0 10px;}
.myorder .td4{ width:202px; padding:0 10px;}
.myorder .mid{ margin-top:20px; border:1px solid #eaeaea; border-bottom:none;}
.myorder .mid table{}
.myorder .mid table td{ padding:10px 10px; vertical-align:top;}
.myorder .mid label{ float:left;}
.myorder .mid .h3{ font-size:14px; line-height:24px; color:#666;}
.myorder .mid .img{ float:left; width:200px;}
.myorder .mid .img img{ width:200px;}
.myorder .mid .txt{ float:left; margin-left:10px; width:362px;}
.myorder .mid .txt h2{ font-weight:normal; font-size:16px; line-height:26px;}
.myorder .mid h3{ font-weight:normal; font-size:14px; line-height:24px;}

.paybg{ padding:40px 0 80px 0;}
.pay{}
.pay .h2{ height:39px; line-height:39px; border-bottom:1px solid #ccc;}
.pay .h2 span{ display:inline-block; padding:0 20px; border:1px solid #ccc; border-bottom:none; background:#fff; color:#ce1b29; font-size:18px;}
.pay .list{ margin-top:20px;}
.pay .list ul li{ float:left; margin-right:20px;}
.pay .list ul li .img{ width:129px; height:42px; position:relative; border:#ddd solid 2px; border-radius:5px;}
.pay .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.pay .list ul li:hover .img{ border:#66afe9 solid 2px;}
.pay .list ul li.active .img{ border:#26a826 solid 2px;}
.btn_pay{ margin-top:20px;}
.btn_pay a{ display:inline-block; width:288px; height:40px; line-height:40px; background:#e72f3c; color:#fff; font-weight:bold; text-align:center; font-size:14px;}
.btn_pay a:hover{ background:#d2212d;}



ul {
    list-style: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}

@media(max-width:768px){
.wapper{ width:90%; margin:0 auto;}
.shoppingcart{ width:100%;}
.shoppingcart .list{ overflow-x:scroll;}
.cart_list{ width:1200px;}
.myorder{ width:100%;}
.myorder .list{ overflow-x:scroll;}
.myorder_list{ width:1200px;}
}