﻿


/*Add------------------------------------------------------------------------------*/
textarea, input, select {
    margin: 0;
    padding: 0;
}
.wapper2{ width:96%; margin:0 auto;}
ul,li{ list-style:none; padding-inline-start: 0;}
.tit1{}
.tit1 .h2{ font-size:26px; line-height:36px; padding-bottom:5px; border-bottom:2px solid #e2241b; height:36px;}
.tit1 .h2 a{ float:right; color:#f60; font-size:15px;}
.more1{}
.more1 a{ display:inline-block; border-radius:5px; border:1px solid #329944; color:#329944; font-size:12px; padding:0 10px;}
.more1 a:hover{ text-decoration:underline;}
.login1bg{ padding:40px 0 80px 0;}
.login1{}
.login1_con{ border:#ddd solid 1px; margin-top:15px; padding:20px 0;}
.login1_con_left{ float:left; width:600px; font-size:14px;}
.login1_con_left th{ padding:5px 0; font-weight:normal; text-align:right;}
.login1_con_left td{ padding:5px 0;}
.login1_con_left .td1{ width:150px; padding-right:5px;}
.login1_con_left .td2{ width:200px; padding-left:5px; padding-right:5px;}
.login1_con_left .td3{ padding-left:5px;}
.login1_con_left .text1{border:#e5e5e5 solid 1px;background:none;height:32px;line-height:30px;width:100%;padding:0 10px;box-sizing: border-box;}
.login1_con_left .text2{ border:#e5e5e5 solid 1px; background:none; height:32px; line-height:30px; width:80px; padding:0 10px; float:left;}
.login1_con_left .yzm{ height:32px;}
.login1_con_left .yzm img{float:right;width: 98px;height:32px;}
.login1_con_left .a1{ color:#c00; font-size:12px;}
.login1_con_left .a1:hover{ text-decoration:underline;}
.login1_con_left .a2{ color:#ef4f4f; display:block; text-align:right;}
.login1_con_left .a2:hover{ text-decoration:underline;}
.login1_con_left .button1{ display:block; width:100%; height:36px; line-height:36px; background:#329944; color:#fff; border-radius:5px; font-weight:bold; text-align:center; margin-top:20px;}
.login1_con_left .h2{ font-size:12px;}
.login1_con_left .h2 img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.login1_con_right{ float:right; width:310px; border-left:#f4f4f4 solid 1px; padding:0 20px; font-size:12px; line-height:22px;}
.login1_con_right dl{ margin:0 0 10px 0;}
.login1_con_right dl dt{ font-weight:bold;}
.login1_con_right dl dd{}
@media(max-width:768px){
.wapper{ width:90%; }
.login1bg{ padding:20px 0 40px 0;}
.login1_con_left{ float:left; width:95%; font-size:12px;}
.login1_con_left .td1{ width:80px; padding-right:5px;}
.login1_con_left .td2{ width:auto;}
.login1_con_left .td3{ display:none;}
.login1_con_right{ display:none;}
}


.tit2{}
.tit2 .h2{ color:#329944; font-size:15px; line-height:28px; height:28px;}
.tit2 .h2 strong{ font-size:18px; float:left; border-bottom:1px solid #329944;}
.tit2 .h2 a{ color:#329944; float:right;}
.ShoppingCart1bg{ padding:40px 0 80px 0;}
.ShoppingCart1{}
.ShoppingCart1 .tit2{ margin-top:20px;}
.ShoppingCart1_con{}
.ShoppingCart1_con .list1{ margin-top:10px; font-size:12px; line-height:22px;}
.ShoppingCart1_con .list1 table{border-collapse:collapse; border:1px solid #e9e9e9; background:#f3f3f3;}
.ShoppingCart1_con .list1 table th{ font-weight:normal; padding:10px 10px;}
.ShoppingCart1_con .list1 .w1{ width:50%; text-align:left;}
.ShoppingCart1_con .list1 .w2{ width:10%;}
.ShoppingCart1_con .list1 .w3{ width:20%;}
.ShoppingCart1_con .list1 .w4{ width:10%;}
.ShoppingCart1_con .list1 .w5{ width:10%;}
.ShoppingCart1_con .list2{ margin-top:10px; font-size:12px; line-height:22px;}
.ShoppingCart1_con .list2 table{border-collapse:collapse; border:1px solid #e9e9e9; border-top:2px solid #abaaaa;}
.ShoppingCart1_con .list2 table tr{ border-top:1px solid #e9e9e9;}
.ShoppingCart1_con .list2 table td{ padding:10px 10px; text-align:center;}
.ShoppingCart1_con .list2 .w1{ width:50%; text-align:left;}
.ShoppingCart1_con .list2 .w2{ width:10%;}
.ShoppingCart1_con .list2 .w3{ width:20%;}
.ShoppingCart1_con .list2 .w4{ width:10%;}
.ShoppingCart1_con .list2 .w5{ width:10%;}
.ShoppingCart1_con .list2 .w1 .img{ float:left; width:80px; height:60px; border:1px solid #eee; position:relative;}
.ShoppingCart1_con .list2 .w1 .img img{ display:block; max-width:99%; max-height:99%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.ShoppingCart1_con .list2 .w1 .txt{ float:right; width:calc(100% - 90px);}
.ShoppingCart1_con .list2 .w1 .txt .h2{}
.ShoppingCart1_con .list2 .num{ height:20px; width:90px; margin:0 auto;}
.ShoppingCart1_con .list2 .num a{ float:left; border:1px solid #cbcbcb; width:20px; height:20px; line-height:18px; text-align:center; cursor:pointer;}
.ShoppingCart1_con .list2 .num .text1{float:left;border:1px solid #cbcbcb;border-left:none;border-right:none;width: calc(100% - 47px);height:20px;line-height:18px;text-align:center;}
.ShoppingCart1_con .list3{ margin-top:10px; font-size:12px; line-height:22px;}
.ShoppingCart1_con .list3 table{border-collapse:collapse; border:1px solid #e9e9e9;}
.ShoppingCart1_con .list3 table td{ padding:10px 10px;}
.ShoppingCart1_con .list3 .td1{}
.ShoppingCart1_con .list3 .td2{ text-align:right;}
.ShoppingCart1_con .list3 .a1{ font-weight:bold;}
.ShoppingCart1_con .list3 .td2 span{ }
.ShoppingCart1_con .list3 .td2 b{ color:#329944;}
.ShoppingCart1_con .list3 .td2 strong{ color:#329944; font-size:16px;}
.ShoppingCart1_con .list3 .button1{ display:inline-block; width:100px; height:50px; line-height:50px; background:#329944; color:#fff; text-align:center; font-size:18px;}
@media(max-width:768px){
.ShoppingCart1bg{ padding:20px 0 40px 0;}
.ShoppingCart1_con .list1{ display:none;}
.ShoppingCart1_con .list2 .w1{ width:100%;}
.ShoppingCart1_con .list2 .w2{ width:25%; display:inline-block; text-align:left;}
.ShoppingCart1_con .list2 .w3{ width:25%; display:inline-block;}
.ShoppingCart1_con .list2 .w4{ width:25%; display:inline-block; text-align:right;}
.ShoppingCart1_con .list2 .w5{ width:25%; display:inline-block; text-align:right;}
.ShoppingCart1_con .list2 .num{ width:100%;}
.ShoppingCart1_con .list2 .num .text1{ font-size:12px;}
}


.userbg{ background:#fff; border-top:1px solid #f5f5f5; padding:40px 0 80px 0;}
.user{}
.user_con{ margin-top:20px;}
.user_lt{ float:left; width:220px;}
.side_b{ background:#f7f7f7; padding:15px;}
.side_b .h2{ font-size:14px; line-height:24px; font-weight:bold; border-bottom:#ddd solid 1px;}
.side_b dl{ margin-top:10px;}
.side_b dl dd{ font-size:12px; line-height:22px; margin-top:5px;}
.side_b dl dd a{ color:#666}
.side_b dl dd a:hover{ color:#e2241b;}
.side_b dl dd.active a{ color:#e2241b;}
.user_rt{ float:right; width:calc(100% - 300px);}
.weizhi2{ height:28px; line-height:28px; background:#eee; padding:0 10px;}
.weizhi2 a{ color:#666}
@media(max-width:768px){
.userbg{ padding:20px 0 40px 0;}
.user_lt{ float:left; width:100%; margin-bottom:20px;}
.user_rt{ float:right; width:100%;}
}

.account1{ margin-top:20px; font-size:14px;}
.account1 table th{ width:20%; padding:20px 20px 20px 0; font-weight:normal; text-align:right;}
.account1 table td{ width:80%; padding:20px 0 20px 20px;}
.account1 img.tx{ width:100px; height:100px; border-radius:100%;}
.account1 .button1{ font-size:12px; color:#999; vertical-align:bottom;}
.account1 .text1{ border:none; background:bottom; width:100%; height:30px; line-height:30px;}
.account1 input{ outline:none;}
.account1 .button2{ display:inline-block; height:36px; line-height:36px; border-radius:5px; padding:0 20px; background:#e2241b; color:#fff; font-size:14px;}


.myorder1{ margin-top:20px;}
.myorder1 table{ border:1px solid #ddd; border-collapse:collapse;}
.myorder1 th{ padding:5px 10px; background:#F3FDED; text-align:center; font-size:12px; line-height:22px;}
.myorder1 td{}
.myorder1 td table td{ padding:5px 10px; font-size:12px; line-height:16px;}
.myorder1 td .td0{ background:#f9f9f9;}
.myorder1 td .td1{ width:50%;}
.myorder1 td .td2{ width:8%; text-align:center;}
.myorder1 td .td3{ width:8%; text-align:center;}
.myorder1 td .td4{ width:13%; text-align:center;}
.myorder1 td .td5{ width:8%; text-align:center;}
.myorder1 td .td6{ width:13%; text-align:center;}
.myorder1 td .img{ float:left; width:80px; height:60px; border:1px solid #eee; position:relative;}
.myorder1 td .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.myorder1 td .txt{ float:right; width:calc(100% - 90px);}
.myorder1 td .txt .h2{}
.myorder1 td .txt .h3{}
@media(max-width:768px){
.myorder1 th{ display:none;}
.myorder1 td{display: table-cell;}
.myorder1 td .td0{ width:100%;}
.myorder1 td .td1{ width:100%; display:block;}
.myorder1 td .td2{ width:25%; display:inline-block; border:none;}
.myorder1 td .td3{ width:25%; display:inline-block; border:none;}
.myorder1 td .td4{ width:33%; display:inline-block; border:none; display:none;}
.myorder1 td .td5{ width:25%; display:inline-block; border:none;}
.myorder1 td .td6{ width:25%; display:inline-block; border:none;}
}


.OrderSave1bg{ padding:40px 0 80px 0;}
.OrderSave1{}
.OrderSave1_con{}
.OrderSave1_con .list1{ margin-top:20px; font-size:12px; line-height:28px;}
.OrderSave1_con .list1 table{border-collapse:collapse; border:#e2e2e2 solid 1px; background:url(../images/order_bg.gif) repeat-x;}
.OrderSave1_con .list1 table th{}
.OrderSave1_con .list2{ font-size:12px; line-height:16px;}
.OrderSave1_con .list2 table{border-collapse:collapse; border:#e2e2e2 solid 1px;}
.OrderSave1_con .list2 table th{ padding:5px 10px; text-align:center;}
.OrderSave1_con .list2 table td{ padding:5px 10px; text-align:center;}
.OrderSave1_con .list2 .w1{ width:40%; text-align:left;}
.OrderSave1_con .list2 .w2{ width:20%;}
.OrderSave1_con .list2 .w3{ width:20%;}
.OrderSave1_con .list2 .w4{ width:20%;}
.OrderSave1_con .list3{ font-size:12px; line-height:16px;}
.OrderSave1_con .list3 table{border-collapse:collapse; border:#e2e2e2 solid 1px;}
.OrderSave1_con .list3 table th{ padding:5px 10px; text-align:right; font-weight:normal; width:120px;}
.OrderSave1_con .list3 table td{ padding:5px 10px; }
.OrderSave1_con .button1{ display:block; margin:0 auto; margin-top:20px; width:150px; height:36px; line-height:36px; border-radius:5px; background:#329944; color:#fff; font-size:16px; text-align:center;}
@media(max-width:768px){
.OrderSave1bg{ padding:20px 0 40px 0;}
.OrderSave1_con .list2 table td{ display:table-cell; width:auto;}
.OrderSave1_con .list3 table td{ display:table-cell; width:auto;}
}


.more2{ }
.more2 a{ display:inline-block; text-align:center; padding:0 30px; height:36px; line-height:36px; border-radius:5px; background:#000; color:#fff; font-size:14px;}
.more2 a:hover{}
.address1{ margin-top:10px;}
.address1 ul li{}
.address1 ul li table{ border-collapse:collapse; border:#e2e2e2 solid 1px;}
.address1 ul li table td{ width:50%; padding:5px 10px;}
.address1 ul li .h2{ font-weight:bold; font-size:16px; line-height:26px;}
.address1 ul li a{ color:#005ea7; font-size:14px; display:inline-block; margin:0 10px 0 0 ;}
.address1 ul li a:hover{ text-decoration:underline;}
.address1 ul li dl dd{ font-size:12px; line-height:22px;}
.address1 ul li dl dd span{ color:#999;}
.address1 ul li dl dd strong{ font-weight:normal;}
.address1 .more2{ margin-top:20px;}
@media(max-width:768px){
.address1 ul li table td{ display:table-cell; width:auto;}
.address1 ul li .h2{ font-size:12px; line-height:22px;}
.address1 ul li a{ font-size:12px; margin:0 10px 0 0 ;}
}

.address_edit1{ margin-top:10px;}
.address_edit1 table{ border-collapse:collapse; border:#e2e2e2 solid 1px;}
.address_edit1 table th{ padding:5px 10px; width:140px; font-weight:normal; text-align:right;}
.address_edit1 table td{ padding:5px 10px;}
.address_edit1 .text1{ border:1px #CCC solid; background:none; height:20px; line-height:20px; width:50%; padding:0 10px;}
.address_edit1 select{ border:1px solid #ccc; background:none; height:22px; line-height:20px; width:20%; padding:0 5px;}
@media(max-width:768px){
.address_edit1 table th{ padding:5px 5px; width:120px; font-size:12px;}
.address_edit1 table td{ padding:5px 5px; display:table-cell; width:auto;}
.address_edit1 select{ border:1px solid #ccc; width:30%; padding:0 5px;}
}

.tit3{ text-align:center; background:#fff8eb; border-bottom:#ffe3c2 1px solid; padding:10px 0;}

.tit3 .h2{ font-size:14px; line-height:24px; font-weight:bold;}
.FillOrders1bg{ padding:40px 0 80px 0;}
.FillOrders1{}
.FillOrders1_con{}
.FillOrders1_con .list1{ margin-top:20px; padding-left:150px; font-size:12px; line-height:22px;}
.FillOrders1_con .list1 ul li{ float:left; width:237px; height:106px; background:url(../images/ad_bg1.png) center no-repeat; margin:0 20px 10px 0; cursor:pointer;}
.FillOrders1_con .list1 ul li.active{ background:url(../images/ad_bg1_hover.png) center no-repeat;}
.FillOrders1_con .list1 ul li .txt{ padding:10px;}
.FillOrders1_con .list1 ul li .txt .h2{ font-weight:bold; font-size:12px; line-height:22px; border-bottom:1px solid #f2f2f2;}
.FillOrders1_con .list1 ul li .txt .h3{ height:44px;}
.FillOrders1_con .list1 ul li .txt .h4{}
.FillOrders1_con .list2{ margin-top:10px; padding-left:150px;}
.FillOrders1_con .list2 .h2{ font-size:13px; line-height:40px;}
.FillOrders1_con .list2 .h2 img{ display:inline-block; vertical-align:middle; height:40px;}
.FillOrders1_con .list2 .h2 a{ color:#329944;}
.FillOrders1_con .list3{ margin-top:10px; font-size:12px; line-height:22px;}
.FillOrders1_con .list3 table{}
.FillOrders1_con .list3 table th{ padding:5px 10px; width:120px; text-align:right; font-weight:normal; vertical-align:top; line-height:30px;}
.FillOrders1_con .list3 table td{ padding:5px 10px;}
.FillOrders1_con .list3 textarea{ border:1px solid #ccc; background:none; width:50%; height:60px; line-height:30px;}
.FillOrders1_con .list3 .h2{ color:#329944;}
.FillOrders1_con .button1{ display:block; margin:0 auto; margin-top:20px; width:150px; height:36px; line-height:36px; border-radius:5px; background:#329944; color:#fff; font-size:16px; text-align:center;}
@media(max-width:768px){
.FillOrders1bg{ padding:20px 0 40px 0;}
.FillOrders1_con .list1{ padding-left:0;}
.FillOrders1_con .list1 ul li{ float:none; margin:0 auto 10px auto;}
.FillOrders1_con .list3 table th{ width:80px;}
.FillOrders1_con .list3 textarea{ width:100%;}
}


.myorder1_detail{ background:#ededed; border:#dadada solid 1px; padding:9px;}
.myorder1_detail .h1{ font-size:14px; line-height:24px; margin-bottom:9px; font-weight:bold;}
.myorder1_detail .list1{ background:#fff; padding:10px; margin-bottom:10px;}
.myorder1_detail .list1 dl{ padding:10px 0; border-top:#dadada dashed 1px;}
.myorder1_detail .list1 dl:nth-child(1){ border:none;}
.myorder1_detail .list1 dl dt{ font-size:14px; line-height:24px; font-weight:bold;}
.myorder1_detail .list1 dl dd{ font-size:12px; line-height:16px; margin-top:5px;}
.myorder1_detail .list1 table{}
.myorder1_detail .list1 th{ padding:5px 10px;}
.myorder1_detail .list1 td{ padding:5px 10px; text-align:center;}
.myorder1_detail .list1 .td1{ width:50px;}
.myorder1_detail .list1 .td2{ text-align:left;}
.myorder1_detail .list1 .td3{ width:15%;}
.myorder1_detail .list1 .td4{ width:15%;}
.myorder1_detail .list1 .td5{ width:15%;}
.myorder1_detail .list1 .img{ width:50px; height:50px; border:1px solid #eee; position:relative;}
.myorder1_detail .list1 .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.myorder1_detail .list2{ text-align:right; }
.myorder1_detail .list2 dl{ display:inline-block;}
.myorder1_detail .list2 dl dd{ font-size:12px; line-height:22px;}
.myorder1_detail .list2 dl dd strong{ }
.myorder1_detail .list2 dl dd span{ display:inline-block; width:100px; }
.myorder1_detail .list2 dl dt{ font-size:18px; line-height:28px; border-top:#ddd solid 1px; padding-top:5px; margin-top:5px;}
.myorder1_detail .list2 dl dt span{ display:inline-block; width:100px; color:#f00; font-weight:bold;}
@media(max-width:768px){
.myorder1_detail .list1 td{ padding:5px 5px; display:table-cell; width:auto;}
.myorder1_detail .list1 .td1{ width:40px;}
.myorder1_detail .list1 .img{ width:40px; height:40px; }
}


.safety1{ margin-top:20px;}
.safety1 table{ border:1px solid #ddd; border-collapse:collapse;}
.safety1 table tr,.safety1 table td{ border-left:none !important; border-right:none !important;}
.safety1 tr{}
.safety1 .tr1{}
.safety1 td{ padding:30px 0;}
.safety1 .td1{ width:20%;}
.safety1 .td1 .h2{ font-size:20px; line-height:30px; font-weight:bold; padding:0 20px;}
.safety1 .td1 .h2 i{ display:inline-block; vertical-align:middle; max-height:30px;}
.safety1 .td1 .h2 i img{ display:block;}
.safety1 .td2{ width:70%;}
.safety1 .td2 .h3{ font-size:12px; line-height:30px; color:#DD2222; border-left:1px solid #ddd; padding:0 20px;}
.safety1 .td2 .h4{ font-size:12px; line-height:30px; border-left:1px solid #ddd; padding:0 20px;}
.safety1 .td3{ width:10%;}
.safety1 .td3 .button1{ font-size:12px; line-height:30px; color:#005ea7;}
@media(max-width:768px){
.safety1 td{ padding:10px 0; display:table-cell; width:auto;}
.safety1 .td1{ width:18%;}
.safety1 .td1 .h2{ font-size:14px; line-height:18px; padding:0 10px;}
.safety1 .td2 .h3{ font-size:12px; line-height:16px; padding:0 10px;}
.safety1 .td2 .h4{ font-size:12px; line-height:16px; padding:0 10px;}
}


.updatepassword1{ margin-top:20px;}
.yazheng{ height:25px; line-height:25px; overflow:hidden; background:#ebebeb;}
.yazheng ul{ padding:0; margin:0;}
.yazheng ul li{ float:left; width:33%; text-align:center; background:url(../images/yazheng01.gif) right center no-repeat;}
.yazheng ul li strong{ display:block; height:25px; line-height:25px;}
.yazheng_hover strong{background:url(../images/yazheng02.gif) #ffe6bd right center no-repeat; color:#7f0019;}
.updatepassword1 .list{ margin-top:40px; font-size:14px; }
.updatepassword1 .list th{ width:40%; padding:10px 10px 10px 0; font-weight:normal; text-align:right;}
.updatepassword1 .list td{ width:60%; padding:10px 0 10px 10px;}
.updatepassword1 .list .text1{ border:1px #CCC solid; height:24px; line-height:24px; width:148px;}
.updatepassword1 .list .button1{ width:150px; height:30px; line-height:30px; display:block; text-align:center; background:url(../images/btnBuy.png) center no-repeat; color:#fff; font-size:14px;}
.updatepassword1 .list span{ font-size:12px; color:#999; margin-left:20px;}
.updatepassword1_success{ text-align:center;}
.updatepassword1_success .h2{}
.updatepassword1_success .h2 img{ max-width:100%; display:block; margin:0 auto;}
.updatepassword1_success .h3{ font-size:16px; line-height:26px;}
.updatepassword1_success .h4{ font-size:13px; line-height:23px; color:#f00;}
.updatepassword1_success .h4 a{ color:#f00;}
.updatepassword1_success .h4 a:hover{ text-decoration:underline;}
@media(max-width:768px){
.yazheng ul li{ font-size:12px;}
.updatepassword1 .list th{ width:25%; padding:10px 10px 10px 0; font-size:12px; vertical-align:top;}
.updatepassword1 .list td{ width:75%; padding:10px 0 10px 10px;}
}


.validate_email1{ margin-top:20px;}
.validate_email1 .list{ margin-top:40px; font-size:14px; }
.validate_email1 .list th{ width:40%; padding:10px 10px 10px 0; font-weight:normal; text-align:right;}
.validate_email1 .list td{ width:60%; padding:10px 0 10px 10px;}
.validate_email1 .list .text1{ border:1px #CCC solid; height:24px; line-height:24px; width:148px;}
.validate_email1 .list .button1{ width:150px; height:30px; line-height:30px; display:block; text-align:center; background:url(../images/btnBuy.png) center no-repeat; color:#fff; font-size:14px;}
.validate_email1 .list .text2{ border:1px #CCC solid; height:24px; line-height:24px; width:78px;}
.validate_email1 .list .button2{ display:inline-block; vertical-align:middle; width:66px; height:24px; line-height:24px; border:1px solid #333; background:#eee; color:#333; margin-left:4px; text-align:center;}
.validate_email1 .list span{ font-size:12px; color:#999; margin-left:20px;}
.updatepassword1_success{ text-align:center;}
.updatepassword1_success .h2{}
.updatepassword1_success .h2 img{ max-width:100%; display:block; margin:0 auto;}
.updatepassword1_success .h3{ font-size:16px; line-height:26px;}
.updatepassword1_success .h4{ font-size:13px; line-height:23px; color:#f00;}
.updatepassword1_success .h4 a{ color:#f00;}
.updatepassword1_success .h4 a:hover{ text-decoration:underline;}

























