p {
  margin: 0;
}
ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}
html, body {
  height: 100%;
}
body {
  font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1" !important;
}
* {
  margin: 0;
  padding: 0;
}
.display {
  display: block;
  margin: 0 auto;
}
button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
textarea {
  outline: none;
  border: none;
  resize: none;
}
.warpper .table th, .warpper .table td {
  border: none;
  vertical-align: middle !important;
}
input, input[type="text"], textarea {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
  box-shadow: none;
  border: 0;
  outline: none;
}
table, thead, tbody, tr, td, th, dir {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
th, td, th {
  border: none;
  margin: 0;
  padding: 0;
}
dl, dd, dt {
  margin: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:checked, a:active, a:focus, a:visited {
  text-decoration: none;
}
h1, h2, h3, h4 {
  margin: 0;
}
.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfloat {
  zoom: 1;
}
em {
  font-style: normal;
}
b {
  font-weight: normal;
}
.jw_page {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.jw_page .head_top {
  background: #fff;
  height: 42px;
  line-height: 42px;
  font-size: 13px;
  border-bottom: 1px solid #eeeeee;
}
.jw_page .head_top a {
  color: #999999;
}
.jw_page .head_top a:hover {
  color: #333;
}
.jw_page .head_top span {
  color: #ececec;
  padding: 0 10px;
}
.jw_page .focus_box {
  display: inline-block;
  width: 1090px;
  margin: 0 auto;
}
.jw_page .fl_box {
  float: left;
}
.jw_page .fr_box {
  float: right;
}
.mian_boxs {
  padding-left: 190px;
  min-height: 540px;
  position: relative;
  display: flow-root;
}
.logo_search {
  text-align: center;
}
.logo_search .logo {
  margin-top: 52px;
  margin-bottom: 45px;
}
.logo_search .logo img {
  margin-left: 200px;
}
.logo_search .search_con {
  margin-top: 65px;
  margin-right: 32px;
}
.logo_search .search {
  float: left;
  padding-right: 10px;
}
.logo_search .search .i_search {
  margin-top: 5px;
  float: right;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/dist/49104cc1a7e1f8e863f29651b327f73c.png) 50% no-repeat;
}
.logo_search .search .search_text {
  width: 165px;
  height: 26px;
  line-height: 26px;
  border-bottom: 1px solid #bbbbbb ;
  font-size: 13px;
}
.logo_search .shopping {
  float: right;
  position: relative;
}
.logo_search .shopping .i_shopping {
  position: absolute;
  z-index: 1;
  margin-top: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/dist/9af9700a3953fbe3fb92417bc9d25c3e.png) 50% no-repeat;
}
.logo_search .shopping .bg {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: 11px;
  display: block;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  background: #d4282d;
}
.logo_search .shopping .bg span {
  padding: 0 5px;
  display: inline-block;
  color: #fff;
}
.nav {
  position: relative;
}
.nav_box {
  text-align: center;
  padding-bottom: 34px;
  border-bottom: 1px solid #f6f6f6;
}
.nav_box .nav_list {
  display: inline-block;
}
.nav_box .nav_list li {
  position: relative;
  float: left;
}
.nav_box .nav_list li .b_box {
  display: block;
  padding: 2px 25px;
  font-size: 14px;
  color: #333333;
}
.nav_box .nav_list li .t_span {
  font-size: 12px;
  color: #ccc;
}
.nav_box .nav_list li:hover span {
  padding: 0px 0px 8px;
  border-bottom: 1px solid #2d6eca;
}
.nav_box .nav_list li:hover .b_box {
  color: #2d6eca;
}
.nav_box .nav_list .active span {
  padding: 0px 0px 8px;
  border-bottom: 1px solid #2d6eca ;
}
.nav_box .nav_list .active .b_box {
  color: #2d6eca;
}
.nav_box_hide {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 62px;
  width: 100%;
  background: #fff;
  text-align: center;
}
.nav_box_hide .nav_list_hide {
  display: inline-block;
}
.nav_box_hide .nav_list_hide li {
  opacity: 0;
  display: block;
  position: relative;
  float: left;
}
.nav_box_hide .nav_list_hide li .b_box {
  display: block;
  padding: 12px 25px;
  font-size: 14px;
  color: #333333;
}
.nav_box_hide .nav_list_hide li .b_box:hover {
  color: #2d6eca;
}
.carousel .slideBox {
  position: relative;
}
.carousel .slideBox .carousel_con {
  position: absolute;
  left: 50%;
  margin-left: -545px;
  display: inline-block;
  width: 1090px;
  height: 400px;
}
.carousel .slideBox .hd {
  position: absolute;
  z-index: 999;
  top: 370px;
  right: 0;
}
.carousel .slideBox .hd li {
  float: left;
  margin: 0 6px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
}
.carousel .slideBox .hd .on {
  background: #2158a7;
}
.carousel .slideBox .bd {
  text-align: center;
}
.carousel .slideBox .bd li a {
  position: relative;
  z-index: 998;
  display: block;
  height: 400px;
}
.carousel .slideBox .bd li a img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  height: 400px;
}
.carousel .slideBox .bg_btn {
  position: relative;
  z-index: 999;
  display: inline-block;
  margin-top: 180px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.carousel .slideBox .bg_btn:hover {
  background: rgba(33, 88, 167, 0.5);
}
.carousel .slideBox .prev {
  float: left;
}
.carousel .slideBox .next {
  float: right;
}
.carousel .slideBox .back_l {
  position: absolute;
  left: 14px;
  top: 11px;
  display: inline-block;
  width: 8px;
  height: 16px;
  background: url(/dist/05a13c80b63ab45e6144169727edc9d6.png) no-repeat;
}
.carousel .slideBox .back_r {
  position: absolute;
  right: 14px;
  top: 11px;
  display: inline-block;
  width: 8px;
  height: 16px;
  background: url(/dist/aaff2c1103d05532f72efae8377c30a0.png) no-repeat;
}
.classify .classify_list {
  display: inline-block;
}
.classify .classify_list a {
  display: block;
}
.classify .classify_list li {
  float: left;
  margin: 0 45px ;
  transition: all 0.2s ease-in;
}
.classify .classify_list li:hover {
  position: relative;
  transform: translateY(-10px);
}
.classify .classify_list li:hover .t {
  color: #2158a7;
}
.classify .classify_list .icon_01 {
  background: #e2ecf7;
}
.classify .classify_list .icon_02 {
  background: #deecf5;
}
.classify .classify_list .icon_03 {
  background: #d9eef3;
}
.classify .classify_list .icon_04 {
  background: #dbf2ee;
}
.classify .classify_list .icon_05 {
  background: #dcf5ec;
}
.classify .classify_list .icon_06 {
  background: #def6e8;
}
.classify .classify_list .m1 {
  display: inline-block;
  margin-top: 20px;
  width: 28px;
  height: 40px;
  background: url(/dist/42c3ea66daf1b670d3dcda3dc23f0f86.png) 50% no-repeat;
}
.classify .classify_list .m2 {
  display: inline-block;
  margin-top: 21px;
  width: 38px;
  height: 37px;
  background: url(/dist/5fe7634d2d53f96565142c07b4914e5f.png) 50% no-repeat;
}
.classify .classify_list .m4 {
  display: inline-block;
  margin-top: 21px;
  width: 35px;
  height: 35px;
  background: url(/dist/76ba9d8ae1600565c9e6ad282f638b47.png) 50% no-repeat;
}
.classify .classify_list .m3 {
  display: inline-block;
  margin-top: 22px;
  width: 28px;
  height: 39px;
  background: url(/dist/88dd76ca8a9d915dcfac879d1a928c1f.png) 50% no-repeat;
}
.classify .classify_list .m5 {
  display: inline-block;
  margin-top: 23px;
  width: 30px;
  height: 36px;
  background: url(/dist/f8d0bf50d0376739f4f143ffb51f9cc6.png) 50% no-repeat;
}
.classify .classify_list .m6 {
  display: inline-block;
  margin-top: 23px;
  width: 34px;
  height: 35px;
  background: url(/dist/c276421223294231870f7e0275a0665c.png) 50% no-repeat;
}
.classify .classify_list .img_box {
  margin-top: 48px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.classify .classify_list .t {
  padding-top: 30px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
}
.brand {
  position: relative;
  margin-top: 136px;
  margin-bottom: 50px;
}
.brand .bg {
  position: relative;
  display: inline-block;
  width: 1090px;
  height: 666px;
  background: url(/dist/3b1031b16c8f46c2272609cc2c324d2b.png) 50% no-repeat;
}
.brand .bg .btn_more {
  position: absolute;
  bottom: 40px;
  left: 420px;
  display: inline-block;
  padding: 14px 32px;
  font-size: 15px;
  background: #20a559;
  color: #fff;
}
.brand .bg .btn_more:hover {
  background: #0e9347;
}
.brand .bg .con {
  position: absolute;
  bottom: 28px;
  width: 595px;
  height: 375px;
  padding-left: 106px;
}
.brand .bg .con .f_t {
  margin-top: 60px;
  margin-left: 5px;
  display: block;
  width: 140px;
  height: 28px;
  background: url(/dist/39191ba642ae5a8d6ace41b915da8e2d.png) 50% no-repeat;
}
.brand .bg .con .f_con {
  margin-top: 50px;
  text-align: left;
  color: #fff;
}
.brand .bg .con .f_con p {
  padding: 6px 0;
}
.promotion {
  display: inline-block;
  text-align: center;
}
.promotion .t {
  position: relative;
  z-index: 555;
  display: inline-block;
  width: 236px;
  height: 45px;
  line-height: 45px;
  background: url(/dist/777fc9bc29a9a4b391841697e509bf2d.png) 50% no-repeat;
}
.promotion .t h2 {
  font-size: 28px;
  color: #333;
  font-weight: normal;
  letter-spacing: 5px;
}
.promotion .con .promotion_list {
  position: relative;
  width: 1120px;
  margin: auto 0;
}
.promotion .con .promotion_list li:hover .b_br {
  transform: translateY(-4px);
  width: 100%;
  background: #20a559;
  height: 4px;
}
.promotion .con .promotion_list li:hover .bg:before {
  transform: translateY(-96px);
  position: absolute;
  width: 100%;
  height: 96px;
  top: 0;
  background: #fff;
}
.promotion .con .promotion_list li:hover .bg:after {
  transform: translateY(96px);
  position: absolute;
  width: 100%;
  height: 96px;
  bottom: 0;
  background: #fff;
}
.promotion .con .promotion_list li {
  float: left;
  margin-top: 50px;
  width: 353px;
  height: 378px;
  overflow: hidden;
}
.promotion .con .promotion_list li .bg:before {
  transition: all 0.3s ease-in;
  content: '';
  display: block;
  position: absolute;
  top: 0 ;
  width: 100%;
  height: 96px;
  background: #fff;
}
.promotion .con .promotion_list li .bg:after {
  transition: all 0.3s ease-in;
  content: '';
  display: block;
  position: absolute;
  bottom: 0 ;
  width: 100%;
  height: 96px;
  background: #fff;
}
.promotion .con .promotion_list li .bg {
  position: absolute;
  z-index: 138;
  height: 192px;
}
.promotion .con .promotion_list li .img {
  position: relative;
  z-index: 168;
  height: 290px;
}
.promotion .con .promotion_list li .img img {
  display: inline-block;
  width: 250px;
  height: 250px;
  transition: all 0.6s;
}
.promotion .con .promotion_list li .img:hover img {
  transform: scale(1.05);
}
.promotion .con .promotion_list li .t_t {
  position: relative;
  width: 353px;
  z-index: 555;
  height: 82px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promotion .con .promotion_list li .t_t span {
  color: #333;
}
.promotion .con .promotion_list li .t_t .price_icon {
  margin-top: 15px;
}
.promotion .con .promotion_list li .t_t p {
  display: inline-block;
  color: #dd0505;
  vertical-align: middle;
}
.promotion .con .promotion_list li .t_t .icon_small {
  display: inline-block;
  vertical-align: middle;
}
.promotion .con .promotion_list .li1 {
  margin: 50px 30px 0 !important;
}
.promotion .con .promotion_list .li4 {
  margin: 50px 30px 0 !important;
}
.floor .floor_box {
  display: block;
  width: 1090px;
  margin: 100px auto 0;
}
.floor .floor_box a {
  display: block;
}
.floor .floor_box .t .t_l {
  float: left;
}
.floor .floor_box .t .t_r {
  float: right;
}
.floor .floor_box .t .t_r a {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #666;
}
.floor .floor_box .con {
  display: inline-block;
  margin-top: 18px;
}
.floor .floor_box .ad {
  position: relative;
  float: left;
  height: 300px;
}
.floor .floor_box .ad .ad_t {
  position: absolute;
  top: 134px;
  left: 164px;
}
.floor .floor_box .ad .ad_t p {
  font-size: 18px;
  color: #4a5b56;
}
.floor .floor_box .ad .ad_t span {
  color: #ff0000;
}
.floor .floor_box .ad .ad_t .btn_set {
  margin-top: 28px;
  padding: 8px 12px;
  background: #c30808;
  color: #fff;
}
.floor .floor_box .ad .ad_t .triangle {
  display: inline-block;
  border-style: solid dashed dashed dashed;
  border-color: transparent  transparent  transparent #fff;
  border-width: 5px;
}
.floor .floor_box .con_list {
  width: 1100px;
}
.floor .floor_box .con_list li {
  position: relative;
  float: left;
  margin-right: 11px;
  margin-top: 25px;
}
.floor .floor_box .con_list li .img {
  display: inline-block;
  width: 264px;
  height: 264px;
  background: #f5f5f5;
  position: relative;
}
.floor .floor_box .con_list li .img .icon_a {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box .con_list li .img .icon_b {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box .con_list li .img .icon_c {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box .con_list li .img .icon_d {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box .con_list li .img img {
  width: 210px;
  height: 210px;
  padding: 27px 0;
  transition: all 0.6s;
}
.floor .floor_box .con_list li:hover .img img {
  transform: scale(1.05);
}
.floor .floor_box .con_list li:hover .xin {
  display: none !important;
}
.floor .floor_box .con_list .t {
  width: 264px;
  font-size: 15px;
  color: #333333;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floor .floor_box .con_list .price_icon {
  margin-top: -10px;
}
.floor .floor_box .con_list p {
  display: inline-block;
  color: #d4282d;
  vertical-align: middle;
}
.floor .floor_box .con_list .icon_small {
  display: inline-block;
  vertical-align: middle;
}
.floor .floor_box .con_list .yardage {
  position: absolute;
  left: 10px;
  top: 10px;
}
.floor .floor_box .con_list .yardage .plate_box {
  margin-bottom: 2px;
  width: 70px;
  height: 25px;
  line-height: 25px;
  color: #fff;
}
.floor .floor_box .con_list .yardage .plate_s {
  background: #2158a7;
}
.floor .floor_box .con_list .yardage .plate_d {
  background: #20a559;
}
.floor .floor_box_3 .con_list {
  width: 1100px;
}
.floor .floor_box_3 .con_list li {
  position: relative;
  float: left;
  margin-right: 11px;
  margin-top: 25px;
}
.floor .floor_box_3 .con_list li .img {
  display: inline-block;
  width: 355px;
  height: 264px;
  background: #f5f5f5;
  position: relative;
}
.floor .floor_box_3 .con_list li .img .icon_a {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box_3 .con_list li .img .icon_b {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box_3 .con_list li .img .icon_c {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box_3 .con_list li .img .icon_d {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 14px;
  left: 13px;
  padding: 0;
}
.floor .floor_box_3 .con_list li .img img {
  width: 210px;
  height: 210px;
  padding: 27px 0;
  transition: all 0.6s;
}
.floor .floor_box_3 .con_list li:hover .img img {
  transform: scale(1.05);
}
.floor .floor_box_3 .con_list li:hover .xin {
  display: none !important;
}
.floor .floor_box_3 .con_list .t {
  width: 355px;
  font-size: 15px;
  color: #333333;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floor .floor_box_3 .con_list .price_icon {
  margin-top: -10px;
}
.floor .floor_box_3 .con_list p {
  display: inline-block;
  color: #d4282d;
  vertical-align: middle;
}
.floor .floor_box_3 .con_list .icon_small {
  display: inline-block;
  vertical-align: middle;
}
.floor .floor_box_3 .con_list .yardage {
  position: absolute;
  left: 10px;
  top: 10px;
}
.floor .floor_box_3 .con_list .yardage .plate_box {
  margin-bottom: 2px;
  width: 70px;
  height: 25px;
  line-height: 25px;
  color: #fff;
}
.floor .floor_box_3 .con_list .yardage .plate_s {
  background: #2158a7;
}
.floor .floor_box_3 .con_list .yardage .plate_d {
  background: #20a559;
}
.xin {
  position: absolute;
  z-index: 888;
  top: 14px;
  right: 14px;
  display: none;
  width: 20px;
  height: 18px;
  background: url(/dist/c9b917c9fdacfb4cd7f1003fe1affe95.png) 50% no-repeat;
}
.xin:active {
  background: url(/dist/3e9d575e215cccd6ee266845c28ee63f.png) 50% no-repeat;
}
.news {
  display: inline-block;
  margin: 100px auto 0;
  margin-bottom: 100px;
}
.news b {
  font-weight: normal;
}
.news .t {
  display: inline-block;
  width: 236px;
  height: 45px;
  line-height: 45px;
  background: url(/dist/65fd32a0598c5c7e36e86418e41a4a44.png) 50% no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .t h2 {
  font-size: 28px;
  color: #333;
  font-weight: normal;
  letter-spacing: 5px;
}
.news .t img {
  margin-top: 12px;
}
.news .navs_list {
  display: block;
  margin-top: 36px;
}
.news .navs_list a {
  display: inline-block;
  margin: 0 5px ;
  font-size: 13px;
  padding: 3px 4px;
  border: 1px solid #666;
  color: #333;
}
.news .navs_list .active_hd {
  border: 1px solid #2d6eca !important;
  color: #2d6eca !important;
}
.news .active {
  display: block !important;
}
.news .news_list {
  display: none;
  width: 1090px;
  margin: 14px auto 0;
}
.news .news_list li {
  float: left;
  width: 545px;
  margin-top: 30px;
}
.news .news_list .img {
  float: left;
  width: 196px;
  height: 135px;
  margin-right: 16px;
  background: #e8f1f6;
}
.news .news_list .info_com {
  float: left;
  text-align: left;
  width: 290px;
  transition: all 0.3s ease-in;
}
.news .news_list .info_com h4 {
  margin-top: 6px;
  width: 290px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .news_list .info_com p {
  height: 56px;
  color: #999;
  font-size: 14px;
}
.news .news_list .info_com .info {
  margin-top: 12px;
  height: 40px;
  padding-bottom: 32px;
}
.news .news_list .info_com .item {
  font-size: 13px;
  height: 20px;
}
.news .news_list .info_com .item b {
  margin-left: 15px;
}
.news .news_list li:hover .info_com {
  transform: translateX(5px);
}
.news .info_btn {
  margin-top: 70px;
  display: inline-block;
  padding: 14px 30px;
  border: 1px solid #757575;
  color: #666;
  font-size: 18px;
}
.news .info_btn .icon_btn {
  margin-left: 5px;
  display: none;
  color: #fff;
}
.news .info_btn b {
  margin-left: 20px;
}
.news .info_btn:hover {
  padding: 14px 20px;
  background: #427ccf;
  color: #fff;
  border-color: #427ccf;
}
.news .info_btn:hover .icon_btn {
  display: inline-block;
}
@keyframes swinging {
  from {
    top: 0px;
  }
  to {
    top: -30px;
  }
}
.quick_links {
  display: inline-block;
  width: 1090px;
  position: fixed;
  z-index: 88888;
  bottom: -70px;
  left: 50%;
  margin-left: -545px;
}
.quick_links a {
  display: block;
  height: 40px;
}
.quick_links .quick_list {
  position: absolute;
  z-index: 1;
  top: -180px;
  right: -50px;
  text-align: center;
}
.quick_links .quick_list .xin_f {
  padding: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/dist/ca9dc50275bc3845eb513825ff4198b6.png) 50% no-repeat;
}
.quick_links .quick_list .upicon {
  padding: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/dist/d5e14bfe643c1396c502aa42eeed53ac.png) 50% no-repeat;
}
.quick_links .quick_list li {
  width: 40px;
  height: 40px;
  margin-top: 2px;
  background: rgba(178, 178, 178, 0.7);
}
.quick_links li:hover {
  background: rgba(148, 148, 148, 0.7);
}
.settlement {
  padding-bottom: 100px;
  width: 1090px;
  margin: 20px auto 0;
  text-align: left;
  overflow: hidden;
}
.info_box .hd {
  background: #f5f5f5;
  border: 1px solid #eaeaea;
}
.info_box .hd h1 {
  padding: 14px 20px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
}
.info_box .bd {
  position: relative;
  padding: 30px 20px;
  margin-top: -1px;
  border: 1px solid #eaeaea;
}
.info_box .bd .add_b {
  top: 12px;
  width: 112px;
}
.info_box .bd .add_b .ber {
  margin: 16px 26px 18px 0;
}
.info_box .bd .add_b .address_btn {
  top: 44px;
}
.cargo_info .active {
  padding: 17px 29px !important;
  border: 2px solid #2d6eca !important;
}
.cargo_info .active .t {
  top: 5px !important;
  right: 11px !important;
}
.cargo_info .active:after {
  content: '';
  position: absolute;
  left: 385px;
  bottom: 0;
  display: block;
  width: 15px;
  height: 15px;
  background: url(/dist/ede3145f8d66519b2ecd78f3077a37c5.jpg) 50% no-repeat;
}
.cargo_info .cargo_list {
  display: inline-block;
  overflow: hidden;
  min-height: 140px;
}
.cargo_info .cargo_list li {
  float: left;
  position: relative;
  margin-right: 30px;
  display: inline-block;
  padding: 18px 30px;
  border: 1px solid #dddddd;
}
.cargo_info .cargo_list li .t {
  position: absolute;
  top: 6px;
  right: 12px;
}
.cargo_info .cargo_list li .t a {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
  color: #888888;
}
.cargo_info .cargo_list li .con P {
  position: relative;
  width: 340px;
  text-align: left;
  font-size: 13px;
  line-height: 34px;
}
.cargo_info .cargo_list li .con span {
  color: #888888;
}
.cargo_info .cargo_list li .con b {
  color: #333;
}
.cargo_info .cargo_list li .con a {
  position: absolute;
  right: 0px;
  display: inline-block;
  color: #2d6eca;
}
.cargo_info .bd {
  margin-bottom: 20px;
}
.add_b {
  position: relative;
  float: right;
  width: 180px;
}
.add_b .ber {
  margin: 16px 26px 30px 0px;
  display: inline-block;
  height: 80px;
  border-left: 1px solid #dddddd;
}
.add_b .address_btn {
  position: absolute;
  display: inline-block;
  top: 56px;
}
.add_b .address_btn a {
  padding: 6px 10px;
  color: #2d6eca;
  border: 1px solid #2d6eca;
  font-size: 14px;
}
.product_info a {
  display: block;
  color: #333;
}
.product_info table {
  border: 1px solid #dddddd;
}
.product_info table tr {
  text-align: center !important;
}
.product_info table th {
  background: #f5f5f5;
  padding: 14px 20px;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  border-bottom: 1px solid #dddddd;
}
.product_info table td {
  padding: 20px 0;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px dashed #dddddd;
  vertical-align: top;
}
.product_info table td s {
  color: #777;
}
.product_info table td .bg {
  margin: 0px 20px ;
  vertical-align: top;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #f5f5f5;
}
.product_info table td .bg img {
  padding: 14px;
  width: 72px;
  height: 72px;
}
.product_info table td .con {
  display: inline-block;
  font-size: 14px;
}
.product_info table td .con h1 {
  display: inline;
  font-size: 14px ;
  font-weight: normal;
  width: 200px;
}
.product_info table td .con .class-con {
  position: relative;
  margin-bottom: 5px;
  width: 288px;
}
.product_info table td .con p {
  position: relative;
  margin-bottom: 5px;
  font-size: 13px;
  color: #888;
}
.product_info table td .con b {
  margin-left: 0;
}
.product_info table td .con .icon_small {
  position: absolute;
  margin-left: 2px;
}
.product_info .price {
  display: inline-block;
}
.delete {
  color: #777;
}
.invoice_info {
  margin-top: 40px;
}
.invoice_info .bd td {
  padding: 10px 0;
  width: 380px;
}
.invoice_info .bd td span {
  text-align: right;
  display: inline-block;
  width: 35%;
  font-size: 14px;
  color: #333333;
}
.invoice_info .bd td .text {
  padding-left: 10px;
  width: 61%;
  height: 34px;
  border: 1px solid #dedede;
}
.invoice_info .bd table {
  float: left;
}
.invoice_info .bd .ber {
  display: inline-block;
  margin: 0 60px;
  margin-top: 10px;
  height: 205px;
  border-right: 1px dashed #dedede;
}
.invoice_info .bd .btn_list {
  display: inline-block;
  margin-top: 60px;
  vertical-align: top;
}
.invoice_info .bd .btn_list a {
  display: block;
  padding: 8px 30px;
  margin: 8px 0;
}
.invoice_info .bd .btn_list .btnbg_b {
  background: #3768b0;
  color: #fff;
}
.invoice_info .bd .btn_list .btnbg_f {
  padding: 7px 29px;
  border: 1px solid #3768b0;
  color: #3768b0;
}
.input-group .btn-default {
  padding: 4px 0;
  float: left;
  display: inline-block;
  width: 22px;
  font-size: 12px;
  color: #999999;
}
.input-group .form-control {
  float: left;
  display: inline-block;
  width: 106px;
  height: 22px;
  line-height: 22px;
  border-left: 1px solid #d5d5d5;
  text-align: center;
  font-size: 14px;
}
.settlement_info {
  margin-top: 17px;
  background: #f5f5f5;
  border: 1px solid #dddddd;
}
.settlement_info .fl_info {
  display: inline-block;
  padding: 21px 20px;
}
.settlement_info .fl_info .boxwen {
  height: 14px;
}
.settlement_info .fl_info p {
  padding: 11px 0;
  font-size: 14px;
  color: #333333;
}
.settlement_info .fr {
  float: right;
}
.settlement_info .fr_info .font_box {
  padding: 21px 20px;
}
.settlement_info .fr_info .font_box p {
  text-align: right;
  padding: 11px 0;
  font-size: 14px;
  color: #333333;
}
.settlement_info .fr_info .font_box strong {
  margin-top: -7px;
  float: right;
  font-size: 22px;
  color: #d4282d;
}
.settlement_info .fr_info .font_box b {
  margin: 0 10px;
}
.settlement_info .fr_info .span_con {
  padding: 8px 0;
  margin-right: 15px;
  display: inline-block;
  float: left;
  text-align: right;
}
.settlement_info .fr_info .span_d b, .settlement_info .fr_info .span_d em {
  margin-left: 20px;
}
.settlement_info .fr_info .span_d span {
  font-size: 14px;
  color: #333333;
}
.settlement_info .fr_info .span_d strong {
  font-size: 22px;
  color: #d4282d;
}
.settlement_info .fr_info .em_d {
  font-size: 13px;
  color: #888888;
}
.settlement_info .red_btn {
  float: left;
  width: 40px;
  margin-top: -1px;
  padding: 18px 50px;
  background: #d4282d;
  color: #fff;
  font-size: 20px;
}
.settlement_btn {
  position: relative;
  text-align: right;
  margin-top: 14px;
}
.settlement_btn a {
  display: inline-block;
  padding: 15px 60px;
  color: #fff;
  background: #d4282d;
}
.shopping_box {
  width: 1090px;
  margin: 20px auto 0;
  text-align: left;
  overflow: hidden;
}
.shopping_box .checkbox {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #ccc;
}
.shopping_box .bd {
  margin-top: 14px;
}
.shopping_box .bg {
  margin: 0 22px 0 0 ;
}
.shopping_box .fl_info p {
  padding: 0 !important;
}
.shopping_box .fl_info a {
  color: #333;
  margin-left: 35px;
}
.shopping_box .fl_info .jf_checkbox {
  margin-left: 36px !important;
}
.shopping_box .fr_info {
  position: relative;
}
.shopping_box .fr_info p {
  padding: 0 !important;
}
.settlem_cp {
  margin-top: 50px !important;
  padding-bottom: 100px;
}
.settlem_cp .cp_con .promotion_list {
  margin-top: 40px;
}
.settlem_cp .cp_con .promotion_list li {
  position: relative;
  float: left;
  margin-left: 10px;
  overflow: hidden;
}
.settlem_cp .cp_con .promotion_list li .img {
  width: 210px;
  height: 210px;
  background: #f5f5f5;
}
.settlem_cp .cp_con .promotion_list li img {
  padding: 30px;
  height: 150px;
  transition: all 0.6s;
}
.settlem_cp .cp_con .promotion_list li .t_t {
  width: 210px;
  font-size: 15px;
  color: #333;
  overflow: hidden;
}
.settlem_cp .cp_con .promotion_list li .t_t span {
  display: inline-block;
  padding-top: 20px;
  width: 210px;
  text-align: center;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settlem_cp .cp_con .promotion_list li .t_t p {
  display: inline-block;
  color: #d70000;
  vertical-align: middle;
}
.settlem_cp .cp_con .promotion_list li .price_icon {
  margin-top: -6px;
}
.settlem_cp .cp_con .promotion_list li .icon_small {
  display: inline-block;
  padding: 0;
  width: 41px;
  height: 18px;
  vertical-align: middle;
}
.settlem_cp .cp_con .promotion_list li:hover .xin {
  display: none !important;
}
.settlem_cp .cp_con .promotion_list li:hover .p_img {
  transform: scale(1.15);
}
.t_bg_01 {
  display: inline-block;
  width: 236px;
  height: 45px;
  background: url(/dist/644a42582b55ef1a48ed855c647e7dbd.png) 50% no-repeat;
}
.t_bg_02 {
  display: inline-block;
  width: 236px;
  height: 45px;
  background: url(/dist/6a0eb0a2944626db4696b72808ad7dfa.png) 50% no-repeat;
}
.login_page .header {
  width: 1096px;
  margin: 0 auto;
  height: 100px;
}
.login_page .logo {
  display: inline-block;
  margin-top: 35px;
  width: 150px;
  height: 30px;
  background: url(/dist/f4ac3bd1f03366b5f1608c2eae51018e.png) 50% no-repeat;
}
.login_page .content {
  position: relative;
}
.login_page .content .bg {
  height: 600px;
}
.login_page .content .login_bg {
  position: absolute;
  width: 100%;
  height: 600px;
  background: url(/dist/e660ffe1a1cdf8dd0aaf3b988ec43efd.jpg) 50% no-repeat;
}
.login_page .content .bg_con {
  position: absolute;
  left: 50%;
  top: 36px;
  padding: 25px  40px;
  display: inline-block;
  margin-left: 188px;
  background: #fff;
}
.login_page .content .bg_con .login_con {
  display: none;
}
.login_page .content .bg_con .active {
  display: block;
}
.login_page .content .bg_con .active .b_ber {
  display: block !important;
}
.login_page .content .bg_con .active .l_ber {
  display: block !important;
}
.login_page .content .bg_con .active.b_ber {
  border-bottom: 2px solid #2158a7;
}
.login_page .content .bg_con .bg_list a {
  position: relative;
  float: left;
  padding: 16px 54px;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  border-bottom: 2px solid #e9e9e9 ;
}
.login_page .content .bg_con .bg_list .b_ber {
  display: none;
  border-bottom: 2px solid #2158a7;
}
.login_page .content .bg_con .bg_list .l_ber {
  display: none;
  border-bottom: 2px solid #20a559;
}
.login_page .content .bg_con .bg_list p {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
}
.login_page .content .bg_con .bg_tabel {
  display: inline-block;
  padding-top: 30px;
}
.login_page .content .bg_con .bg_tabel .text {
  display: block;
  margin-top: 20px;
  padding-left: 10px;
  width: 268px;
  height: 38px;
  border: 1px solid #dedede;
}
.login_page .content .bg_con .btn_l button {
  background: #20a559 !important;
}
.login_page .content .bg_con .bg_user {
  display: block;
  margin-top: 15px;
}
.login_page .content .bg_con .bg_user .fl_box {
  float: left;
  display: inline-block;
}
.login_page .content .bg_con .bg_user .fl_box a {
  font-size: 12px;
  color: #20a559;
}
.login_page .content .bg_con .bg_user .fr_box {
  float: right;
  display: inline-block;
}
.login_page .content .bg_con .bg_user .fr_box a {
  font-size: 12px ;
  color: #296ac7;
}
.login_page .content .bg_con .bg_user .jf_checkbox {
  margin: 0;
}
.login_page .content .bg_con .bg_user .jf_checkbox b {
  font-size: 12px;
  color: #666666;
}
.login_page .content .bg_con .bg_Board {
  margin-top: 48px;
  display: block;
}
.login_page .content .bg_con .bg_Board button {
  width: 100%;
  padding: 12px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #2158a7;
}
.login_page .content .bg_con .bg_method {
  display: block;
  padding-top: 60px;
}
.login_page .content .bg_con .bg_method .bg_ber {
  position: relative;
  height: 18px;
}
.login_page .content .bg_con .bg_method .bg_ber .ber {
  position: absolute;
  z-index: 1;
  top: 10px;
  margin-left: 42px;
  width: 70%;
  border-top: 1px solid #dddddd;
}
.login_page .content .bg_con .bg_method .bg_ber h2 {
  position: absolute;
  left: 50%;
  margin-left: -54px;
  z-index: 5;
  padding: 0 14px;
  font-size: 13px;
  background: #fff;
  color: #999999;
}
.login_page .content .bg_con .bg_method .ber_list {
  padding-top: 33px;
}
.login_page .content .bg_con .bg_method .ber_list .login_weixin {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/dist/a14d5463d73f05c0fd6b2684d98a445b.png) 50% no-repeat;
}
.login_page .content .bg_con .bg_method .ber_list .login_weibo {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/dist/5ccb6082e5966005c7d38e6c76e48c1f.png) 50% no-repeat;
  cursor: default;
}
.login_page .content .bg_con .bg_method .ber_list .login_qq {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/dist/40afd36eadd803658d199b89c381e095.png) 50% no-repeat;
  cursor: default;
}
.login_page .content .bg_con .bg_method .ber_list a {
  margin-left: 45px;
}
.login_page .register .bg_tabel {
  padding-top: 15px !important;
}
.login_page .register .text {
  margin-top: 10px !important;
}
.login_page .register .proving {
  margin-top: 10px;
}
.login_page .register .proving .text_xs {
  float: left;
  display: inline-block;
  width: 133px;
  height: 38px;
  border: 1px solid #dedede;
  text-align: center;
}
.login_page .register .proving .proving_btnl {
  float: left;
  margin-left: 10px;
  display: inline-block;
  width: 135px;
  height: 40px;
  border: 1px solid #20a559;
  font-size: 14px;
  color: #20a559;
  text-align: center;
  background: #f4faf7;
}
.login_page .register .bg_Board {
  margin-top: 34px !important;
}
.login_page .copyright {
  padding: 40px 50px;
  width: 990px;
  margin: 0 auto;
  text-align: center;
}
.login_page .copyright .info {
  display: inline-block;
  text-align: left;
  color: #333333;
}
.login_page .copyright .info a {
  padding: 0 5px ;
  font-size: 12px;
  color: #333;
}
.login_page .copyright .info p {
  color: #333;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
.login_page .copyright .info span {
  margin: 0 6px;
}
.login_page .copyright .info em, .login_page .copyright .info strong, .login_page .copyright .info b {
  padding-left: 5px;
  margin-right: 44px;
}
.register_slide {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  width: 278px;
  height: 38px;
  line-height: 36px;
  background: #f5f5f5;
  border: 1px solid #dedede;
  text-align: center;
}
.register_slide b {
  margin-left: 40px;
  font-size: 14px;
  color: #888888;
}
.register_slide .slide_btn {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 55;
  width: 38px;
  height: 38px;
  background: #fff;
  border: 1px solid #dedede;
  font-size: 14px;
  color: #bbbbbb;
  box-shadow: 0px 0px 8px rgba(222, 222, 222, 0.7);
  cursor: pointer;
}
.register_slide .slide_btn:after {
  position: absolute;
  content: '';
  width: 200%;
  height: 100%;
  background: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.register_slide .success {
  position: relative;
  top: 0;
  left: 0;
}
.register_slide .slider_bg {
  width: 240px;
  transition: all ease 0.3s;
  height: 38px;
}
.register_slide .slider_bg.success {
  background: #83bd42;
}
.register_slide .slider_bg.success b {
  color: #fff;
}
.member_logo {
  width: 1090px;
  margin: 25px auto 0;
  padding-bottom: 30px;
}
.member_logo .logo_con .ber {
  margin: 0  25px;
  float: left;
  height: 25px;
  border-left: 1px solid #666666;
}
.member_logo .logo_con b {
  float: left;
  font-size: 20px;
}
.member_logo .logo_con .logo {
  float: left;
  display: inline-block;
  width: 140px;
  height: 28px;
  background: url(/dist/23b645f56018516879d8f5c1bc5c44d6.png) 50% no-repeat;
}
.member_logo .logo_btn a {
  padding: 4px  16px;
  font-size: 14px;
  margin-left: 5px;
}
.member_logo .logo_btn .b_ber {
  color: #2d6eca;
  border: 1px solid #2d6eca;
}
.member_logo .logo_btn .l_ber {
  color: #20a559;
  border: 1px solid #20a559;
}
.member_content .con_box {
  position: relative;
  width: 1090px ;
  margin: 0 auto;
  background: #fff;
}
.member_content .side {
  position: absolute;
  z-index: 5;
  left: 0;
  height: 537px !important;
  float: left;
  display: inline-block;
  width: 165px;
  height: 100%;
  border: 1px solid #eaeaea;
  overflow: auto;
}
.member_content .side_list {
  padding-top: 15px;
}
.member_content .side_list .active a {
  display: block;
  border-left: 2px solid #20a559;
  color: #20a559;
}
.member_content .side_list li {
  height: 20px;
  padding: 15px 0;
}
.member_content .side_list li a {
  display: inline-block;
  font-size: 15px;
  color: #333333;
}
.member_content .main {
  float: left;
  width: 800px;
  border: 1px solid #eaeaea;
  padding: 48px 50px 0;
}
.member_content .main .portrait_com {
  margin-left: 71px;
}
.member_content .main .personal_data {
  float: left;
}
.member_content .main .personal_data .com {
  text-align: left;
  padding-left: 20px;
}
.member_content .main .personal_data h2 {
  margin-top: 10px;
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.member_content .main .personal_data .vip {
  margin-top: 10px;
}
.member_content .main .personal_data .vip .i_vip {
  margin-left: 1px;
  float: left;
  margin-top: 3px;
  display: inline-block;
  width: 20px;
  height: 15px;
  background: url(/dist/6bb270300740ce34c57dee83bc7618f6.png) 50% no-repeat;
}
.member_content .main .personal_data .vip em {
  margin-left: 5px;
  float: left;
  font-size: 14px;
  color: #20a559;
  font-style: italic;
  font-weight: bold;
}
.member_content .main .personal_data .data {
  margin-top: 20px;
}
.member_content .main .personal_data .data a {
  font-size: 14px;
  color: #888888;
}
.member_content .main .bill {
  text-align: left;
  width: 370px;
}
.member_content .main .bill p {
  line-height: 38px;
  width: 100%;
  font-size: 16px;
  color: #333;
}
.member_content .main .bill b {
  color: #d4282d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member_content .main .bill span {
  margin-left: 62px;
  display: inline-block;
}
.member_content .main .bill .i_ask {
  display: inline-block;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  background: url(/dist/fb4d5fd00653f1e153dc0c02508543c3.png) 50% no-repeat;
}
.member_content .ber_dwon {
  margin-top: 38px;
  display: inline-block;
  width: 804px;
  height: 1px;
  background: url(/dist/dc427fd62091cb8da11ff2be8df5b3ea.png) 50% bottom repeat-x;
}
.member_content .order_nav {
  padding: 10px 0;
}
.member_content .order_nav .order_list li {
  float: left;
  text-align: left;
  width: 50%;
  padding: 40px 0;
}
.member_content .order_nav .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
}
.member_content .order_nav .i_xiang {
  background: url(/dist/ffd4ca2ed1ba4d73713261cf24f9e8ef.png) 50% no-repeat;
}
.member_content .order_nav .i_hou {
  background: url(/dist/c76a8e1e77349c2ea2b164de13b161ec.png) 50% no-repeat;
}
.member_content .order_nav .i_dan {
  background: url(/dist/986f01be36be2e1d2f8488910b9a7664.png) 50% no-repeat;
}
.member_content .order_nav .i_time {
  background: url(/dist/9d684adb9d53ed29c4eba72c2c2667b6.png) 50% no-repeat;
}
.member_content .order_nav .li1 .check_btn {
  color: #ff783d;
  border: 1px solid #ff783d;
}
.member_content .order_nav .li2 .check_btn {
  color: #20a559;
  border: 1px solid #20a559;
}
.member_content .order_nav .li3 .check_btn {
  color: #3e76c7;
  border: 1px solid #3e76c7;
}
.member_content .order_nav .li4 .check_btn {
  color: #ed5157;
  border: 1px solid #ed5157;
}
.member_content .order_nav .chart {
  float: left;
  margin: 0 20px 0 90px;
}
.member_content .order_nav .info {
  float: left;
}
.member_content .order_nav .info h2 {
  margin-top: 4px;
  font-size: 18px;
  color: #333333;
  font-weight: normal;
}
.member_content .order_nav .info b {
  color: #d4282d;
}
.member_content .order_nav .info .check_btn {
  margin-top: 8px;
  display: inline-block;
  font-size: 14px;
  padding: 5px 14px;
}
.member_content .main_box {
  float: right;
  margin-left: 20px;
  margin-top: 20px;
  width: 900px;
  text-align: left;
}
.member_content .main_box .hd {
  position: relative;
}
.member_content .main_box .hd h2 {
  display: inline-block;
  padding: 14px 20px ;
  font-size: 13px;
  color: #666666;
  font-weight: normal;
}
.member_content .main_box .hd span {
  margin-left: 32px;
}
.member_content .main_box .hd em {
  margin-left: 60px;
  color: #da5659;
  position: absolute;
  top: 14px;
  right: 15px;
}
.member_content .main_box .hd .download {
  padding: 14px 20px ;
  float: right;
  color: #20a559;
  font-size: 13px;
}
.member_content .main_box .hd .num {
  font-size: 13px;
  position: absolute;
  right: 15px;
  padding: 14px 0 ;
  color: #20a559;
}
.member_content .main_box .bd {
  padding: 22px 40px;
}
.member_content .main_box .none {
  display: none;
}
.member_content .main_box .red_btn {
  color: #fff;
  background: #d4282d;
  border-color: #d4282d ;
}
.portrait_bg {
  position: relative;
  float: left;
  width: 110px;
  height: 110px;
  background: #f0f0f0;
}
.portrait_bg .portrait {
  position: absolute;
  z-index: 888;
  width: 110px;
  height: 110px;
  line-height: 110px;
  background: url(/dist/5c89adc319dce67b8a18aeacdb81cec3.png) 50% no-repeat;
}
.portrait_bg img {
  position: absolute;
  z-index: 777;
  left: 0;
  padding: 5px;
  display: inline-block;
  width: 100px;
  height: 100px;
}
.text_box {
  width: 100%;
}
.text_box .text_list_l {
  width: 100%;
}
.text_box .text_list_l li {
  float: left;
  padding: 5px 0;
  width: 50%;
}
.text_box .text_list_l li a {
  font-size: 13px;
  color: #333;
}
.text_box .text_list_l li b {
  margin-right: 8px;
  float: left;
  display: inline-block;
}
.text_box .text_list_r {
  float: right;
  width: 50%;
}
.text_box .text_list_r li {
  padding: 5px 0;
}
.text_box .text_list_r li a {
  font-size: 13px;
  color: #333;
}
.text_box .text_list_r li b {
  margin-right: 8px;
  float: left;
  display: inline-block;
}
.mt_zero {
  margin-top: 0 !important;
}
.p_zero {
  padding: 0 !important;
}
.p_zero .black_con {
  border: none;
}
.lately_buy li {
  margin: 0 24px !important;
}
.lately_buy li .img {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% ;
}
.lately_buy li .img img {
  width: 120px !important;
  height: 120px !important;
}
.order_info {
  margin: 12px 0;
}
.order_info .ticket_box {
  float: left;
  width: 160px;
  height: 115px;
  line-height: 115px;
  text-align: center;
  border-right: 1px dashed #d8d8d8 ;
}
.order_info .ticket_box b {
  font-weight: bold;
  color: #d4282d;
  font-size: 20px;
}
.order_info .info_box {
  float: left;
  margin-left: 50px;
}
.order_info .info_box p {
  padding: 11px 0;
  font-size: 13px;
}
.order_info .info_box b {
  color: #888;
}
.order_info .info_frbtn {
  float: right;
  margin-top: 44px;
  margin-right: 50px;
}
.order_info .info_frbtn a {
  padding: 6px 12px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #949494;
}
.settle_box {
  position: relative;
  margin-top: -1px;
  padding: 16px 36px;
  line-height: 26px;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
  text-align: right;
}
.settle_box span {
  font-size: 14px;
}
.settle_box b {
  display: inline-block;
  right: 165px;
}
.settle_box em {
  right: 0;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  color: #d4282d;
}
.invoice_box {
  display: block;
  *zoom: 1;
}
.invoice_box:before, .invoice_box:after {
  display: table;
  content: "";
}
.invoice_box:after {
  clear: both;
}
.invoice_box:before, .invoice_box:after {
  display: table;
  content: "";
}
.invoice_box:after {
  clear: both;
}
.invoice_box dl {
  display: block;
  float: left;
  width: 50%;
  font-size: 12px;
}
.invoice_box div {
  *zoom: 1;
}
.invoice_box div:before, .invoice_box div:after {
  display: table;
  content: "";
}
.invoice_box div:after {
  clear: both;
}
.invoice_box div:before, .invoice_box div:after {
  display: table;
  content: "";
}
.invoice_box div:after {
  clear: both;
}
.invoice_box dt {
  display: block;
  float: left;
  width: 30%;
  text-align: right;
  color: #999;
  padding: 6px 0;
}
.invoice_box dd {
  display: block;
  float: left;
  width: 70%;
  text-align: left;
  color: #333;
  padding: 6px 0;
}
.pb_hundred {
  padding-bottom: 100px;
}
.main_list {
  float: left;
  text-align: left;
  width: 900px;
}
.main_list a {
  display: inline-block;
  padding: 15px 30px ;
  font-size: 16px;
  color: #333;
}
.main_list .active {
  color: #20a559;
}
.main_list span {
  font-size: 14px;
  color: #eaeaea;
}
.order_classify {
  margin-top: 0 !important;
}
.order_classify th {
  padding: 12px 0;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
}
.order_classify .order_data {
  margin-top: 16px;
}
.order_classify .order_data .hd b {
  margin-right: 45px;
}
.order_classify .order_data td {
  text-align: center;
  font-size: 14px;
  color: #333;
  border-left: 1px solid #eaeaea ;
  padding: 0 5px 0 5px;
}
.order_classify .order_data .bd {
  padding: 0;
}
.order_classify .order_data .img_list {
  display: table;
  margin-left: 19px ;
}
.order_classify .order_data .img_list li {
  float: left;
  padding: 12px 6px;
}
.order_classify .order_data .img_list .img_bg {
  width: 80px;
  height: 80px;
  background: #f5f5f5;
}
.order_classify .order_data .img_list img {
  width: 58px;
  height: 58px;
  padding: 11px;
}
.order_classify .order_data .btn_con {
  font-size: 12px;
}
.order_classify .order_data .btn_con a {
  display: inline-block;
  margin: 3px 0;
  padding: 4px 10px;
  color: #20a559;
  border: 1px solid #20a559;
}
.order_classify .order_data .btn_con .red_box {
  color: #fff;
  background: #d4282d;
  border-color: #d4282d ;
}
.order_classify .order_data .red_font {
  color: #d4282d;
}
.order_classify .orange_box .hd {
  position: relative;
  background: #fff7ee;
  border-color: #e9c78b;
}
.order_classify .orange_box .hd em {
  position: absolute;
  right: 15px;
  top: 14px;
  color: #c47b09;
}
.order_classify .orange_box .bd {
  border-color: #e9c78b;
}
.order_classify .red_box .hd {
  position: relative;
  background: #fff3f3;
  border-color: #e4b5b6;
}
.order_classify .red_box .hd em {
  position: absolute;
  right: 15px;
  top: 14px;
  color: #d4282d;
}
.order_classify .red_box .bd {
  border-color: #e4b5b6;
}
.paye_list {
  margin-top: 60px;
  padding-bottom: 30px;
  text-align: center;
}
.paye_list li {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border: 1px solid #bbbbbb;
  margin: 0px 5px;
  vertical-align: top;
}
.paye_list li a {
  display: block;
  font-size: 12px;
  color: #666666;
}
.paye_list li:hover {
  border: 1px solid #2d6eca;
}
.paye_list li:hover a {
  color: #2d6eca;
}
.paye_list .active {
  background: #2d6eca;
  border: 1px solid #2d6eca;
}
.paye_list .active a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
}
.paye_list .icon {
  display: block;
  height: 29px;
}
.paye_list .i_prev {
  background: url(/dist/10d93c52f484905641feadc4bc3af469.png) 50% center no-repeat;
}
.paye_list .i_next {
  background: url(/dist/be312dcd5a9e73db3cb1ed6db48c297b.png) 50% center no-repeat;
}
.set_con .bd {
  margin-top: -1px;
  border: 1px solid #eaeaea;
  padding: 22px 40px 120px !important;
}
.set_con .set_list {
  position: relative;
  height: 44px;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
}
.set_con .set_list li {
  float: left;
  margin-left: -1px;
}
.set_con .set_list li a {
  display: inline-block;
  font-size: 15px;
  color: #333;
  padding: 12px 25px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.set_con .set_list .active {
  position: relative;
  display: block;
  top: -1px;
}
.set_con .set_list .active a {
  margin-top: 0px;
  padding: 10px 25px;
  height: 23px;
  background: #fff;
  border-top: 3px solid #20a559;
}
.set_con .active {
  display: block;
}
.set_con .set_data .dl1 {
  height: 90px;
  line-height: 90px;
}
.set_con .set_data .dl1 .portrait_bg {
  width: 90px;
  height: 90px;
}
.set_con .set_data .dl1 .portrait_bg img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.set_con .set_data .dl1 .portrait {
  width: 90px;
  height: 90px;
  background-size: 100% 100%;
}
.set_con .set_data .dl1 b {
  margin-top: 30px;
  display: inline-block;
  font-size: 12px;
  color: #999999;
}
.set_con .set_btn {
  margin-left: 96px;
  margin-top: 30px;
}
.set_con .set_btn a {
  display: inline-block;
  padding: 8px 32px;
  font-size: 16px;
  color: #ffffff;
  background: #36ae69;
}
.set_box dl {
  float: left;
  width: 100%;
  vertical-align: middle;
  padding: 13px 0;
}
.set_box dt {
  float: left;
  width: 16%;
  text-align: right;
  color: #999999;
  font-size: 14px;
}
.set_box dt span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
}
.set_box dd {
  float: left;
  margin-left: 30px;
  width: 80%;
  height: 34px;
  line-height: 34px;
  text-align: left;
  font-size: 14px;
  color: #333333;
}
.set_box dd a {
  margin-left: 20px;
  color: #36ae69;
}
.set_box dd .text {
  padding-left: 14px;
  height: 34px;
  width: 268px;
  border: 1px solid #dedede;
}
.password_set .bg {
  position: relative;
  display: inline-block;
  height: 8px;
  width: 250px;
  border: 1px solid #d5d5d5;
  background: #e5e5e5;
}
.password_set .kuai {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50%;
  height: 8px;
  background: #ffcf3a;
  border: 1px solid #f4b800;
}
.password_set .i_icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.password_set .i_dui {
  top: 4px;
  background: url(/dist/d2c6070a0f45d307d0d92742c302a312.png) 50% center no-repeat;
}
.password_set .i_cuo {
  top: 3px;
  background: url(/dist/6e0ecfd83c5d485f6686c0cc3962aa6a.png) 50% center no-repeat;
}
.password_set a {
  float: right;
}
.password_set b {
  margin-left: 30px;
  color: #999999;
}
.password_set .font_yellow {
  color: #ecb200;
}
.add_set {
  height: 406px;
}
.add_set .add_list li {
  height: 30px;
  line-height: 30px;
  padding: 18px 26px;
  margin-bottom: 20px;
  border: 1px solid #dedede;
}
.add_set .add_list span {
  margin: 0 50px ;
}
.add_set .fl_box {
  font-size: 14px;
  color: #333;
}
.add_set .fr_box a {
  margin-left: 20px;
  font-size: 13px;
  color: #888888;
}
.add_set .fr_box a:hover {
  color: #20a559;
}
.add_set .fr_box .qdl {
  color: #20a559;
}
.add_set .set_btn {
  text-align: center;
  margin: 0;
  padding-top: 10px;
}
.set_conbox {
  display: none;
}
.layui-layer-title {
  display: none !important;
}
.layer_con {
  background: #fff;
  padding: 40px 30px;
  width: 488px;
  text-align: center;
}
.layer_con .register_slide {
  margin: 0;
  width: 288px;
  height: 34px;
  line-height: 34px;
}
.layer_con .register_slide .slide_btn {
  height: 34px;
  width: 34px;
}
.layer_con .register_slide .slide_btn:after {
  position: absolute;
  content: '';
  width: 200%;
  height: 100%;
  background: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.layer_con .register_slide .slider_bg {
  width: 253px;
  transition: all ease 0.3s;
  height: 34px;
}
.layer_con .register_slide .slider_bg.success {
  background: #83bd42;
}
.layer_con .register_slide .slider_bg.success b {
  color: #fff;
}
.layer_con .t {
  position: relative;
  padding-bottom: 30px;
}
.layer_con .t .i_x {
  position: absolute;
  top: -16px;
  right: -4px;
  width: 17px;
  height: 17px;
  background: url(/dist/842606a58f5265227c7b8e7c95397e95.png) 50% no-repeat;
}
.layer_con .t span {
  position: relative;
  z-index: 555;
  background: #fff;
  padding: 0 18px;
  font-size: 16px;
  color: #333;
}
.layer_con .t .b_ber {
  position: absolute;
  z-index: 111;
  width: 204px;
  left: 50%;
  margin-left: -102px;
  top: 11px;
  border-bottom: 1px solid #ddd;
}
.layer_con .con dl {
  width: 100%;
  height: 37px;
  line-height: 37px;
  padding: 10px 0;
}
.layer_con .con dt {
  float: left;
  width: 24%;
  text-align: right;
  font-size: 14px;
  color: #999999;
}
.layer_con .con dd {
  margin-left: 20px;
  float: left;
  width: 70%;
  text-align: left;
  font-size: 14px;
  color: #333333;
}
.layer_con .con dd .text {
  padding-left: 10px;
  width: 278px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dedede ;
}
.layer_con .con dd .text:focus {
  border-color: #20a559 ;
}
.layer_con .con dd .select {
  padding-left: 10px;
  width: 290px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dedede ;
  color: #757575;
}
.layer_con .con dd .select option {
  color: #333;
}
.layer_con .con dd .xiala {
  padding-left: 5px;
  width: 136px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dedede;
  color: #000;
}
.layer_con .con dd .ml {
  margin-left: 14px;
}
.layer_con .btn_con {
  margin-top: 40px;
}
.layer_con .btn_con a {
  padding: 6px 33px;
  border: 1px solid #36ae69;
  color: #36ae69;
  font-size: 14px;
}
.layer_con .btn_con .btn_lse {
  margin-left: 4px;
  background: #36ae69;
  color: #fff;
}
.layer_con .sm {
  float: left;
  width: 130px !important;
}
.layer_con .sis_btn {
  margin-left: 16px;
  float: left;
  width: 130px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #20a559;
  background: #f4faf7;
  text-align: center;
  border: 1px solid #20a559;
}
.layer_con .wbig {
  width: 288px !important;
  margin-top: 0;
}
.layer_con .img_con {
  position: relative;
}
.layer_con .img_con .img {
  float: left;
}
.layer_con .img_con .btn_con_x {
  float: left;
  position: absolute;
  top: 87px;
  right: 54px;
}
.layer_con .img_con img {
  width: 200px;
  height: 150px;
}
.layer_con .img_con a {
  display: block;
  color: #888888;
}
.layer_con .img_con .btn_ls {
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #20a559;
  border: 1px solid #20a559;
  background: #f4faf7;
}
.layer_con .img_con .font_t {
  text-align: right;
}
.layer_con .text_font {
  padding-bottom: 30px;
}
.layer_con .text_font p {
  height: 15px;
  font-size: 12px;
  color: #999999;
}
.i_recharge {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url(/dist/9e57f3180c77648c48bba726517a49bd.png) 50% no-repeat;
}
.receipt_box {
  width: 550px;
}
.receipt_box .img_box {
  display: inline-block;
  width: 537px;
  height: 306px;
}
.recharge_box {
  width: 626px;
  min-width: 626px;
}
.recharge_box .icon_box {
  font-size: 16px;
  color: #eb4745;
}
.recharge_box .icon_box p {
  margin-top: 10px;
}
.recharge_box .font_box {
  font-size: 14px;
  margin-top: 20px;
}
.recharge_box .font_box p {
  color: #333333;
  padding: 4px 0;
}
.recharge_box .font_box b {
  color: #eb4545;
}
.recharge_box .info_box {
  background: #f5f5f5;
  margin: 25px 72px 0;
  text-align: center;
  padding: 20px  0 ;
}
.recharge_box .info_box td {
  padding: 10px 38px;
  font-size: 15px;
  color: #333;
  text-align: left;
}
.recharge_box .info_box span {
  display: inline-block;
  width: 80px;
  text-align: right;
}
.recharge_box .info_box b {
  margin-left: 10px;
  text-align: left;
}
.recharge_box .info_box .info_btn {
  margin: 10px 0 20px 0;
  padding: 8px 12px;
  font-size: 14px;
  color: #fff;
  background: #3667af;
}
.recharge_box .copy_btn {
  margin-left: 20px;
}
.layui-layer-shade {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.order_boxs .paye_table {
  float: right;
  width: 900px;
}
.recharge .recharge_btn {
  padding: 8px 22px ;
  font-size: 16px;
  color: #fff;
  background: #36ae69;
}
.recharge .bd {
  margin-top: 40px;
  font-size: 13px;
  color: #666666;
}
.recharge .bd .box_hd {
  border: 1px solid #eaeaea;
  background: #f9f9f9;
}
.recharge .bd .box_bd {
  margin-top: 10px;
}
.recharge .bd th {
  padding: 12px 0;
  font-weight: normal;
  width: 25%;
}
.recharge .bd td {
  padding: 18px 0;
  width: 25%;
  font-size: 12px;
  border: 1px solid #eaeaea;
}
.recharge .bd .br_box {
  padding: 2px 6px ;
  color: #20a559;
  border: 1px solid #20a559;
}
.recharge .bd .lr_box {
  color: #bbbbbb;
  border: 1px solid #bbbbbb;
  text-decoration: none;
  outline: 0 none;
  pointer-events: none;
}
.recharge .paye_table .active {
  background: #20a559;
}
.recharge .paye_table .active a {
  color: #fff;
}
.recharge .paye_table li:hover {
  border: 1px solid #20a559;
}
.recharge .paye_table li:hover a {
  color: #20a559;
}
.btn_box {
  display: inline-block;
  margin-top: 20px;
}
.copy_btn {
  display: inline-block;
  float: right;
  font-size: 13px;
  color: #2158a7;
}
.copy_btn_box {
  display: inline-block;
  margin-left: 20px;
  font-size: 13px;
  color: #2158a7;
}
.file {
  margin-left: 20px;
  position: relative;
  top: 5px;
  display: inline-block;
  overflow: hidden;
  color: #36ae69;
  text-decoration: none;
  text-indent: 0;
  font-size: 14px;
  line-height: 20px;
}
.file input {
  position: absolute;
  height: 28px;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
}
.jf_checkbox {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  height: 15px;
  padding-left: 24px;
  margin-left: 14px;
}
.jf_checkbox i {
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  background: #fff;
}
.jf_checkbox i.on {
  background-image: url(/dist/0264721684c8d8adb8d03c0921c5d212.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 100%;
}
.jf_checkbox input {
  display: block;
  width: 14px;
  height: 14px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.jf_checkbox b {
  display: block;
  font-weight: normal;
  line-height: 20px;
  color: #303030;
  font-size: 13px;
}
.red {
  color: #d4282d !important;
}
.red_edge {
  color: #d4282d !important;
  border-color: #d4282d !important;
}
.collection .con_list {
  width: 864px;
  padding: 0 17px;
}
.collection .con_list li {
  position: relative;
  float: left;
  margin: 0 11px;
  margin-top: 25px;
  text-align: center;
}
.collection .con_list li .img {
  display: inline-block;
  width: 194px;
  height: 194px;
  background: #f5f5f5;
}
.collection .con_list li .img .p_img {
  padding: 12px 0;
}
.collection .con_list li .p_img {
  width: 170px;
  height: 170px;
  transition: all 0.6s;
}
.collection .con_list li:hover .p_img {
  transform: scale(1.05);
}
.collection .con_list li:hover .xin {
  display: none !important;
}
.collection .con_list .t {
  width: 194px;
  height: 50px;
  font-size: 15px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection .con_list .t span {
  display: inline-block;
  margin-top: 6px;
  color: #333333;
}
.collection .con_list .t p {
  display: inline-block;
  color: #d4282d;
  vertical-align: middle;
}
.collection .con_list .t .icon_small {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: 41px;
  height: 18px;
}
.collection .con_list .yardage {
  position: absolute;
  left: 10px;
  top: 10px;
}
.collection .con_list .yardage .plate_box {
  margin-bottom: 2px;
  width: 70px;
  height: 25px;
  line-height: 25px;
  color: #fff;
}
.collection .con_list .yardage .plate_s {
  background: #2158a7;
}
.collection .con_list .yardage .plate_d {
  background: #20a559;
}
.layui-layer {
  box-shadow: none !important;
}
.delete_btn {
  position: absolute;
  z-index: 8888;
  top: 10px;
  right: 10px;
  display: none;
  width: 17px;
  height: 17px;
  background: url(/dist/842606a58f5265227c7b8e7c95397e95.png) 50% no-repeat;
}
.con_list li:hover .delete_btn {
  display: inline-block;
}
.icon_ {
  display: none;
}
.black_con {
  padding: 150px 0;
  text-align: center;
  border: 1px solid #eaeaea;
  display: none;
}
.black_con .i_black {
  display: block;
  width: 258px;
  height: 234px;
  margin: 0 auto;
  background: url(/dist/8bee213d7e7c34735db70351dc8b842b.png) 50% no-repeat;
}
.black_con .black_name {
  display: block;
  font-size: 13px;
  color: #666666;
}
.black {
  display: none;
  float: left;
  height: 140px;
  line-height: 140px;
  color: #999;
  font-size: 13px;
}
.buyBuckle .t {
  padding-bottom: 10px;
}
.buyBuckle .layer_con {
  width: 360px;
}
.buckle_con {
  font-size: 16px;
}
.buckle_con p {
  line-height: 30px;
}
.buckle_con span {
  color: #e50007;
}
.consult_box:hover {
  transform: translateX(-180px);
}
.consult_box {
  position: fixed;
  z-index: 555555555;
  right: -180px;
  transition: all 0.3s ease-in;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.2);
}
.consult_box .mide {
  position: absolute;
  left: -28px;
  width: 28px;
  height: 120px;
  text-align: center;
  background: #2d6eca;
  color: #fff;
  font-size: 14px;
}
.consult_box .mide span {
  display: inline-block;
  padding: 12px 7px 0;
}
.consult_box .mide .bottom {
  margin: 12px 8px 0;
  width: 12px;
  border-bottom: 3px solid #fff;
}
.consult_box .side {
  width: 180px;
  background: #fff;
}
.consult_box .side .top_qq {
  padding: 30px 0;
  display: inline-block;
  width: 134px;
  height: 35px;
  background: url(/dist/26bf9e2283e9002e4e620e0cd336e3fe.png) 50% no-repeat;
}
.consult_box .side .con {
  text-align: left;
  padding-bottom: 30px;
}
.consult_box .side .con h2 {
  padding-left: 22px;
  font-size: 12px;
  font-weight: normal;
}
.consult_box .side .con .i_top_qq {
  margin-top: 10px;
  float: left;
  margin-left: 22px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/dist/1b9b9f8f9a3f24b869ba5a334507e413.png) 50% no-repeat;
}
.consult_box .side .con span {
  margin-top: 10px;
  margin-left: 6px;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #333333;
}
.consult_box .side .con a {
  color: #333333;
}
* {
  font-family: "Microsoft Yahei";
}
.order_main {
  width: 1090px;
  margin: 0 auto;
}
.crumbs {
  height: 60px;
  line-height: 60px;
  text-align: left;
  color: #666;
  margin-left: -5px;
}
.crumbs a {
  font-size: 14px;
  color: #666;
  margin: 0 5px 0 5px;
}
.crumbs a:hover {
  color: ;
}
.product {
  overflow: hidden;
  position: relative;
}
.product_img {
  float: left;
  width: 518px;
  overflow: hidden;
}
.product_img .view {
  float: left;
  width: 430px;
  height: 430px;
  background: #f5f5f5;
}
.product_img .view .big_img {
  width: 430px;
  height: 430px;
}
.product_img .list {
  float: right;
  list-style: none;
  padding: 0;
  overflow: hidden;
}
.product_img .list .item {
  width: 78px;
  height: 78px;
  margin-bottom: 10px;
  background: #f5f5f5;
}
.product_img .list .active {
  border: 1px solid #2d6eca;
  width: 76px!important;
  height: 76px;
}
.product_img .list .active img {
  width: 76px;
  height: 76px;
}
.product_img .list .hover {
  display: block;
  width: 78px;
}
.product_img .list .hover:hover {
  width: 76px;
  height: 76px;
  border: 1px solid #2d6eca;
}
.product_img .list .hover:hover .small_img {
  width: 76px;
  height: 76px;
}
.product_img .list .hover:focus {
  width: 76px;
  height: 76px;
  border: 1px solid #2d6eca;
}
.product_img .list .hover:focus .small_img {
  width: 76px;
  height: 76px;
}
.product_img .list .small_img {
  width: 78px;
  height: 78px;
}
.product_main {
  width: 545px;
  float: right;
  position: relative;
}
.product_main .icon_a {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: -534px;
  top: 15px;
  z-index: 10;
}
.product_main .icon_b {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: -534px;
  top: 15px;
  z-index: 10;
}
.product_main .icon_c {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: -534px;
  top: 15px;
  z-index: 10;
}
.product_main .icon_d {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: -534px;
  top: 15px;
  z-index: 10;
}
.product_main .product_name {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  text-align: left;
}
.product_main .summary {
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #888;
  text-align: left;
}
.product_main .price_spec {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  background-color: #f6f6f6;
  text-align: left;
  position: relative;
  margin-bottom: 20px;
}
.product_main .price_spec .price_div {
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px;
}
.product_main .price_spec .name1 {
  float: left;
  font-size: 14px;
  color: #333;
  margin-left: 16px;
  margin-top: 15px;
}
.product_main .price_spec .name2 {
  float: left;
  font-size: 14px;
  color: #333;
  margin-left: 16px;
}
.product_main .price_spec .name3 {
  float: left;
  font-size: 14px;
  color: #333;
  margin-left: 16px;
}
.product_main .price_spec .price {
  float: left;
  margin-left: 35px;
  overflow: hidden;
}
.product_main .price_spec .set_price {
  float: left;
  margin-left: 30px;
  overflow: hidden;
  margin-top: 5px;
  display: block;
}
.product_main .price_spec .yuan {
  float: left;
  font-size: 18px;
  color: #da3131;
  font-weight: bold;
  margin-top: 12px;
  margin-right: 5px;
}
.product_main .price_spec .set_yuan {
  float: left;
  font-size: 14px;
  margin-top: 12px;
  color: #da3131;
}
.product_main .price_spec .num {
  float: left;
  font-size: 30px;
  color: #da3131;
  font-weight: bold;
  margin-right: 5px;
}
.product_main .price_spec .set_num {
  float: left;
  font-size: 18px;
  margin-right: 2px;
  margin-top: 8px;
  color: #da3131;
}
.product_main .price_spec .unit {
  float: left;
  font-size: 14px;
  color: #666;
  margin-top: 15px;
}
.product_main .price_spec .set_unit {
  float: left;
  font-size: 14px;
  margin-top: 11px;
  color: #da3131;
}
.product_main .price_spec .spec_div {
  overflow: hidden;
  margin-bottom: 22px;
}
.product_main .price_spec .spec {
  float: left;
  margin-left: 35px;
  font-size: 14px;
  color: #333;
}
.product_main .price_spec .classify_div {
  overflow: hidden;
  margin-bottom: 22px;
}
.product_main .price_spec .class {
  float: left;
  margin-left: 35px;
  font-size: 14px;
  color: #333;
}
.product_main .price_spec .check_discount {
  display: block;
  position: absolute;
  top: 16px;
  right: 22px;
}
.product_main .price_spec .check_discount .text {
  display: block;
  font-size: 12px;
  color: #da3131;
  padding-right: 15px;
  background: url(/dist/7f2bc04753d5b2fa8fe774c4ef7a0b98.png) no-repeat 54px center;
}
.product_main .price_spec .check_discount .discount_img {
  display: none;
  position: absolute;
  top: 20px;
  left: -164px;
}
.product_main .price_spec .check_discount:hover .discount_img {
  display: block;
}
.option .amount {
  height: 38px;
  line-height: 38px;
  margin: 10px 0 10px 0;
  *zoom: 1;
}
.option .amount:before, .option .amount:after {
  display: table;
  content: "";
}
.option .amount:after {
  clear: both;
}
.option .amount:before, .option .amount:after {
  display: table;
  content: "";
}
.option .amount:after {
  clear: both;
}
.option .amount .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .amount .amount_main {
  float: left;
  margin-left: 40px;
  *zoom: 1;
}
.option .amount .amount_main:before, .option .amount .amount_main:after {
  display: table;
  content: "";
}
.option .amount .amount_main:after {
  clear: both;
}
.option .amount .amount_main:before, .option .amount .amount_main:after {
  display: table;
  content: "";
}
.option .amount .amount_main:after {
  clear: both;
}
.option .amount .reduce {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  border: 1px solid #d5d5d5;
  color: #666;
}
.option .amount .number {
  display: block;
  float: left;
  width: 50px;
  height: 36px;
  border-top: 1px solid #d5d5d5;
  font-size: 14px;
  color: #666;
  border-bottom: 1px solid #d5d5d5;
  text-align: center;
}
.option .amount .add {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  border: 1px solid #d5d5d5;
  color: #666;
}
.option .amount .unit {
  font-size: 14px;
  color: #666;
  margin-left: 9px;
}
.option .amount .tip {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
}
.option .model {
  *zoom: 1;
  margin: 20px 0 20px 0;
}
.option .model:before, .option .model:after {
  display: table;
  content: "";
}
.option .model:after {
  clear: both;
}
.option .model:before, .option .model:after {
  display: table;
  content: "";
}
.option .model:after {
  clear: both;
}
.option .model .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
  margin-top: 5px;
}
.option .model .model_main {
  width: 470px;
  float: left;
  margin-left: 30px;
  *zoom: 1;
}
.option .model .model_main:before, .option .model .model_main:after {
  display: table;
  content: "";
}
.option .model .model_main:after {
  clear: both;
}
.option .model .model_main:before, .option .model .model_main:after {
  display: table;
  content: "";
}
.option .model .model_main:after {
  clear: both;
}
.option .model .displayed {
  overflow: hidden;
}
.option .model .hide {
  overflow: hidden;
  display: none;
}
.option .model a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .model a:hover, .option .model a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .model .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .model .toggle {
  display: block;
  font-size: 12px;
  color: #2d6eca;
  width: 107px;
  text-align: right;
  background: url(/dist/23850203d433c4ff2007dbe6d3f58008.png) no-repeat 92px center;
  margin-left: 365px;
  padding-right: 20px;
}
.option .model .activity {
  background: url(/dist/4fff8e13318a61368f20a959c3c07f7a.png) no-repeat 92px center;
}
.option .version {
  *zoom: 1;
  margin: 30px 0 30px 0;
}
.option .version:before, .option .version:after {
  display: table;
  content: "";
}
.option .version:after {
  clear: both;
}
.option .version:before, .option .version:after {
  display: table;
  content: "";
}
.option .version:after {
  clear: both;
}
.option .version .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
  margin-top: 5px;
}
.option .version .version_main {
  box-sizing: border-box;
  width: 470px;
  float: left;
  margin-left: 30px;
  border: 1px solid #ddd;
  *zoom: 1;
}
.option .version .version_main:before, .option .version .version_main:after {
  display: table;
  content: "";
}
.option .version .version_main:after {
  clear: both;
}
.option .version .version_main:before, .option .version .version_main:after {
  display: table;
  content: "";
}
.option .version .version_main:after {
  clear: both;
}
.option .version .version_top {
  background-color: #f5f5f5;
  *zoom: 1;
  padding: 19px 0 5px 0;
}
.option .version .version_top:before, .option .version .version_top:after {
  display: table;
  content: "";
}
.option .version .version_top:after {
  clear: both;
}
.option .version .version_top:before, .option .version .version_top:after {
  display: table;
  content: "";
}
.option .version .version_top:after {
  clear: both;
}
.option .version a {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  background-color: #fff;
  line-height: 30px;
  margin: 0 0 16px 11px;
}
.option .version a:hover, .option .version a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  background-color: #fff;
}
.option .version .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  background-color: #fff;
}
.option .version .version_bottom {
  box-sizing: border-box;
  height: 68px;
  text-align: left;
  padding-left: 20px;
  padding-top: 10px;
}
.option .version .tip {
  font-size: 12px;
  line-height: 25px;
}
.option .version .tip_t {
  color: #2d6eca;
}
.option .version .tip_m {
  color: #333;
  margin-left: 20px;
}
.option .package {
  *zoom: 1;
  margin: 20px 0 20px 0;
}
.option .package:before, .option .package:after {
  display: table;
  content: "";
}
.option .package:after {
  clear: both;
}
.option .package:before, .option .package:after {
  display: table;
  content: "";
}
.option .package:after {
  clear: both;
}
.option .package .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
  margin-top: 5px;
}
.option .package .package_main {
  box-sizing: border-box;
  width: 470px;
  float: left;
  margin-left: 30px;
  *zoom: 1;
}
.option .package .package_main:before, .option .package .package_main:after {
  display: table;
  content: "";
}
.option .package .package_main:after {
  clear: both;
}
.option .package .package_main:before, .option .package .package_main:after {
  display: table;
  content: "";
}
.option .package .package_main:after {
  clear: both;
}
.option .package a {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 148px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  background-color: #fff;
  line-height: 30px;
  margin: 0 0 10px 8px;
}
.option .package a:hover, .option .package a:focus {
  border: 0;
  background: url(/dist/64b30f17458371b0dc22fc5c21c9ad09.png) no-repeat;
  background-size: 148px 30px;
  line-height: 32px;
  color: #2d6eca;
}
.option .thickness {
  line-height: 30px;
  margin: 10px 0 10px 0;
  *zoom: 1;
  height: 30px;
}
.option .thickness:before, .option .thickness:after {
  display: table;
  content: "";
}
.option .thickness:after {
  clear: both;
}
.option .thickness:before, .option .thickness:after {
  display: table;
  content: "";
}
.option .thickness:after {
  clear: both;
}
.option .thickness .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .thickness .thickness_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .thickness .thickness_main:before, .option .thickness .thickness_main:after {
  display: table;
  content: "";
}
.option .thickness .thickness_main:after {
  clear: both;
}
.option .thickness .thickness_main:before, .option .thickness .thickness_main:after {
  display: table;
  content: "";
}
.option .thickness .thickness_main:after {
  clear: both;
}
.option .thickness a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .thickness a:hover, .option .thickness a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .thickness .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .clip {
  line-height: 34px;
  margin: 20px 0 20px 0;
  *zoom: 1;
}
.option .clip:before, .option .clip:after {
  display: table;
  content: "";
}
.option .clip:after {
  clear: both;
}
.option .clip:before, .option .clip:after {
  display: table;
  content: "";
}
.option .clip:after {
  clear: both;
}
.option .clip .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .clip .clip_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .clip .clip_main:before, .option .clip .clip_main:after {
  display: table;
  content: "";
}
.option .clip .clip_main:after {
  clear: both;
}
.option .clip .clip_main:before, .option .clip .clip_main:after {
  display: table;
  content: "";
}
.option .clip .clip_main:after {
  clear: both;
}
.option .clip .check {
  *zoom: 1;
}
.option .clip .check:before, .option .clip .check:after {
  display: table;
  content: "";
}
.option .clip .check:after {
  clear: both;
}
.option .clip .check:before, .option .clip .check:after {
  display: table;
  content: "";
}
.option .clip .check:after {
  clear: both;
}
.option .clip .check a {
  margin: 0 0 0 10px;
}
.option .clip .yes, .option .clip .no {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 2px 0 10px 10px;
}
.option .clip .yes:hover, .option .clip .no:hover, .option .clip .yes:focus, .option .clip .no:focus {
  border: 0;
  background: url(/dist/0682a1656700583c2150356ea1b8d3eb.png) no-repeat;
  background-size: 107px 30px;
  line-height: 32px;
  color: #2d6eca;
}
.option .clip .active {
  border: 0;
  background: url(/dist/0682a1656700583c2150356ea1b8d3eb.png) no-repeat;
  background-size: 107px 30px;
  line-height: 32px;
  color: #2d6eca;
}
.option .clip .choose_model {
  width: 459px;
  border: 1px solid #d5d5d5;
  margin-left: 10px;
  position: relative;
  margin-top: 4px;
}
.option .clip .choose_model img {
  position: absolute;
  top: -9px;
  left: 48px;
}
.option .clip .hidden {
  display: none;
}
.option .clip .main {
  background-color: #f5f5f5;
}
.option .clip .title {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #666;
  text-align: left;
  margin-left: 10px;
}
.option .clip .type_div {
  *zoom: 1;
}
.option .clip .type_div:before, .option .clip .type_div:after {
  display: table;
  content: "";
}
.option .clip .type_div:after {
  clear: both;
}
.option .clip .type_div:before, .option .clip .type_div:after {
  display: table;
  content: "";
}
.option .clip .type_div:after {
  clear: both;
}
.option .clip .type_div .activity {
  border: 1px solid #2d6eca;
  color: #2d6eca;
}
.option .clip .type {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0 0 16px 10px;
}
.option .clip .type:hover {
  border: 1px solid #2d6eca;
  color: #2d6eca;
}
.option .clip .spec_total {
  height: 46px;
  *zoom: 1;
  line-height: 46px;
  padding: 0 10px 0 10px;
}
.option .clip .spec_total:before, .option .clip .spec_total:after {
  display: table;
  content: "";
}
.option .clip .spec_total:after {
  clear: both;
}
.option .clip .spec_total:before, .option .clip .spec_total:after {
  display: table;
  content: "";
}
.option .clip .spec_total:after {
  clear: both;
}
.option .clip .spec1 {
  display: block;
  float: left;
  font-size: 12px;
  color: #333;
  margin-right: 18px;
}
.option .clip .total {
  display: block;
  float: right;
  font-size: 12px;
  color: #e31414;
}
.option .clip .tips {
  font-size: 12px;
  color: #999;
  text-align: left;
  margin-left: 10px;
}
.option .clip .tips.active {
  display: none;
}
.option .size {
  line-height: 34px;
  margin: 20px 0 20px 0;
  *zoom: 1;
  height: 30px;
}
.option .size:before, .option .size:after {
  display: table;
  content: "";
}
.option .size:after {
  clear: both;
}
.option .size:before, .option .size:after {
  display: table;
  content: "";
}
.option .size:after {
  clear: both;
}
.option .size .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .size .size_main {
  float: left;
  margin-left: 40px;
  height: 34px;
  *zoom: 1;
  width: 460px;
}
.option .size .size_main:before, .option .size .size_main:after {
  display: table;
  content: "";
}
.option .size .size_main:after {
  clear: both;
}
.option .size .size_main:before, .option .size .size_main:after {
  display: table;
  content: "";
}
.option .size .size_main:after {
  clear: both;
}
.option .size .item {
  float: left;
  height: 34px;
  margin-right: 28px;
  position: relative;
}
.option .size .item_name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-right: 4px;
}
.option .size .select1, .option .size .select2 {
  display: block;
  float: left;
  height: 30px;
  width: 107px;
  margin-top: 2px;
  margin-right: 4px;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  background: url(/dist/11c3da9359d20655940f3594ced7f98b.png) no-repeat;
  background-size: 107px 30px;
  padding-left: 10px;
}
.option .size .select1:focus, .option .size .select2:focus, .option .size .select1:hover, .option .size .select2:hover {
  background: url(/dist/421adb5138ef141045d4a4ec1a5e4516.png) no-repeat;
  outline: none;
}
.option .size .unit {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
}
.option .size .option_group1, .option .size .option_group2 {
  position: absolute;
  box-sizing: border-box;
  width: 460px;
  border: 1px solid #d5d5d5;
  background-color: #f5f5f5;
}
.option .size .option_group1 div, .option .size .option_group2 div {
  padding-top: 16px;
}
.option .size .option_group1 .active, .option .size .option_group2 .active {
  border-color: #2d6eca;
  color: #2d6eca;
}
.option .size .option_group1 {
  top: 48px;
  display: none;
}
.option .size .option_group1 img {
  position: absolute;
  top: -9px;
  left: 96px;
}
.option .size .option_group2 {
  top: 48px;
  right: -57px;
  display: none;
}
.option .size .option_group2 img {
  position: absolute;
  top: -9px;
  right: 136px;
}
.option .size .option_item {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 78px;
  height: 28px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 28px;
  background-color: #fff;
  margin: 0 0 16px 11px;
}
.option .size .option_item:focus {
  border-color: #2d6eca;
  color: #2d6eca;
}
.option .size .active {
  border-color: #2d6eca;
  color: #2d6eca;
}
.option .size_alone {
  line-height: 34px;
  margin: 30px 0 30px 0;
  *zoom: 1;
  height: 30px;
}
.option .size_alone:before, .option .size_alone:after {
  display: table;
  content: "";
}
.option .size_alone:after {
  clear: both;
}
.option .size_alone:before, .option .size_alone:after {
  display: table;
  content: "";
}
.option .size_alone:after {
  clear: both;
}
.option .size_alone .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .size_alone .size_main {
  float: left;
  margin-left: 40px;
  height: 34px;
  *zoom: 1;
  width: 460px;
}
.option .size_alone .size_main:before, .option .size_alone .size_main:after {
  display: table;
  content: "";
}
.option .size_alone .size_main:after {
  clear: both;
}
.option .size_alone .size_main:before, .option .size_alone .size_main:after {
  display: table;
  content: "";
}
.option .size_alone .size_main:after {
  clear: both;
}
.option .size_alone .item {
  float: left;
  height: 34px;
  margin-right: 28px;
  position: relative;
}
.option .size_alone .item_name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-right: 4px;
}
.option .size_alone .select1, .option .size_alone .select2 {
  display: block;
  float: left;
  height: 30px;
  width: 60px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding-left: 3px;
  margin-right: 8px;
}
.option .size_alone .unit {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
}
.option .spec {
  line-height: 30px;
  margin: 20px 0 20px 0;
  *zoom: 1;
  height: 30px;
}
.option .spec:before, .option .spec:after {
  display: table;
  content: "";
}
.option .spec:after {
  clear: both;
}
.option .spec:before, .option .spec:after {
  display: table;
  content: "";
}
.option .spec:after {
  clear: both;
}
.option .spec .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .spec .spec_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .spec .spec_main:before, .option .spec .spec_main:after {
  display: table;
  content: "";
}
.option .spec .spec_main:after {
  clear: both;
}
.option .spec .spec_main:before, .option .spec .spec_main:after {
  display: table;
  content: "";
}
.option .spec .spec_main:after {
  clear: both;
}
.option .spec a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .spec a:hover, .option .spec a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 101% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .spec .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 101% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .quality {
  line-height: 30px;
  margin: 10px 0 10px 0;
  *zoom: 1;
}
.option .quality:before, .option .quality:after {
  display: table;
  content: "";
}
.option .quality:after {
  clear: both;
}
.option .quality:before, .option .quality:after {
  display: table;
  content: "";
}
.option .quality:after {
  clear: both;
}
.option .quality .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .quality .quality_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .quality .quality_main:before, .option .quality .quality_main:after {
  display: table;
  content: "";
}
.option .quality .quality_main:after {
  clear: both;
}
.option .quality .quality_main:before, .option .quality .quality_main:after {
  display: table;
  content: "";
}
.option .quality .quality_main:after {
  clear: both;
}
.option .quality a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .quality a:hover, .option .quality a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .quality .disable {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  opacity: .65;
}
.option .quality .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .style {
  line-height: 30px;
  margin: 20px 0 20px 0;
  *zoom: 1;
}
.option .style:before, .option .style:after {
  display: table;
  content: "";
}
.option .style:after {
  clear: both;
}
.option .style:before, .option .style:after {
  display: table;
  content: "";
}
.option .style:after {
  clear: both;
}
.option .style .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .style .style_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .style .style_main:before, .option .style .style_main:after {
  display: table;
  content: "";
}
.option .style .style_main:after {
  clear: both;
}
.option .style .style_main:before, .option .style .style_main:after {
  display: table;
  content: "";
}
.option .style .style_main:after {
  clear: both;
}
.option .style a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .style a:hover, .option .style a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .style .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .spacing {
  line-height: 30px;
  margin: 22px 0 22px 0;
  *zoom: 1;
}
.option .spacing:before, .option .spacing:after {
  display: table;
  content: "";
}
.option .spacing:after {
  clear: both;
}
.option .spacing:before, .option .spacing:after {
  display: table;
  content: "";
}
.option .spacing:after {
  clear: both;
}
.option .spacing .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .spacing .spacing_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .spacing .spacing_main:before, .option .spacing .spacing_main:after {
  display: table;
  content: "";
}
.option .spacing .spacing_main:after {
  clear: both;
}
.option .spacing .spacing_main:before, .option .spacing .spacing_main:after {
  display: table;
  content: "";
}
.option .spacing .spacing_main:after {
  clear: both;
}
.option .spacing a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .spacing a:hover, .option .spacing a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .spacing .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .dimension {
  margin: 30px 0 30px 0;
  *zoom: 1;
}
.option .dimension:before, .option .dimension:after {
  display: table;
  content: "";
}
.option .dimension:after {
  clear: both;
}
.option .dimension:before, .option .dimension:after {
  display: table;
  content: "";
}
.option .dimension:after {
  clear: both;
}
.option .dimension .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
  margin-top: 26px;
}
.option .dimension .dimension_main {
  float: left;
  margin-left: 40px;
  *zoom: 1;
}
.option .dimension .dimension_main:before, .option .dimension .dimension_main:after {
  display: table;
  content: "";
}
.option .dimension .dimension_main:after {
  clear: both;
}
.option .dimension .dimension_main:before, .option .dimension .dimension_main:after {
  display: table;
  content: "";
}
.option .dimension .dimension_main:after {
  clear: both;
}
.option .dimension .item {
  box-sizing: border-box;
  width: 460px;
  border: 1px solid #d5d5d5;
  background: #f5f5f5;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  text-align: left;
  overflow: hidden;
}
.option .dimension .option1 {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.option .dimension .option2 {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.option .dimension .option3 {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.option .dimension .option4 {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.option .dimension .option5 {
  float: left;
  overflow: hidden;
  margin-right: 24px;
}
.option .dimension .delete {
  float: left;
  width: 17px;
  height: 16px;
  background: url(/dist/df1c2836aff3a5964c7bbc917a6b722a.png) no-repeat;
  margin: 24px 0 0 25px;
}
.option .dimension .increase {
  float: left;
  width: 15px;
  height: 15px;
  background: url(/dist/45f70a70fb7249e28b7a711502178756.png) no-repeat;
  margin: 25px 0 0 12px;
}
.option .dimension .it_name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 15px;
  text-align: center;
  margin-top: 16px;
}
.option .dimension .it_name2 {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 15px;
  text-align: center;
  margin-top: 25px;
}
.option .dimension em {
  font-size: 12px;
}
.option .dimension input {
  display: block;
  box-sizing: border-box;
  float: left;
  margin-top: 17px;
  margin-left: 6px;
  padding-left: 10px;
  width: 64px;
  height: 30px;
  border: 1px solid #d5d5d5;
}
.option .dimension select {
  display: block;
  box-sizing: border-box;
  float: left;
  margin-top: 17px;
  margin-left: 6px;
  padding-left: 10px;
  width: 64px;
  height: 30px;
  border: 1px solid #d5d5d5;
  outline: none;
}
.option .dimension .it_main {
  display: block;
  float: left;
  overflow: hidden;
  margin-left: 6px;
}
.option .dimension .it_main input {
  display: block;
  box-sizing: border-box;
  float: left;
  margin-top: 17px;
  width: 40px;
  height: 30px;
  border: 1px solid #d5d5d5;
  margin-left: -1px !important;
  text-align: center;
  padding-left: 0 !important;
}
.option .dimension .it_main .reduce {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 20px;
  height: 30px;
  border: 1px solid #d5d5d5;
  color: #666;
  margin-top: 17px;
  text-align: center;
  background-color: #fff;
  line-height: 30px;
}
.option .dimension .it_main .add {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 20px;
  height: 30px;
  border: 1px solid #d5d5d5;
  color: #666;
  margin-top: 17px;
  text-align: center;
  background-color: #fff;
  margin-left: -1px;
  line-height: 30px;
}
.option .dimension .it_btn {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 98px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 16px 0 0 6px;
  padding: 0 10px 0 10px;
  background-color: #fff;
}
.option .dimension .select {
  display: block;
  float: left;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #d5d5d5;
  margin-top: 17px;
  margin-left: 6px;
  width: 74px;
  height: 30px;
  padding-left: 10px;
  background: url(/dist/0f07146be2ebf952837aa265374c91fa.png) no-repeat 57px center;
  background-color: #fff;
}
.option .dimension .tips {
  text-align: left;
  font-size: 14px;
  color: #da3131;
}
.option .dimension .option_group {
  position: absolute;
  top: 72px;
  left: -17px;
  z-index: 10;
  box-sizing: border-box;
  width: 460px;
  border: 1px solid #d5d5d5;
  background-color: #f5f5f5;
  display: none;
}
.option .dimension .option_group img {
  position: absolute;
  top: -9px;
  left: 88px;
}
.option .dimension .option_group div {
  padding-top: 16px;
}
.option .dimension .option_item {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 78px;
  height: 28px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 28px;
  background-color: #fff;
  margin: 0 0 16px 11px;
}
.option .dimension .option_item:focus {
  border-color: #2d6eca;
  color: #2d6eca;
}
.option .dimension .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  background-color: #fff;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .mode {
  line-height: 30px;
  margin: 20px 0 10px 0;
  *zoom: 1;
}
.option .mode:before, .option .mode:after {
  display: table;
  content: "";
}
.option .mode:after {
  clear: both;
}
.option .mode:before, .option .mode:after {
  display: table;
  content: "";
}
.option .mode:after {
  clear: both;
}
.option .mode .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .mode .mode_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .mode .mode_main:before, .option .mode .mode_main:after {
  display: table;
  content: "";
}
.option .mode .mode_main:after {
  clear: both;
}
.option .mode .mode_main:before, .option .mode .mode_main:after {
  display: table;
  content: "";
}
.option .mode .mode_main:after {
  clear: both;
}
.option .mode a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .mode a:hover, .option .mode a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .mode .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .type {
  line-height: 30px;
  margin: 10px 0 10px 0;
  *zoom: 1;
}
.option .type:before, .option .type:after {
  display: table;
  content: "";
}
.option .type:after {
  clear: both;
}
.option .type:before, .option .type:after {
  display: table;
  content: "";
}
.option .type:after {
  clear: both;
}
.option .type .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .type .type_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .type .type_main:before, .option .type .type_main:after {
  display: table;
  content: "";
}
.option .type .type_main:after {
  clear: both;
}
.option .type .type_main:before, .option .type .type_main:after {
  display: table;
  content: "";
}
.option .type .type_main:after {
  clear: both;
}
.option .type .type_item {
  position: relative;
  display: block;
  float: left;
  box-sizing: border-box;
  width: 68px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
}
.option .type .type_item:hover, .option .type .type_item:focus {
  background: url(/dist/5bf3041a79addbb918ee10c97f52db57.png) no-repeat;
  line-height: 32px;
  color: #2d6eca;
  border: 0;
}
.option .type .type_item:hover .group, .option .type .type_item:focus .group {
  display: block;
}
.option .type .active {
  background: url(/dist/5bf3041a79addbb918ee10c97f52db57.png) no-repeat;
  line-height: 32px;
  color: #2d6eca;
  border: 0;
}
.option .type .group {
  box-sizing: border-box;
  width: 460px;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  *zoom: 1;
  display: none;
  padding-top: 10px;
  position: absolute;
  z-index: 10;
}
.option .type .group:before, .option .type .group:after {
  display: table;
  content: "";
}
.option .type .group:after {
  clear: both;
}
.option .type .group:before, .option .type .group:after {
  display: table;
  content: "";
}
.option .type .group:after {
  clear: both;
}
.option .type .group img {
  position: absolute;
}
.option .type .group1, .option .type .group7 {
  top: 43px;
  left: 0px;
}
.option .type .group1 img, .option .type .group7 img {
  top: -9px;
  left: 30px;
}
.option .type .group2, .option .type .group8 {
  top: 43px;
  left: -78px;
}
.option .type .group2 img, .option .type .group8 img {
  top: -9px;
  left: 110px;
}
.option .type .group3, .option .type .group9 {
  top: 43px;
  left: -157px;
}
.option .type .group3 img, .option .type .group9 img {
  top: -9px;
  left: 187px;
}
.option .type .group4, .option .type .group10 {
  top: 43px;
  left: -236px;
}
.option .type .group4 img, .option .type .group10 img {
  top: -9px;
  left: 266px;
}
.option .type .group5, .option .type .group11 {
  top: 43px;
  left: -314px;
}
.option .type .group5 img, .option .type .group11 img {
  top: -9px;
  left: 344px;
}
.option .type .group6, .option .type .group12 {
  top: 43px;
  left: -393px;
}
.option .type .group6 img, .option .type .group12 img {
  top: -9px;
  left: 423px;
}
.option .type .item {
  float: left;
  box-sizing: border-box;
  width: 80px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  background-color: #fff;
  margin: 0 0 10px 10px;
}
.option .type .item:hover, .option .type .item:focus {
  border-color: #2d6eca;
  color: #2d6eca;
}
.option .type .activity {
  border-color: #2d6eca;
  color: #2d6eca;
}
.option .size2 {
  line-height: 34px;
  margin: 10px 0 10px 0;
  *zoom: 1;
}
.option .size2:before, .option .size2:after {
  display: table;
  content: "";
}
.option .size2:after {
  clear: both;
}
.option .size2:before, .option .size2:after {
  display: table;
  content: "";
}
.option .size2:after {
  clear: both;
}
.option .size2 .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .size2 .size2_main {
  float: left;
  margin-left: 40px;
  height: 34px;
  *zoom: 1;
  width: 460px;
}
.option .size2 .size2_main:before, .option .size2 .size2_main:after {
  display: table;
  content: "";
}
.option .size2 .size2_main:after {
  clear: both;
}
.option .size2 .size2_main:before, .option .size2 .size2_main:after {
  display: table;
  content: "";
}
.option .size2 .size2_main:after {
  clear: both;
}
.option .size2 .item {
  float: left;
  height: 34px;
  margin-right: 28px;
  position: relative;
}
.option .size2 .item_name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-right: 4px;
}
.option .size2 .text1, .option .size2 .text2 {
  display: block;
  float: left;
  height: 30px;
  width: 107px;
  margin-top: 2px;
  margin-right: 4px;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding-left: 10px;
  border: 1px solid #ddd;
}
.option .size2 .unit {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
}
.option .color {
  line-height: 30px;
  margin: 10px 0 10px 0;
  *zoom: 1;
}
.option .color:before, .option .color:after {
  display: table;
  content: "";
}
.option .color:after {
  clear: both;
}
.option .color:before, .option .color:after {
  display: table;
  content: "";
}
.option .color:after {
  clear: both;
}
.option .color .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
}
.option .color .color_main {
  float: left;
  margin-left: 30px;
  *zoom: 1;
  width: 470px;
}
.option .color .color_main:before, .option .color .color_main:after {
  display: table;
  content: "";
}
.option .color .color_main:after {
  clear: both;
}
.option .color .color_main:before, .option .color .color_main:after {
  display: table;
  content: "";
}
.option .color .color_main:after {
  clear: both;
}
.option .color a {
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 107px;
  height: 30px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin: 0px 0  10px 10px;
  padding: 0 10px 0 10px;
}
.option .color a:hover, .option .color a:focus {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.option .color .active {
  background: url(/dist/7ad2c846580b5d2c5e8c417e372bec78.png) 102% 107% no-repeat;
  background-size: 13px 14px;
  line-height: 28px;
  color: #2d6eca;
  border: 2px solid #2d6eca;
  padding: 0 9px 0 9px;
}
.total {
  text-align: left;
  height: 40px;
  overflow: hidden;
  margin-top: 15px;
}
.total .name {
  display: block;
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 16px;
  margin-top: 10px;
}
.total .price {
  display: block;
  float: left;
  overflow: hidden;
  margin-left: 40px;
}
.total .price .yuan {
  float: left;
  font-size: 18px;
  color: #da3131;
  font-weight: bold;
  margin-top: 10px;
}
.total .price .num {
  float: left;
  font-size: 30px;
  color: #da3131;
  font-weight: bold;
  margin-left: 5px;
  margin-top: -2px;
}
.total .price .discount {
  float: left;
  display: block;
  width: 56px;
  height: 26px;
  background-color: #da3131;
  text-align: center;
  line-height: 26px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-left: 10px;
  margin-top: 5px;
}
.total .price .original_cost {
  float: left;
  display: block;
  font-size: 16px;
  color: #999;
  margin-left: 20px;
  margin-top: 12px;
  text-decoration: line-through;
}
.together .together_link {
  display: block;
  font-size: 13px;
  color: #888;
  text-align: left;
  margin-left: 83px;
}
.together .together_link:hover {
  text-decoration: underline;
}
.btn_group {
  height: 48px;
  margin-left: 16px;
  margin-top: 30px;
}
.btn_group .buy_btn {
  display: block;
  float: left;
  width: 146px;
  height: 48px;
  color: #fff;
  background-color: #444;
  text-align: center;
  line-height: 48px;
  margin-right: 10px;
}
.btn_group .join_btn {
  display: block;
  float: left;
  width: 146px;
  height: 48px;
  color: #fff;
  background-color: #da3131;
  text-align: center;
  line-height: 48px;
  margin-right: 10px;
}
.btn_group .collect_btn {
  display: block;
  float: left;
  width: 46px;
  height: 48px;
  border: 1px solid #d5d5d5;
  font-size: 13px;
  color: #666;
  text-align: center;
  padding-top: 27px;
  box-sizing: border-box;
  background: url(/dist/f1c1fb722b3e677244bb89d6bb7db1c6.png) no-repeat center 7px;
}
.btn_group .collected {
  background: url(/dist/5ea3e4ab7d8228669e491d73f4cf1bca.png) no-repeat center 7px;
}
.introduce {
  margin-top: 120px;
  overflow: hidden;
}
.introduce .product_title {
  float: left;
  position: relative;
  left: 50%;
  margin-bottom: 46px;
}
.introduce .product_title div {
  position: relative;
  left: -50%;
  height: 45px;
}
.introduce .product_title .title_bg_l {
  float: left;
  margin: 0 20px 0 0;
  display: block;
}
.introduce .product_title span {
  float: left;
  display: block;
  font-size: 30px;
  color: #333;
}
.introduce .product_title .title_bg_r {
  float: left;
  margin: 5px 0 0 15px;
  display: block;
}
.introduce .img_div1 {
  width: 100%;
}
.introduce .img_div1 .introduce_img {
  width: 100%;
}
.introduce .introduce_text {
  text-align: left;
  margin-top: 78px;
}
.introduce .introduce_text .title {
  display: block;
  font-size: 20px;
  color: #20a559;
  margin-bottom: 25px;
}
.introduce .introduce_text .text {
  font-size: 15px;
  color: #333;
  margin-bottom: 14px;
}
.introduce .img_div2 {
  width: 100%;
  margin-top: 80px;
}
.introduce .img_div2 .introduce_img {
  width: 100%;
}
.recommend {
  margin-top: 110px;
  padding-bottom: 100px;
}
.recommend .recommend_title {
  width: 236px;
  height: 45px;
  background: url(/dist/cda132a0e879e2d25b3640bc842523d9.png) no-repeat;
  background-size: 236px 45px;
  margin: 0 auto;
  font-size: 30px;
  color: #333;
  line-height: 45px;
}
.recommend .recommend_main {
  margin-top: 50px;
  overflow: hidden;
}
.recommend .product {
  display: block;
  position: relative;
  width: 545px;
  height: 240px;
  float: left;
  overflow: hidden;
  text-align: left;
  margin-bottom: 50px;
}
.recommend .product:hover .check_btn {
  text-align: left;
  color: #fff;
  background: url(/dist/9913a628ff43c7d64891fdb5045f7f46.png) no-repeat 90px center;
  background-color: #2d6eca;
  padding-left: 16px;
  border: 0;
}
.recommend .product:hover .recommend_img {
  transform: scale(1.05);
}
.recommend .img_div {
  width: 240px;
  height: 240px;
  overflow: hidden;
  float: left;
}
.recommend .recommend_img {
  display: block;
  width: 240px;
  height: 240px;
  transition: all 0.6s;
  background: #f5f5f5;
}
.recommend .product_content {
  float: left;
}
.recommend .product_name {
  font-size: 16px;
  color: #333;
  height: 50px;
  line-height: 50px;
  padding-left: 22px;
}
.recommend .summary {
  font-size: 14px;
  color: #888;
  width: 210px;
  padding-left: 22px;
}
.recommend .price {
  font-size: 16px;
  color: #da3131;
  padding-left: 22px;
  margin-top: 22px;
}
.recommend .check_btn {
  position: absolute;
  bottom: 0;
  left: 264px;
  width: 114px;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid #2d6eca;
  color: #2d6eca;
  font-size: 15px;
}
.shopping {
  position: relative;
}
.shopping:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  width: 36px;
  height: 40px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.cart {
  position: absolute;
  left: -290px;
  top: 40px;
  box-sizing: border-box;
  width: 330px;
  z-index: 1000;
  display: none;
}
.cart .cart-bg {
  position: relative;
  border: 1px solid #d4282d;
  text-align: left;
  background-color: #fff;
  padding: 15px 0 0 0;
}
.cart .con {
  position: absolute;
  top: -9px;
  left: 293px;
}
.cart ul {
  padding: 0 0 0 14px;
  overflow: auto;
  height: 255px;
}
.cart li {
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.cart .nothing_text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #666;
  text-align: center;
  width: 330px;
  height: 255px;
  line-height: 255px;
}
.cart .cart_product {
  width: 290px;
  height: 60px;
}
.cart .cart_img {
  display: block;
  width: 60px;
  height: 60px;
  float: left;
  background-color: #F5F5F5;
}
.cart .cart_info {
  float: left;
  margin-left: 10px;
}
.cart .name_total {
  margin: 8px 0 2px 0;
  overflow: hidden;
}
.cart .name_total .product_name {
  font-size: 14px;
  color: #333;
  display: block;
  float: left;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart .name_total .product_total {
  font-size: 12px;
  color: #d4282d;
  float: left;
  margin: 2px 0 0 10px;
}
.cart .model_num .model {
  font-size: 12px;
  color: #999;
  display: inline-block;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart .model_num .num {
  font-size: 12px;
  color: #999;
  margin-left: 15px;
}
.cart .delete {
  position: absolute;
  right: 13px;
  top: 8px;
  display: block;
  width: 11px;
  height: 10px;
  background: url(/dist/22a4c824aa8ee9afdbc9b87afc0e83e5.png) no-repeat;
}
.cart .cart_bottom {
  height: 67px;
  background-color: #fbf7f7;
  overflow: hidden;
}
.cart .text {
  display: block;
  width: 188px;
  height: 67px;
  float: left;
  line-height: 67px;
  text-align: center;
  font-size: 14px;
  color: #d4282d;
}
.cart .accounts {
  display: block;
  float: left;
  width: 110px;
  height: 36px;
  background-color: #d4282d;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
}
.classify_main {
  background-color: #f5f5f5;
  padding: 20px 0 66px 0;
  height: auto;
}
.classify_content {
  width: 1090px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  padding-top: 16px;
}
.classify_content .title {
  font-size: 14px;
  color: #333;
  padding-top: 30px;
}
.classify_content .classify {
  width: 1010px;
  height: 44px;
  margin: 0 auto;
  text-align: left;
  line-height: 44px;
  font-size: 13px;
  border-bottom: 1px dotted #eaeaea;
}
.classify_content .name {
  display: inline-block;
  min-width: 65px;
  color: #999;
  margin-right: 24px;
}
.classify_content .item {
  color: #333;
  margin-right: 46px;
}
.classify_content .active {
  color: #2d6eca;
}
.classify_content .assortment {
  width: 1010px;
  height: 44px;
  margin: 0 auto;
  text-align: left;
  line-height: 44px;
  font-size: 13px;
  border-bottom: 1px solid #eaeaea;
}
.classify_content .product_div {
  *zoom: 1;
  padding: 30px 0 0 40px;
  position: relative;
}
.classify_content .product_div:before, .classify_content .product_div:after {
  display: table;
  content: "";
}
.classify_content .product_div:after {
  clear: both;
}
.classify_content .product_div:before, .classify_content .product_div:after {
  display: table;
  content: "";
}
.classify_content .product_div:after {
  clear: both;
}
.classify_content .product {
  width: 194px;
  float: left;
  margin: 0 10px 28px 0;
}
.classify_content .product .product_image {
  display: block;
  width: 194px;
  height: 194px;
  background-color: #f5f5f5;
}
.classify_content .product .product_picture {
  display: block;
  width: 194px;
  height: 194px;
  transition: all 0.6s;
}
.classify_content .product .product_name {
  display: block;
  font-size: 14px;
  color: #333;
  width: 194px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.classify_content .product .price {
  font-size: 14px;
  color: #da3131;
  display: inline-block;
  vertical-align: middle;
}
.classify_content .product:hover .product_picture {
  transform: scale(1.05);
}
.classify_content .product .icon_small {
  display: inline-block;
  vertical-align: middle;
}
.classify_content .product div {
  margin-top: -5px;
}
.classify_content .nothing_div {
  display: none;
  font-size: 12px;
  color: #666;
  padding-top: 234px;
  background: url(/dist/ab44e9cf40f49c3809e0e7d0e741919b.png) no-repeat center;
  margin: 100px 0 150px 0;
}
.fade_btn {
  position: fixed;
  top: 0;
  left: 0;
}
.fade_btn .collect_btn {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/dist/ca9dc50275bc3845eb513825ff4198b6.png) no-repeat center;
  background-color: #adadad;
  margin-bottom: 2px;
}
.fade_btn .turn_top {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/dist/d5e14bfe643c1396c502aa42eeed53ac.png) no-repeat center;
  background-color: #adadad;
}
.success {
  position: fixed;
  top: 50%;
  left: 50%;
}
.success img {
  display: block;
  margin: -28px 0 0 -94px;
}
.banner {
  background-color: #f5f5f5;
  padding-top: 20px;
}
.news_main {
  padding-bottom: 100px;
}
.news_main .title {
  width: 236px;
  height: 45px;
  background: url(/dist/3839b0b8f59360c8c08261f3e4c37f4f.png) no-repeat;
  margin: 40px auto 30px;
  padding-top: 5px;
}
.news_main .tab {
  display: inline-block;
}
.news_main .tab .option {
  display: inline-block;
  box-sizing: border-box;
  width: 73px;
  height: 30px;
  border: 1px solid #666;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  color: #666;
  margin: 0 2px 0 2px;
}
.news_main .tab .active {
  border-color: #2d6eca;
  color: #2d6eca;
}
.page_div {
  *zoom: 1;
  display: inline-block;
  padding-bottom: 30px;
  vertical-align: middle;
  margin: 40px 0 0 0;
}
.page_div:before, .page_div:after {
  display: table;
  content: "";
}
.page_div:after {
  clear: both;
}
.page_div:before, .page_div:after {
  display: table;
  content: "";
}
.page_div:after {
  clear: both;
}
.page_div a {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 1px solid #bbb;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 30px;
  margin: 0 5px 0 5px;
}
.page_div a:hover {
  border-color: #2d6eca;
}
.page_div .turn_left {
  background: url(/dist/10d93c52f484905641feadc4bc3af469.png) no-repeat center;
}
.page_div .turn_right {
  background: url(/dist/be312dcd5a9e73db3cb1ed6db48c297b.png) no-repeat center;
}
.page_div .active {
  background-color: #2d6eca;
  border: 0;
  color: #fff;
}
.file_download {
  padding-bottom: 100px;
}
.file_download .title {
  width: 236px;
  height: 45px;
  background: url(/dist/fad78eb16ac07664744fba0bea46e7c1.png) no-repeat;
  margin: 40px auto 30px;
  padding-top: 5px;
}
.file_download .tab {
  display: inline-block;
}
.file_download .tab .option {
  display: inline-block;
  box-sizing: border-box;
  width: 73px;
  height: 30px;
  border: 1px solid #666;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  color: #666;
  margin: 0 2px 0 2px;
}
.file_download .tab .active {
  border-color: #2d6eca;
  color: #2d6eca;
}
.file_download .select_div {
  width: 1090px;
  margin: 0 auto;
  text-align: right;
}
.file_download .select_div select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 136px;
  border: 0;
  border-bottom: 1px solid #bbb;
  margin-left: 30px;
  outline: none;
  padding-bottom: 5px;
  background: url(/dist/0f07146be2ebf952837aa265374c91fa.png) no-repeat 120px center;
  color: #bbb;
}
.file_download .select_div select option {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: block;
  padding-left: 12px;
  color: #333;
}
.news_main .news_banner .banner_img {
  display: block;
  width: 100%;
  height: 130px;
  background: url(/dist/ce689e379ef9b0bf934dca75af2154f3.jpg) no-repeat center;
}
.file_download .news_banner .banner_img {
  display: block;
  width: 100%;
  height: 130px;
  background: url(/dist/c530a9746d1f917f6b80fb5f3cf0d1cc.jpg) no-repeat center;
}
.news_div {
  width: 1090px;
  margin: 0 auto;
  padding-top: 60px;
  *zoom: 1;
}
.news_div:before, .news_div:after {
  display: table;
  content: "";
}
.news_div:after {
  clear: both;
}
.news_div:before, .news_div:after {
  display: table;
  content: "";
}
.news_div:after {
  clear: both;
}
.news_div .news {
  display: block;
  float: left;
  width: 545px;
  margin: 0;
  *zoom: 1;
  margin-bottom: 40px;
}
.news_div .news:before, .news_div .news:after {
  display: table;
  content: "";
}
.news_div .news:after {
  clear: both;
}
.news_div .news:before, .news_div .news:after {
  display: table;
  content: "";
}
.news_div .news:after {
  clear: both;
}
.news_div .news:hover .news_content {
  margin-left: 27px;
}
.news_div .news:hover .news_title {
  color: #2158a7;
}
.news_div .news_img {
  display: block;
  float: left;
  width: 197px;
  height: 135px;
}
.news_div .news_content {
  float: left;
  text-align: left;
  width: 284px;
  margin-left: 17px;
  transition: all 0.6s;
}
.news_div .news_title {
  font-size: 16px;
  color: #333;
  height: 46px;
  line-height: 46px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.6s;
}
.news_div .summary {
  font-size: 14px;
  color: #999;
  width: 284px;
  height: 40px;
  overflow: hidden;
}
.news_div .category {
  font-size: 13px;
  color: #999;
  margin-top: 20px;
}
.news_div .time {
  margin-left: 15px;
}
.download_div {
  width: 1090px;
  margin: 0 auto;
  *zoom: 1;
  min-height: 82px;
  padding-top: 50px;
}
.download_div:before, .download_div:after {
  display: table;
  content: "";
}
.download_div:after {
  clear: both;
}
.download_div:before, .download_div:after {
  display: table;
  content: "";
}
.download_div:after {
  clear: both;
}
.download_div .jump_download {
  display: block;
  width: 363px;
  float: left;
  margin-bottom: 24px;
  font-size: 13px;
  color: #333;
  text-align: left;
  box-sizing: border-box;
  padding-left: 49px;
}
.download_div .jump_download .file_name {
  margin-left: 16px;
}
.download_div .jump_download:hover {
  color: #2d6eca;
}
.download_div .jump_download:hover .file_name {
  text-decoration: underline;
}
.download_div .nothing_div {
  font-size: 12px;
  color: #666;
  padding-top: 234px;
  background: url(/dist/ab44e9cf40f49c3809e0e7d0e741919b.png) no-repeat center;
  margin: 100px 0 150px 0;
}
.news_detail {
  width: 800px;
  margin: 0 auto;
}
.news_detail .title {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  margin: 48px 0 14px 0;
}
.news_detail .release_time {
  font-size: 13px;
  color: #999;
  margin-bottom: 60px;
}
.news_detail .release_time .time {
  margin: 0 30px 0 5px;
}
.news_detail .text {
  text-align: left;
  font-size: 15px;
  color: #333;
  width: 780px;
  margin-bottom: 30px;
}
.news_detail .news_detail_img img {
  display: block;
  margin: 0 auto;
}
.news_detail .subtitle {
  font-size: 17px;
  color: #333;
  font-weight: bold;
  text-align: left;
  height: 90px;
  line-height: 90px;
}
.product_file {
  width: 1090px;
  margin: 0 auto;
}
.product_file .title {
  font-size: 18px;
  color: #333;
  height: 18px;
  line-height: 18px;
  text-align: left;
  margin: 37px 0 37px 0;
  padding-left: 14px;
  border-left: 3px solid #2d6eca;
}
.product_file .file_div {
  *zoom: 1;
}
.product_file .file_div:before, .product_file .file_div:after {
  display: table;
  content: "";
}
.product_file .file_div:after {
  clear: both;
}
.product_file .file_div:before, .product_file .file_div:after {
  display: table;
  content: "";
}
.product_file .file_div:after {
  clear: both;
}
.product_file .files {
  width: 363px;
  float: left;
  text-align: left;
  margin-bottom: 40px;
}
.product_file .files .file_name {
  display: block;
  font-size: 13px;
  color: #333;
  margin-bottom: 10px;
}
.product_file .files .dot {
  margin-right: 16px;
}
.product_file .files .download_btn {
  display: block;
  box-sizing: border-box;
  width: 66px;
  height: 24px;
  border: 1px solid #2d6eca;
  font-size: 12px;
  color: #2d6eca;
  margin-left: 20px;
}
.product_file .files:hover .download_btn {
  border: 0;
  background-color: #2d6eca;
  color: #fff;
}
.footer {
  margin-top: 0;
}
.login-box {
  padding: 40px  56px;
  display: inline-block;
  background: #fff;
  text-align: center;
}
.login-box .active {
  display: block;
}
.login-box .active .b_ber {
  display: block !important;
}
.login-box .active .l_ber {
  display: block !important;
}
.login-box .active.b_ber {
  border-bottom: 2px solid #2158a7;
}
.login-box .login_title {
  font-size: 15px;
  color: #333;
}
.login-box .bg_tabel {
  display: inline-block;
  padding-top: 20px;
}
.login-box .bg_tabel .text {
  display: block;
  margin-top: 20px;
  padding-left: 10px;
  width: 268px;
  height: 38px;
  border: 1px solid #dedede;
}
.login-box .btn_l button {
  background: #20a559 !important;
}
.login-box .bg_user {
  display: block;
  margin-top: 15px;
}
.login-box .bg_user .fl_box {
  float: left;
  display: inline-block;
}
.login-box .bg_user .fl_box a {
  font-size: 12px;
  color: #20a559;
}
.login-box .bg_user .fr_box {
  float: right;
  display: inline-block;
}
.login-box .bg_user .fr_box a {
  font-size: 12px ;
  color: #296ac7;
}
.login-box .bg_user .jf_checkbox {
  margin: 0;
}
.login-box .bg_user .jf_checkbox b {
  font-size: 12px;
  color: #666666;
}
.login-box .bg_Board {
  margin-top: 48px;
  display: block;
}
.login-box .bg_Board button {
  width: 100%;
  padding: 12px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #2158a7;
}
.login-box .bg_method {
  display: block;
  padding-top: 40px;
}
.login-box .bg_method .bg_ber {
  position: relative;
  height: 18px;
}
.login-box .bg_method .bg_ber .ber {
  position: absolute;
  z-index: 1;
  top: 10px;
  margin-left: 42px;
  width: 70%;
  border-top: 1px solid #dddddd;
}
.login-box .bg_method .bg_ber h2 {
  position: absolute;
  left: 50%;
  margin-left: -54px;
  z-index: 5;
  padding: 0 14px;
  font-size: 13px;
  background: #fff;
  color: #999999;
}
.login-box .bg_method .ber_list {
  padding-top: 33px;
  margin-left: -50px;
}
.login-box .bg_method .ber_list .login_weixin {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/dist/a14d5463d73f05c0fd6b2684d98a445b.png) 50% no-repeat;
}
.login-box .bg_method .ber_list .login_weibo {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/dist/5ccb6082e5966005c7d38e6c76e48c1f.png) 50% no-repeat;
}
.login-box .bg_method .ber_list .login_qq {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/dist/40afd36eadd803658d199b89c381e095.png) 50% no-repeat;
}
.login-box .bg_method .ber_list a {
  margin-left: 45px;
}
.login-box .goto_register {
  font-size: 13px;
  color: #333;
  margin-top: 34px;
}
.login-box .goto_register .register_link {
  color: #2158a7;
}
.login-box .close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  display: block;
  width: 17px;
  height: 17px;
  background: url(/dist/842606a58f5265227c7b8e7c95397e95.png) no-repeat;
}
.order_success {
  display: none;
}
.order_success .success_img {
  display: block;
  width: 70px;
  height: 70px;
  margin: 100px auto 0;
}
.order_success .success_text {
  font-size: 16px;
  color: #25a75d;
  margin-top: 10px;
}
.order_success .success_text2 {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.order_success .success_text2 span {
  display: block;
  margin-bottom: 8px;
}
.order_success .success_text2 em {
  color: #eb4545;
}
.order_success .info_div {
  margin-top: 20px;
  font-size: 13px;
  color: #333;
}
.order_success .info_div span {
  display: block;
  margin-bottom: 8px;
}
.order_success .btn_group {
  *zoom: 1;
  width: 212px;
  margin: 0 auto;
  padding: 20px 0 160px 0;
}
.order_success .btn_group:before, .order_success .btn_group:after {
  display: table;
  content: "";
}
.order_success .btn_group:after {
  clear: both;
}
.order_success .btn_group:before, .order_success .btn_group:after {
  display: table;
  content: "";
}
.order_success .btn_group:after {
  clear: both;
}
.order_success .continue_buy {
  display: block;
  float: right;
  width: 100px;
  height: 33px;
  background-color: #36ae69;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 33px;
}
.order_success .order_detail {
  display: block;
  float: left;
  width: 100px;
  height: 33px;
  background-color: #3768b0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 33px;
}
.lh_page .footer {
  margin-top: 0;
  padding-top: 0;
}
.classify_content .page_div a.active:hover {
  color: #fff;
}
.forget_div {
  width: 1090px;
  height: 534px;
  background-color: #fff;
  margin: 20px auto 0;
}
.forget_div .forget_tab {
  position: relative;
  width: 516px;
  height: 54px;
  margin: 60px auto 0;
}
.forget_div .forget_tab li {
  position: absolute;
  width: 516px;
  height: 54px;
}
.forget_div .forget_tab .forget_tab1 {
  background: url(/dist/9d288df60fb6fd73beb49e37b9f344b9.png) no-repeat;
  background-size: 516px 54px;
  display: none;
}
.forget_div .forget_tab .forget_tab2 {
  background: url(/dist/6e3f0206f9f94099eb2ee4bc6ee1a0c7.png) no-repeat;
  background-size: 516px 54px;
  display: none;
}
.forget_div .forget_tab .forget_tab3 {
  background: url(/dist/e7fb8881332b89f029402e97b113e619.png) no-repeat;
  background-size: 516px 54px;
  display: none;
}
.forget_div .forget_tab .active {
  display: block;
}
.forget_div .forget_content {
  width: 516px;
  margin: 60px auto 0;
}
.forget_div .content_1 {
  width: 516px;
  box-sizing: border-box;
  display: none;
}
.forget_div .content_1 div {
  margin-bottom: 20px;
  *zoom: 1;
}
.forget_div .content_1 div:before, .forget_div .content_1 div:after {
  display: table;
  content: "";
}
.forget_div .content_1 div:after {
  clear: both;
}
.forget_div .content_1 div:before, .forget_div .content_1 div:after {
  display: table;
  content: "";
}
.forget_div .content_1 div:after {
  clear: both;
}
.forget_div .content_1 .account_text {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  width: 280px;
  height: 40px;
  border: 1px solid #dedede;
  padding-left: 10px;
  color: #bbb;
}
.forget_div .content_1 .phone_text {
  display: block;
  float: left;
  box-sizing: border-box;
  margin-left: 42px;
  width: 280px;
  height: 40px;
  border: 1px solid #dedede;
  padding-left: 10px;
  color: #bbb;
}
.forget_div .content_1 .change {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 135px;
  height: 40px;
  border: 1px solid #20a559;
  background-color: #f4faf7;
  font-size: 14px;
  color: #20a559;
  text-align: center;
  line-height: 40px;
  margin-left: 20px;
}
.forget_div .content_1 .register_slide {
  margin: 0 auto 20px;
}
.forget_div .content_1 .code_text {
  display: block;
  float: left;
  box-sizing: border-box;
  margin-left: 117px;
  width: 134px;
  height: 40px;
  border: 1px solid #dedede;
  padding-left: 10px;
  color: #bbb;
}
.forget_div .content_1 .get_code {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 134px;
  height: 40px;
  border: 1px solid #20a559;
  background-color: #f4faf7;
  font-size: 14px;
  color: #20a559;
  text-align: center;
  line-height: 40px;
  margin-left: 11px;
}
.forget_div .content_1 .next_step {
  display: block;
  width: 135px;
  height: 40px;
  margin: 40px auto 0;
  background-color: #20a559;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.forget_div .content_2 {
  display: none;
}
.forget_div .content_2 .new_password {
  display: block;
  box-sizing: border-box;
  width: 280px;
  height: 40px;
  border: 1px solid #dedede;
  padding-left: 10px;
  margin: 0 auto 20px;
}
.forget_div .content_2 .confirm_password {
  display: block;
  box-sizing: border-box;
  width: 280px;
  height: 40px;
  border: 1px solid #dedede;
  padding-left: 10px;
  margin: 0 auto 20px;
}
.forget_div .content_2 .confirm {
  display: block;
  width: 135px;
  height: 40px;
  margin: 40px auto 0;
  background-color: #20a559;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.forget_div .content_3 {
  display: none;
}
.forget_div .content_3 .success_image {
  display: block;
  width: 70px;
  height: 70px;
  margin: 80px auto 0;
}
.forget_div .content_3 .success_text {
  display: block;
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-top: 22px;
}
.forget_div .content_3 .goto_login {
  color: #20a559;
}
.forget_div .activity {
  display: block;
}
.agreement {
  width: 848px;
  margin: 0 auto;
}
.agreement h3 {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: normal;
}
.agreement h5 {
  font-size: 14px;
  margin: 10px 0 10px 0;
  font-weight: normal;
}
.agreement p {
  font-size: 14px;
  margin-bottom: 10px;
}
.agreement .agreement_content p {
  margin-bottom: 30px;
}
.help_center {
  background-color: #F5F5F5;
  padding-bottom: 93px;
}
.help_center_main {
  width: 1090px;
  margin: 0 auto;
}
.help_center_main .crumbs {
  height: 44px;
  line-height: 44px;
}
.help_center_content {
  *zoom: 1;
}
.help_center_content:before, .help_center_content:after {
  display: table;
  content: "";
}
.help_center_content:after {
  clear: both;
}
.help_center_content:before, .help_center_content:after {
  display: table;
  content: "";
}
.help_center_content:after {
  clear: both;
}
.help_center_content .help_nav {
  float: left;
  width: 150px;
}
.help_center_content .help_nav .item {
  display: block;
  width: 150px;
  height: 44px;
  background-color: #fff;
  font-size: 14px;
  color: #666;
  line-height: 44px;
  margin-bottom: 1px;
}
.help_center_content .help_nav .active {
  color: #2d6eca;
}
.help_center_content .help_main {
  float: right;
  width: 930px;
  background-color: #fff;
}
.help_center_content .help_main .active {
  display: block;
}
.help_center_content .help_div {
  padding: 0 30px 70px 30px;
  text-align: left;
  display: none;
}
.help_center_content .help_title {
  height: 80px;
  font-size: 18px;
  color: #333;
  border-bottom: 1px dashed #ddd;
  line-height: 80px;
}
.help_center_content .small_title {
  display: block;
  font-size: 14px;
  color: #2d6eca;
  padding-top: 36px;
}
.help_center_content .small_title span {
  padding-left: 18px;
}
.help_center_content .big_title {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  padding-top: 12px;
  padding-left: 10px;
}
.help_center_content p {
  font-size: 14px;
  color: #333;
  padding-top: 12px;
  line-height: 23px;
}
.help_center_content p .p_t {
  padding-left: 18px;
  display: inline-block;
  width: 74px;
}
.help_center_content em {
  display: block;
  font-size: 14px;
  color: #333;
  padding-top: 20px;
}
.help_center_content .tip {
  background-color: #F5F5F5;
  padding: 0 40px 18px 26px;
  margin-top: 20px;
}
.help_center_content .tip .tip_title {
  display: block;
  font-size: 14px;
  color: #333;
  padding-top: 18px;
}
.help_center_content .tip p {
  line-height: 30px;
}
.footer2 {
  font: 12px/1.5 "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', '\5B8B\4F53', sans-serif;
  background: #f6f6f6 ;
  overflow: hidden;
  border-top: 1px solid #e7e7e7;
  text-align: left;
}
.footer2 a {
  color: #888888;
}
.footer2 .ng-ser-box-con {
  *zoom: 1;
}
.footer2 .ng-ser-box-con:before, .footer2 .ng-ser-box-con:after {
  display: table;
  content: "";
}
.footer2 .ng-ser-box-con:after {
  clear: both;
}
.footer2 .ng-ser-box-con:before, .footer2 .ng-ser-box-con:after {
  display: table;
  content: "";
}
.footer2 .ng-ser-box-con:after {
  clear: both;
}
.footer2 .ng-footer {
  width: 1201px;
  margin: 0 auto;
}
.footer2 .ng-promise {
  *zoom: 1;
  padding: 80px 0 20px;
}
.footer2 .ng-promise:before, .footer2 .ng-promise:after {
  display: table;
  content: "";
}
.footer2 .ng-promise:after {
  clear: both;
}
.footer2 .ng-promise:before, .footer2 .ng-promise:after {
  display: table;
  content: "";
}
.footer2 .ng-promise:after {
  clear: both;
}
.footer2 .ng-promise dl {
  float: left;
  width: 20%;
}
.footer2 .ng-promise dt {
  float: left;
  width: 50px;
  height: 50px;
  text-indent: -999em;
  overflow: hidden;
  margin-right: 8px;
}
.footer2 .ng-promise dd {
  padding-top: 5px;
}
.footer2 .ng-promise .footer_icon_01 {
  background: url(/dist/249d63d42ef1f78222ca5eb98c4c9ee8.png) no-repeat;
}
.footer2 .ng-promise .footer_icon_02 {
  background: url(/dist/689b9e64b2233b2820be2ad3fb364606.png) no-repeat;
}
.footer2 .ng-promise .footer_icon_03 {
  background: url(/dist/dd0ae5110ef8960d89fb12912241c24b.png) no-repeat;
}
.footer2 .ng-promise .footer_icon_04 {
  background: url(/dist/ecbe6bd023fc944ed829d12ae735d291.png) no-repeat;
}
.footer2 .ng-promise .footer_icon_05 {
  background: url(/dist/f404077f3fab8db676be3bad8e4397b7.png) no-repeat;
}
.footer2 .ng-promise p {
  color: #666;
}
.footer2 .ng-help-box {
  float: left;
  border-top: 1px #ececec solid;
  width: 915px;
  padding-top: 8px;
}
.footer2 .ng-help-box dl {
  float: left;
  width: 152px;
  line-height: 22px;
  font-size: 2px;
  font-size: 12px;
}
.footer2 .ng-help-box dt {
  font-weight: bold;
  padding-bottom: 2px;
  font-size: 12px;
}
.footer2 .ng-help-box .qr img {
  width: 110px;
  height: 110px;
  border: 1px solid #ddd;
}
.footer2 .ng-new-pro {
  border-top: 1px #ececec solid;
  margin-top: 15px;
}
.footer2 .ng-hot-line {
  float: right;
  width: 285px;
  text-align: center;
  border-left: 1px #ececec solid;
  border-top: 1px #ececec solid;
  padding-top: 20px;
}
.footer2 .footer_tel {
  display: inline-block;
  width: 202px;
  height: 110px;
  background: url(/dist/a7e4dbd32c888add9099a3ce236724c1.png) no-repeat;
}
.footer2 .online {
  display: inline-block;
  width: 100px;
  height: 27px;
  line-height: 27px;
  background: #fff;
  border-radius: 3px;
  margin-top: 4px;
  border: 1px #ddd solid;
  color: #333;
}
.footer2 .online:hover {
  color: #32b4fe;
  border: 1px solid #32b4fe;
}
.footer2 .footer2_list {
  width: 1000px;
  margin: 0 auto;
  *zoom: 1;
  padding: 15px 0;
}
.footer2 .footer2_list:before, .footer2 .footer2_list:after {
  display: table;
  content: "";
}
.footer2 .footer2_list:after {
  clear: both;
}
.footer2 .footer2_list:before, .footer2 .footer2_list:after {
  display: table;
  content: "";
}
.footer2 .footer2_list:after {
  clear: both;
}
.footer2 .footer2_list .li1 {
  width: 355px;
  padding-right: 60px;
}
.footer2 .footer2_list .li2 {
  width: 283px;
  padding-right: 60px;
}
.footer2 .footer2_list .li3 {
  width: 358px;
}
.footer2 .footer_block {
  float: left;
}
.footer2 .footer_block .left {
  float: left;
  margin-right: 8px;
}
.footer2 .footer_block .title {
  font-weight: bold;
  line-height: 26px;
  color: #777;
}
.footer2 .footer_block .content {
  color: #777;
}
.footer2 .footer_block .font_l {
  float: left;
  width: 60%;
}
.footer2 .footer_block .btn-jf {
  line-height: 18px;
  border-radius: 3px;
  font-style: normal;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  vertical-align: text-top;
  border-radius: 25px;
  min-width: 90px;
  padding: 5px 8px;
  background: #3f9be8;
  color: #fff;
  font-size: 12px;
  margin-left: 12px;
}
.footer2 .footer_block .btn-jf:hover {
  background: #59b3ff;
  color: #fff;
}
.footer2 .footer_block .btn-jf i {
  margin-right: 4px;
}
.footer2 .footer_block img {
  display: block;
}
.footer2 .ng-s-f-con {
  *zoom: 1;
  border-top: 1px #ececec solid;
  padding-top: 15px;
  padding-bottom: 40px;
}
.footer2 .ng-s-f-con:before, .footer2 .ng-s-f-con:after {
  display: table;
  content: "";
}
.footer2 .ng-s-f-con:after {
  clear: both;
}
.footer2 .ng-s-f-con:before, .footer2 .ng-s-f-con:after {
  display: table;
  content: "";
}
.footer2 .ng-s-f-con:after {
  clear: both;
}
.footer2 .ng-s-f-con .content {
  margin-left: 140px;
}
.footer2 .ng-copyright {
  float: right;
  width: 45%;
  height: 50px;
  padding-left: 40px;
}
.footer2 .ng-s-f-con-left {
  float: left;
  width: 55%;
  padding-left: 90px;
}
.footer2 .ng-url-list {
  line-height: 24px;
  margin-bottom: 20px;
  margin-left: 66px;
}
.footer2 .ng-url-list span {
  margin: 0 5px;
}
.footer2 .ng-ft-con {
  display: inline-block;
  width: 50%;
  float: left;
}
.footer2 .ng-ft-con .content {
  margin-left: 50px;
}
.footer2 .ng-s-footer {
  display: block;
  width: 100%;
}
.footer2 .footer2 .ng-s-f-con .font_ft {
  top: 40px;
}
.ng-links {
  margin-bottom: 8px;
  background: #f5f5f5;
}
.ng-links .container {
  padding-left: 0;
  padding-right: 0;
}
.ng-links .title h3 {
  font-size: 14px;
}
.ng-links .links {
  padding: 0;
  *zoom: 1;
}
.ng-links .links:before, .ng-links .links:after {
  display: table;
  content: "";
}
.ng-links .links:after {
  clear: both;
}
.ng-links .links:before, .ng-links .links:after {
  display: table;
  content: "";
}
.ng-links .links:after {
  clear: both;
}
.ng-links .links h3 {
  margin: 3px;
  font-size: 12px;
}
.ng-links .links span {
  color: #777;
  margin: 0 5px;
}
.ng-links .links li {
  float: left;
  margin: 0;
}
.ng-links .links li img {
  width: 88px;
  height: 30px;
  border: 1px #ddd solid;
}
.ng-links .links a {
  font-size: 12px;
}
.ng-links .font_ft {
  clear: both;
  width: 400px;
}
.footer_img {
  display: inline-block;
  width: 117px;
  height: 40px;
  background: url(/dist/fe386b4c35fad19c7b57fb602e0ab0a5.png) no-repeat;
}
.footer-pc {
  float: left;
  margin: 0 5px ;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/dist/d0289dc0a46fc5b15b3363ffa78cf6c7.png) 50% no-repeat;
}
.slideBox .bd li a {
  display: block;
  width: 100%;
  height: 400px;
}
.product {
  position: static;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.recommend .product_name {
  line-height: 26px;
  height: auto;
  margin-bottom: 15px;
  padding-right: 15px;
}
.recommend .product_content {
  float: none;
  margin-left: 240px;
}
.protocol-content {
  text-indent: 2em;
  padding-bottom: 60px;
}
.protocol-content p {
  margin-bottom: 10px;
}
.download_div {
  min-height: 400px;
}
.promotion .con .promotion_list li .img img {
  margin-top: 30px;
}
.cargo_info .cargo_list li .t {
  z-index: 3;
}
.product_img .view .big_img {
  background: #f5f5f5;
}
.sm-text {
  font-size: 12px;
}
.text-info {
  color: #999;
}
#invoice_form .readonly {
  border: none;
}
.layer_con .img_con .img img {
  display: none;
}
.layer_con .img_con .img {
  position: relative;
  width: 200px;
  height: 150px;
  border: 1px #ddd solid;
}
.layer_con .img_con .img .icon-add {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -17px;
  margin-top: -17px;
  width: 35px;
  height: 35px;
  display: block;
}
.layer_con .img_con .img.active .icon-add {
  display: none;
}
.layer_con .img_con .img.active .uploadImg {
  display: block;
  width: 200px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
}
.mian_boxs {
  min-height: 537px;
}
.paye_list .active {
  background: #20a559;
  border: 1px solid #20a559;
}
.order_classify .order_data .img_list .img_bg {
  position: relative;
}
.order_classify .order_data .img_list .img_bg .icon_small {
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 18px;
  padding: 0;
}
.jf_logo {
  width: 330px;
  margin: -10px auto 40px;
  overflow: hidden;
  position: relative;
  left: 80px;
}
.jf_logo .pic {
  float: left;
}
.jf_logo .logo_text {
  float: left;
  font-size: 20px;
  color: #429ae3;
  text-align: left;
  line-height: 24px;
}
.jf_logo .v_line {
  float: left;
  height: 43px;
  width: 1px;
  background: #cccccc;
  margin: 5px 15px 0;
}
.login_page .jf_logo {
  top: 0;
  left: 0;
  float: left;
  margin-bottom: 0;
  margin-top: 25px;
}
.footer2 .footer2_list .li1 {
  width: 292px;
}
.footer2 .footer2_list .li2 {
  width: 228px;
}
.footer3 {
  margin-top: 28px;
  text-align: center;
}
.footer3 a {
  font-size: 12px;
  font-weight: normal;
  margin: 0 15px;
  color: #333333;
}
.footer3 a:hover {
  color: #1370b9;
}
.footer3 dd {
  margin-top: 14px;
  font-size: 12px;
}
.carousel .slideBox {
  height: 400px;
}
.login_page .content .bg_con {
  padding: 25px  40px 70px;
}
.paye_list li:hover {
  border: 1px solid #20a559;
}
.paye_list li:hover a {
  color: #28d070;
}
.paye_list li.active:hover a {
  color: #fff;
}
.remarks {
  float: left;
  padding-top: 15px;
  padding-left: 15px;
}
.remarks p {
  margin-bottom: 8px;
  font-size: 14px;
}
.remarks input {
  padding-left: 10px;
  width: 400px;
  height: 34px;
  border: 1px solid #dedede;
}
.settlement_info {
  overflow: hidden;
}
.settlement_info .fr_info {
  float: right;
  width: 50%;
}
.remarks_td {
  border-top: 1px #eee solid;
  text-align: left!important;
  border-left: none;
  border-right: none;
  height: 34px;
  padding-left: 10px!important;
}
.settle_box {
  overflow: hidden;
}
.settle_box .float_left {
  float: left;
  margin-left: -15px;
}
.settle_box .float_right {
  float: right;
}
/*
	CSS Stylesheet for IE Alert! plugin.
*/


/*

	Overlay Background

*/


#ie-alert-overlay {
width:100%;
height:100%;
background-image:url(/dist/6defa9d4fb558bcb4e2cbfc60266c6ad.png);
position: fixed; 
top: 0; 
left: 0;
z-index:9999;

}


* html #ie-alert-overlay {   /* fixed position hack for IE6 */
	position: absolute;
	z-index:9999;
	
}


/*

	Pop Up Panel

*/


#ie-alert-panel {
	width:520px;
	height:331px;
	position:fixed;
	background: url(/dist/8ae5196b98de6dc6150d9e7d1b6c5fa0.png) no-repeat;
	background-position: -1px -109px ;
	top:50%;
	left:50%;
	margin:-201px 0 0 -296px;
	padding:72px 0 0 72px;
	_position:absolute;  /* fixed position hack for IE6 */
    _top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */
    
    /* font settings */
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	line-height:1.5em;
	z-index:10000;
}


#ie-alert-panel p {
	font-size:14px;
	width:486px;
	text-align:justify;
}


#ie-alert-panel img {
	border:0;
}


#ie-alert-panel span {
	font-size:18px;
	margin: 0 0 20px 0;
	display:block;
	padding:0;
}


#ie-alert-panel ul {
	list-style: none;
	margin:0;
	padding:0;	
}


#ie-alert-panel li {
	float:left;
	margin:0 22px 0 0;
		
}


#ie-alert-panel li.last {
	margin-right:0;
}


#ie-alert-panel a {
	display:inline-block;
		
}


.browser {
	position: absolute;
	bottom:35px;	
}


.chrome, .firefox, .ie9, .opera, .safari {
	background: url(/dist/8ae5196b98de6dc6150d9e7d1b6c5fa0.png) no-repeat;
}


/*

	browsers

*/


.chrome {
	background-position: 0 0;
	width: 73px;
	height: 96px;
	margin:0 4px 0 0;
}


.firefox {
	background-position: -292px 0;
	width: 73px;
	height: 98px;
}


.ie9 {
	background-position: -179px 0;
	width: 95px;
	height: 98px;
}


.opera {
	background-position: -90px 0;
	width: 73px;
	height: 98px;
}


.safari {
	background-position: -387px 0;
	width: 73px;
	height: 98px;
	margin:0 4px 0 0;
}


 



/*# sourceMappingURL=news_detail.css.map*/