/*body,input { font-family:"MingLiu", Arial, "Helvetica Neue", Helvetica, sans-serif; }*/ body,input { font-family:"SourceHanSansCN-Regular", "Arial", "Helvetica Neue", "Helvetica", "sans-serif"; } .nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; } .break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; } .animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; } .defaultstyle,.df { position: relative; margin: 0; padding:0; } body {margin: 0; padding: 0;color: #666; font-size: 14px;line-height: 20px;border: 0;} /*CSShack*/ body{ min-width: 1200px\9; overflow-x: hidden; } .maxsize { margin-left: auto; margin-right: auto; } @media all and (min-width: 0px) {body { min-width: auto; }} .vcenter { position: absolute; top: 0; bottom: 0; width: 100%; left: 0; } i { font-style: normal; } .tb { display: table;height: 100%;width: 100%; } .tb-c { display: table-cell;vertical-align: middle; } a { text-decoration: none;color: #666; } ul,dl,dt,dd { list-style: none;margin: 0;padding: 0; } input:focus , select:focus , textarea:focus { outline: none; } img { max-width: 100%; height: auto; border: 0; } h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.2;font-weight: normal; } table { border-collapse: collapse; } .table { overflow: hidden; } .table .tr { overflow: hidden; } .table .tr .td , .table .tr .th { float: left; } .hide { display: none; } .block { display: block; } .inb { display: inline-block; } .posr { position: relative; } .posa { position: absolute; } .poss { position: static; } .row { overflow: hidden; } .row .fl { float: left; } .cl { clear: both; } .row .md1 { width: 8.3333%; } .row .md2 { width: 16.6666%; } .row .md3 { width: 25%; } .row .md4 { width: 33.3333%; } .row .md5 { width: 41.6666%; } .row .md6 { width: 50%; } .row .md7 { width: 58.3333%; } .row .md8 { width: 66.6666%; } .row .md9 { width: 75%; } .row .md10 { width: 83.3333%; } .row .md11 { width: 91.6666%; } .row .md12 { width: 100%; } .row .mp0 { margin: 0 !important; padding: 0 !important; } .row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6, .row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .dv { float: left; } .tac { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .clearboth{width: 100%;height:0;clear: both;overflow: hidden;font-size: 0;line-height: 0;} input[type="text"],input[type="password"] , select , textarea { -webkit-appearance: none; margin: 0; padding: 0; border: 0;width: 100%;text-indent: 10px; } /*input[type="date"] { -webkit-appearance: none; margin: 0; padding: 0; border: 0;width: 100%;text-indent: 10px; }*/ input[type="submit"] { -webkit-appearance: none !important; margin: 0; padding: 0; border: 0; } input[type="button"] { -webkit-appearance: none !important; margin: 0; padding: 0; border: 0; } input::-webkit-input-placeholder { color: #b98e68 !important;} input:-moz-placeholder {color: #b98e68 !important;} input::-moz-placeholder {color: #b98e68 !important;} input:-ms-input-placeholder {color: #b98e68 !important;} h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } .fl { float: left; } .half { width: 50%; } .fixed { position: fixed;top: 0; left: 0; right: 0; bottom: 0; } .loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999;} /*公共样式*/ .fullpage { position: relative; overflow: hidden; z-index: 999;} .fullpage i { } .fullpage .bg { position: absolute; width: 100%; height: 100%; overflow: hidden;top: 0; left: 0;-webkit-animation: scaleIn 10s ease-out; -o-animation: scaleIn 10s ease-out; -moz-animation: scaleIn 10s ease-out; animation: scaleIn 10s ease-out; -webkit-animation-fill-mode:forword;animation-fill-mode:forword } .fullpage .light { position: absolute; bottom: 0; right: 10%; width: 20%;-webkit-animation: scaleOut 10s ease-out; -o-animation: scaleOut 10s ease-out; -moz-animation: scaleOut 10s ease-out; animation: scaleOut 10s ease-out;} .fullpage .bg img { height: 100%; max-width: 9999%;min-width: 100%; } .fullpage .text { color: #000; padding-left: 25%;} .fullpage .text h1 {font-size: 60px; } .fullpage .text h4 {font-size: 20px; margin-top: 10px; } .fullpage .downtip { position: absolute; bottom: 20px; left: 0; width: 100%; } .fullpage .downtip .iconfont { font-size: 20px; } .fullpage .logo { position: absolute; top: 15px; left: 20px; height: 30px; width: 250px;z-index: 9999; } .fullpage .logo img { height: 100%; } @media screen and (max-width: 1600px) {.fullpage .text { padding-left: 20% }} @media screen and (max-width: 1400px) {.fullpage .text { padding-left: 15%; }} @media screen and (max-width: 1200px) {.fullpage .text { padding-left: 10%; }} /*@media screen and (max-width: 1000px) {.fullpage .text { padding-left: 5%; }}*/ @media screen and (max-width: 1024px) { .fullpage .light { left: 50%; right: 50%; margin: 0 -20%; width: auto; } .fullpage .vcenter { top: 20%; text-align: center; } .fullpage .vcenter .tb { display: block; } .fullpage .vcenter .tb-c { display: block; } .fullpage .text { padding-left: 0; } .fullpage .text h1 { font-size: 45px; } .fullpage .text h4 { font-size: 14px; } .fullpage .logo { height: 20px; } } @-webkit-keyframes scaleOut {0% { -webkit-transform: scale(1.1);}100% { -webkit-transform: scale(1);}} @-o-keyframes scaleOut {0% {-o-transform: scale(1.1);}100% {-o-transform: scale(1);}} @-moz-keyframes scaleOut {0% {-moz-transform: scale(1.1); }100% {-moz-transform: scale(1); }} @keyframes scaleOut {0% {-ms-transform: scale(1.1);transform: scale(1.1); }100% {-ms-transform: scale(1);transform: scale(1);}} @-webkit-keyframes scaleIn {0% { -webkit-transform: scale(0.9);}100% { -webkit-transform: scale(1);}} @-o-keyframes scaleIn {0% {-o-transform: scale(1);}100% {-o-transform: scale(1.1);}} @-moz-keyframes scaleIn {0% {-moz-transform: scale(1); }100% {-moz-transform: scale(1.1); }} @keyframes scaleIn {0% {-ms-transform: scale(1);transform: scale(1); }100% {-ms-transform: scale(1.1);transform: scale(1.1);}} /*body { min-height: 2000px; }*/ .header { position: fixed; top: 0; left: 0; right: 0; width: 100%;height: 60px; background: #fff; z-index: 10;} .header .login { position: absolute; right: 0; top: 0; line-height: 40px; padding: 10px; } .header .login a { display: inline-block; line-height: 40px; } .header .login .iconfont { font-size: 25px; margin-left: 10px; -webkit-text-stroke-width: 0px; color: #000;} .header .logo { position: fixed; top: 15px; left: 20px; height: 40px; } .header .logo img { height: 100%; } .header .menu { padding: 0 300px; } .header .menu .menulist { text-align: center; } .header .menu .menulist li { display: inline-block; } .header .menu .menulist li.active a { color: rgb(232,26,41); } .header .menu .menulist li a { display: block; line-height: 60px; padding: 0 20px;font-size: 16px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; } .header .menu .menulist li a:hover { color: rgb(232,26,41); } .headerHeight { height: 0px; } .header .search { background: #434343; padding: 30px 0; } .header .searchcon { max-width: 600px; margin: 0 auto; position: relative;} .header .searchcon .input { padding-right: 75px; } .header .searchcon .input input { line-height: 65px; text-indent: 20px; border-radius: 4px; background: #1e1e1e; font-size: 16px; font-family: 'SourceHanSansCN-Regular'; color: #fff; height: 65px;} .header .searchcon .input input::-webkit-input-placeholder { color: #9e9e9e !important;} .header .searchcon .input input:-moz-placeholder {color: #9e9e9e !important;} .header .searchcon .input input::-moz-placeholder {color: #9e9e9e !important;} .header .searchcon .input input:-ms-input-placeholder {color: #9e9e9e !important;} .header .searchcon .searchbtn { position: absolute; top: 0; right: 0;cursor: pointer; } .header .searchcon .searchbtn input { width: 65px; height: 65px; line-height: 65px; text-align: center; border-radius: 4px; text-indent: 0; background: #5d5d5d; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;color: #fff;cursor: pointer; } .header .searchcon .searchbtn:hover input { background: #777; } .header .mobile { background: #fff; border-bottom: 1px solid #ececec; display: none; } .header .mobile .menubtn { display: inline-block;width: 25px; height: 25px; margin: 10px;padding-top: 6px; margin-top: 5px;} .header .mobile .menubtn i.line { display: inline-block;width: 100%; height: 2px ; background: #fc2059;margin: 3px 0; } .header .mobile .my { font-size: 25px; padding: 10px; line-height: 25px; position: absolute; right: 0; top: 0; color:#fc2059;} .header .mobile .my .iconfont { font-size: 25px; } .header .hl { color: #fc2059; } @media screen and (max-width: 960px) { .header .menu { padding: 0 150px; } } @media screen and (max-width: 768px) { .header { height: auto; width: 100%; } .header .logo { display: none; } .header .login { display: none; } .header .mobile { display: block; width: 100%; } .header .list { position: absolute; top: 100%;background: #fff; border-bottom: 2px solid #fc2059; left: 0; right: 0; display: none;} .header .menu .menulist { display: block; width: 100%; } .header .menu .menulist li { display: block; } .header .menu .menulist li a { line-height: 45px; font-size: 14px;border-bottom: 1px solid #fafafa; } .header .menu { padding: 0; } .header .search { display: block; padding: 20px;background: #fff;} .header .searchcon .input input, .header .searchcon .searchbtn input { line-height: 45px; height: 45px; } .header .searchcon .input input { font-size: 14px; background: #fff; border: 1px solid #ececec; color: #000; } .header .searchcon .searchbtn input { background: #fc2059; border: 1px solid #fc2059; } .headerHeight { height: 45px; } } .footer .copyright { text-align: center; color: #a0a0a0; padding: 70px 0;font-size: 10px; background: #fff;} .footer .contact { text-align: center; background: #f3f3f3; padding: 130px 0;} .footer .contact h5 { margin-bottom: 20px; } .footer .contact h1 { font-size: 40px; } .footer .contact .sns { display: inline-block;margin-top: 20px; } .footer .contact .sns li { display: inline-block; position: relative;} .footer .contact .sns li a { display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #5a5a5a; border-radius: 100%; color: #5a5a5a;margin: 0 5px; } .footer .contact .sns li a .iconfont { font-size: 21px; } .footer .contact .sns li:hover .qrcode { display: block; } .footer .contact .sns li .qrcode { position: absolute; bottom: 100%; left: 50%; right: 50%; margin: 0 -80px; margin-bottom: 10px; background: #fff; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.15); display: none;} .footer .contact .sns li .qrcode:before { content: '◆'; font-size: 20px;line-height: 20px;position: absolute;left: 50%; right: 50%;margin: -10px;bottom: 0; color: #fff; } .footer .contact .sns li .qrcode img { width: 100%; } .footer .copyright { display: none; } .footer .mcopyright { display: block; } .footer .mcopyright { display: block;text-align: center; color: #a0a0a0; padding: 10px 0;font-size: 10px; background: #fff; } @media screen and (max-width: 768px) { .footer .copyright { display: none; } .footer .contact { padding: 80px 0; } .footer .mcopyright { display: block;text-align: center; color: #a0a0a0; padding: 10px 0;font-size: 10px; background: #fff; } .footer .contact h5 { margin-bottom: 15px;font-size: 14px; } .footer .contact h1 { font-size: 28px; } .footer .contact .sns { margin-top: 15px; } .footer .contact .sns li a { line-height: 35px; width: 35px; height: 35px; } } @media screen and (max-width: 480px) { .footer .contact { padding: 50px 0; } .footer .contact h5 { margin-bottom: 10px;font-size: 12px; } .footer .contact .sns { margin-top: 10px; } } .showcase { margin-bottom: -4px; overflow: hidden; } .showcase .swiper-slide { position: relative;width: 33.3%; float: left; overflow: hidden;} .showcase .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; } .showcase .swiper-slide img { width: 100%; transition: all 8s ease-out;-webkit-transition: all 8s ease-out;-o-transition: all 8s ease-out;-moz-transition: all 8s ease-out; } .showcase .swiper-slide:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); } .showcase .name { position: absolute; top: 15%; left: 0; width: 100%; color:#fff; } .showcase .name h3 { display: inline-block; padding: 0 20px;position: relative; } .showcase .name h3:before { content: ''; top: 50%; right: 100%;position: absolute; width: 0;height: 1px; background: #fff;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;} .showcase .name h3:after { content: ''; top: 50%; left: 100%;position: absolute; width: 0;height: 1px; background: #fff;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;} .showcase .swiper-slide:hover .name h3:before { width: 30px; display: block; } .showcase .swiper-slide:hover .name h3:after { width: 30px; display: block; } .showcase .name i.dot { display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #fff; margin-top: 20px; position: relative;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash;animation-name:flash } .showcase .name i.dot:before { content: '';width: 100%; height: 100%; position: absolute; top: -1px; left: -1px;border: 1px solid #fff;border-radius: 100%;opacity: 0; transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out; margin: -5px; padding: 5px;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pulse;animation-name:pulse} .showcase .swiper-slide-active .name i.dot:before { -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);opacity: 1;} .idea { position: relative; height: 900px; color: #000; } .idea video {height: 900px; width: 40%;background: #fff; } .idea .areaText { max-width: 1180px; height: 900px; position: relative; margin: 0 auto; } .idea .text { width: 1180px; } .idea .text h1, .idea .text h2 { padding-left: 35%; } .idea .text h2 { font-size: 33px; } .idea .areaText .line1 { margin-bottom: 70px; } .news .brandnews { text-align: right; background: #f3f3f3; } .news .productnews { text-align: left; background: #5a5a5a; } .news .maxsize { max-width: 700px; margin: 0; display: inline-block; text-align: left; width: 100%;} .news .brandnews .title { position: relative;background: #f8f8f8;padding-left: 100px; } .news .brandnews .title h4, .news .brandnews .title .more { display: block; line-height: 150px; } .news .brandnews .title .more { position: absolute; top: 0; right: 50px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;z-index: 5; } .news .brandnews .title .more:before { content: '';display: inline-block; position: absolute; right: 100%; margin-right: 10px; width: 6px;height: 6px;margin-top: -3px; background: #eb4255; border-radius: 100%;top: 50%; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; z-index: 4;} .news .brandnews .title .more:hover { color: #eb4255; } .news .brandnews .title .more:hover:before { margin-right: -3px; opacity: 0; } .news .brandnews .title h4 { position: relative;color: #000; } .news .brandnews .title h4:before { content: ''; display: block; width: 30px; height: 1px; top: 50%; right: 100%; margin-right: 10px; margin-top: -1px; background: #000; position: absolute;} .news .brandnews li p { position: relative; display: inline-block; } .news .brandnews li p:after { content: ''; position: absolute; width: 0; height: 1px; background: #000; left: 0; bottom: -5px; transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;} .news .brandnews li:hover p:after { width: 100%; } .news .brandnews .cont ul { padding-right: 50px; } .news .brandnews .cont li { border-bottom: 1px solid #dcdcdc;padding: 70px 0; } .news .brandnews .cont li:last-of-type { border-bottom: 0; } .news .brandnews .cont h4 { font-style: 22px; margin-top: 20px; } .news .brandnews .cont p { font-size: 20px; } .news .productnews .title { position: relative;background: #2c2c2c;padding-left: 100px; } .news .productnews .title h4, .news .productnews .title .more { display: block; line-height: 150px; } .news .productnews .title h4 { position: relative;color: #fff; } .news .productnews .title h4:before { content: ''; display: block; width: 30px; height: 1px; top: 50%; right: 100%; margin-right: 10px; margin-top: -1px; background: #fff; position: absolute;} .news .productnews .title .more { position: absolute; top: 0; right: 50px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;z-index: 5; } .news .productnews .title .more:before { content: '';display: inline-block; position: absolute; right: 100%; margin-right: 10px; width: 6px;height: 6px;margin-top: -3px; background: #eb4255; border-radius: 100%;top: 50%; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; z-index: 4;} .news .productnews dd { position: relative; border-bottom: 1px solid } .news .productnews dd .face { height: 100%; max-width: 40%; overflow: hidden;} .news .productnews dd .face img { height: 100%; } .news .productnews dd .text { left: 45%; height: 100%; position: absolute; right: 0; top: 0; color: #fff; } .news .productnews dd .text b { font-size: 24px; margin-bottom: 20px; display: block; font-weight: normal; } .news .productnews dd .text h4 { font-size: 22px;font-weight: normal; margin-bottom: 30px;position: relative; display: inline-block; } .news .productnews dd .text h4:after { content: ''; position: absolute; width: 0; height: 1px; background: #fff; right: 0; bottom: -5px; transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;} .news .productnews dd:hover .text h4:after { width: 100%; } .news .productnews dd .text p { color: #c8c8c8; line-height: 25px; font-size: 14px; max-height: 50px; overflow: hidden; } .news .productnews .title .more:hover { color: #eb4255; } .news .productnews .title .more:hover:before { margin-right: -3px; opacity: 0; } .product .row { border-top: 1px solid #efefef; position: relative; } .product .banner .swiper-slide { background-size: auto 100%; height: 450px;background-position: top center; } .product .banner .swiper-pagination-bullet-active { background: #fc2059; } .product .banner { position: relative; } @media screen and (max-width: 480px) { .product .banner .swiper-slide { height: 300px; } } .product .row .bg { position: absolute; top: 0; left: 50%; right: 0; bottom: 0; background-size: cover; background-size: auto 100%\9; background-repeat: no-repeat; background-position: center center;} .product .row .title { text-align: center; padding: 50px 0; } .product .row:nth-child(2n+1) .md6 { float: right; } .product .row:nth-child(2n+1) .bg { left: 0; right: 50%;} .product .row h1 { display: inline-block;position: relative; font-size: 24px; color: #3c3c3c; } /*.product .row h1:after { content: ''; position: absolute; height: 2px; margin: 0 -10px; background: #e60e31;left: 50%; right: 50%;bottom: -20px;}*/ .product .row .tab { text-align: center; } .product .row .tab li { display: inline-block; font-family: 'SourceHanSansCN-Regular'; } .product .row .tab li.cur { border-bottom: 2px solid #e60e31; } .product .row .tab li a { display: block; line-height: 60px; padding: 0 20px;font-size: 16px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; border-bottom: 2px solid #fff;} .product .row .showcases { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; overflow: hidden;} .product .row .showcases .item { border-right: 1px solid #efefef; text-align: center; overflow: hidden; } .product .row .showcases .item .pdcon { padding: 50px; } .product .row .showcases .item .face { overflow: hidden; margin-bottom: 50px;} .product .row .showcases .item h4 { font-size: 18px; color: #000; } .product .row .showcases .item h5 { font-size: 12px; margin-top: 15px; color:rgb(223,27,42); } .product .row .showcases .swiper-pagination { position: relative; top: auto; bottom: auto; left: auto; right: auto; border-top: 1px solid #efefef; padding: 20px 0; padding-bottom: 30px;} .product .row .showcases .swiper-pagination .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; background: none; font-size: 10px; position: relative; color: #000; opacity: 1; margin: 0 10px;} .product .row .showcases .swiper-pagination .swiper-pagination-bullet-active { color:#e60e31; } .product .row .showcases .swiper-pagination .swiper-pagination-bullet-active:after {content: '';bottom: -10px; width: 4px; height: 4px; position: absolute; left: 50%;margin-left: -2px; background: #e60e31;border-radius: 100%; } @media screen and (max-width: 1180px) { .product .row .showcases .item .pdcon { padding: 30px 20px; } } @media screen and (max-width: 768px) { .product .row .md6 { width: auto; float: none; } .product .row:nth-child(2n+1) .md6 { float: none; } .product .row .bg { display: none; } } .styleBackground { background-position: top center; background-size: auto 100%; background-size: cover; background-repeat: no-repeat; } .brand .pages .section { position: relative; background-repeat: no-repeat; background-position: bottom center; background-size: auto 100%\9;background-size: cover; } .brand .pages .section .maxsize { max-width: 1600px; position: relative; height: 100%;} .brand .pages .section .title { text-align: center; padding-top: 10%; visibility: hidden; } @media screen and (max-height: 800px) { .brand .pages .section.active .title { padding-top: 100px; } .brand .pages .section .title img { max-height: 200px;} .brand .section2 .text { bottom: 80px; } .brand .section3 .text { bottom: 80px; } } @media screen and (max-width: 480px) { .brand .pages .section.active .title { padding-top: 75px; } } .brand .pages .section.active .title {-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;visibility: visible; } .brand .pages .section1 .text { position: absolute; top: 50%; right: 0;color: #fff; font-size: 16px; line-height: 30px; margin-top: -45px; padding-right: 50px; } .brand .section2 .text { position: absolute; bottom: 80px; left: 0; right: 0; height:250px; text-align: center; } .brand .section2 .text h1 { position: absolute; top: 30px; left: 0; right: 0; font-size: 34px; } .brand .section2 .text .words { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .brand .section2 .text .words .item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .brand .section3 .text { position: absolute; bottom: 10px; left: 0; right: 0; height:250px; text-align: center; } .brand .section3 .text h1 { position: absolute; top: -40px; left: 0; right: 0; font-size: 34px; } .brand .section3 .text .words { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .brand .section3 .text .words .item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media screen and (max-width: 1024px) { .brand .pages .section1 .text { left: 0; right: 0; text-align: center; top: 40%; padding-right: 0;} } @media screen and (max-width: 480px) { .brand .pages .section .title { padding-top: 20%; } .brand .pages .section.active .title img { width: 30px; } .brand .pages .section1 .text { font-size: 12px;line-height: 1.5; top: 50%;} .brand .section2 .text {bottom: 190px; height: 150px; } .brand .section2 .text h1 { font-size: 25px; top: 30px; } .brand .section3 .text h1 { font-size: 25px; top: 0px; } .brand .section3 .text { bottom: 125px; height: 160px;} } .news { background: #efefef; padding-bottom: 1px;} .news .slogan { width: 100%; height: 500px; } .news .slogan .title { padding-top: 8%; text-align: center; } .news .item { margin-bottom: 40px; box-shadow: 0 1px 5px rgba(0,0,0,0.1);background: #fff; padding: 45px 50px; height: 290px; position: relative;} .news .item .num { font-size: 14px; color:#afafaf; line-height: 30px;} .news .item .face { position: absolute; top: 25px; bottom: 25px; right: 25px; left: 50%; overflow: hidden; text-align: right;} .news .item .face img { height: 100%; max-width: 9999px; width: auto; } .news .item .detial { padding-right: 50%; padding-left: 20%; padding-top: 25px;} .news .item .detial h2 { color: #000; margin-bottom: 40px; font-size: 18px; } .news .item .detial p { color: #7d7d7d; margin-bottom: 40px; font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; } .news .item .detial p.time { color: #bbb; height: auto; } @media screen and (max-width: 1440px) { .news .item .detial { padding-left: 10%; } } @media screen and (max-width: 1024px) { .news .item .detial { padding-left: 0%; padding-right: 55%; } } @media screen and (max-width: 768px) { .news .item { padding: 35px 40px; margin-bottom: 15px; height: auto; } .news .item .num { font-size: 12px; } .news .item .face { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin-top: 25px; } .news .item .face img { height: auto; width: 100%; } .news .item .detial { padding: 0;padding-top: 40px; } .news .item .detial h2 { margin-bottom: 25px; font-size: 16px; } .news .item .detial p { margin-bottom: 25px; font-size: 12px; line-height: 22px; height: 66px; } .news .item .detial p.time { margin-bottom: 0; height: auto; } } @media screen and (max-width: 480px) { .news .item { padding: 25px 30px; } .news .item .detial h2 { margin-bottom: 25px; font-size: 14px; } } .subject .section1 .title { padding-top: 10%; text-align: center; } .subject .section1 .title img { max-width: 60%; } @media screen and (max-width: 768px) { .subject .section1 .title { padding-top: 20%; text-align: center; } } @media screen and (max-width: 480px) { .subject .section1 .title { padding-top: 25%; text-align: center; } } .subject .section { position: relative; } .subject .section2 .title { position: absolute; top: 10%; left: 16%; width: 12%; } .subject .section2 .face { position: absolute; bottom: 5%; left: 5%; top: 30%; right: 35%;} .subject .section2 .face img { max-height: 100%; position: absolute; bottom: 0;} .subject .section2 .text { position: absolute; right: 5%; top: 30%; bottom: 10%; left: 52%; text-align: center; } .subject .section2 .text img { max-height: 100%; } .subject .section3 .title { position: absolute; top: 10%; right: 16%; width: 12%; } .subject .section3 .face { position: absolute; bottom: 0; left: 55%; top: 30%; right: 0;} .subject .section3 .face img { max-height: 100%; } .subject .section3 .text { position: absolute; left: 5%; top: 30%; bottom: 10%; right: 52%; text-align: center;} .subject .section3 .text img { max-height: 100%; } .subject .section4 .title { position: absolute; top: 10%; left: 16%; width: 12%; } .subject .section4 .face { position: absolute; bottom: 0; left: -5%; top: 30%; right: 55%;} .subject .section4 .face img { max-height: 100%; position: absolute; bottom: 0; } .subject .section4 .text { position: absolute; right: 5%; top: 25%; bottom: 10%; left: 52%; text-align: center;} .subject .section4 .text img { max-height: 100%; } .subject .section5 { background-size: auto 100%; background-repeat: no-repeat; background-position: top center;background-size: cover; } .subject .section5 .title { padding-top: 10%; text-align: center; } .subject .section5 .title img { max-width: 60%; } .subject .section5 .tac a { display: inline-block; margin-top: 50px; line-height: 50px; font-size: 18px; color: #fff; border: 1px solid #fff; padding: 0 50px; border-radius: 50px; } @media screen and (max-width: 768px) { .subject .section5 .title { padding-top: 20%; text-align: center; } } @media screen and (max-width: 480px) { .subject .section5 .title { padding-top: 25%; text-align: center; } .subject .section5 .tac a { font-size: 14px; line-height: 35px; border-radius: 35px; padding: 0 35px; margin-top: 30px; } .subject .section5 { background-position: 65% 0%; } } .subject2 .section5 { background-size: auto 100%; background-repeat: no-repeat; background-position: top center;background-size: cover; } .subject2 .section5 .title { padding-top: 10%; text-align: center; } .subject2 .section5 .title img { max-width: 60%; } .subject2 .section5 .tac a { display: inline-block; margin-top: 50px; line-height: 50px; font-size: 18px; color: #fff; border: 1px solid #fff; padding: 0 50px; border-radius: 50px; } @media screen and (max-width: 768px) { .subject2 .section5 .title { padding-top: 20%; text-align: center; } } @media screen and (max-width: 480px) { .subject2 .section5 { background-position: top center; background-size: cover;} .subject2 .section5.topcenter { background-position: top center } .subject2 .section5 .title { padding-top: 25%; text-align: center; } .subject2 .section5 .tac a { font-size: 14px; line-height: 35px; border-radius: 35px; padding: 0 35px; margin-top: 30px; } } .pd .maxsize { max-width: 960px; } .pd .breadcrumb { background: #f2f2f2; } .pd .breadcrumb ul li { display: inline-block; line-height: 75px; padding-right: 5px; } .pd .pc .maxsize.s { padding: 40px 0; } .pd .pc .pdcon { padding: 10px; position: relative;} .pd .pc .name { border-bottom: 3px solid #ebebeb; } .pd .pc .name h1 { line-height: 38px; font-size: 24px; color: #000; padding: 10px 0; } .pd .pc .name h1 span { font-size: 14px; color:#696969; padding-left: 20px; line-height: 1; } .pd .pc .digest { padding: 10px 0; } .pd .pc .digest p { line-height: 26px; font-size: 14px; margin-bottom: 10px; } .pd .pc .digest p.grey { color: #a2a2a2; } .pd .pc .price { color: rgb(223,27,42); font-size: 18px;} .pd .pc .btns .tar select { width: auto; border: 2px solid #ebebeb; padding: 5px; color: #000; text-indent: 0; padding-right: 30px; background: url('../images/arrowdown.png') no-repeat;background-size: auto 20%; background-position: 80% 50%; } .pd .pc .btns .row { margin-bottom: 15px; } .pd .pc .btns a { display: block; text-align: center; line-height: 50px;} .pd .pc .btns a.hlbg { background: rgb(223,27,42); color: #fff; font-size: 18px; border: 2px solid rgb(223,27,42);transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; } .pd .pc .btns a.hlbg:hover { background: none; color: rgb(223,27,42); } .pd .pc .btns a.half { border: 2px solid #ebebeb; width: auto; } .pd .pc .btns a.left { margin-right: 6px; } .pd .pc .btns a.right { margin-left: 6px; } .pd .detial img { width: 100%; } .pd .showcase .swiper-pagination-bullet-active { background: #e91a2a; } .pd .mobile .showcase { position: relative; margin: 10px 40px; overflow: hidden;} .pd .mobile .digest { padding: 30px 40px; } .pd .mobile .digest h1 { line-height: 32px; font-size: 16px; color: #000; padding: 10px 0; } .pd .mobile .digest p { line-height: 22px; font-size: 12px; margin-bottom: 10px; } .pd .bottomfixed { position: fixed; bottom: 0; left: 0; right: 0; padding: 10px; background: #fff; border-top: 2px solid #e91a2a;z-index: 99; } .pd .bottomfixed p { line-height: 30px; font-size: 14px; color: #000; } .pd .bottomfixed select { width: auto; border: 2px solid #ebebeb; padding: 5px; color: #000; text-indent: 0; padding-right: 30px; background: url('../images/arrowdown.png') no-repeat;background-size: auto 20%; background-position: 80% 50%; } .pd .bottomfixed a { display: block; } .pd .preview.mobile { display: none; } .pd .preview dd{overflow: hidden;padding: 20px 0;} .pd .preview .options a{float: left;border:1px solid #ececec;height: 40px;line-height: 40px;padding: 0;margin-right: 8px;border-radius: 3px;} .pd .preview .options a span{display: block;padding: 0 5px;} .pd .preview .options a.active{border-color:rgb(223,27,42); color:rgb(223,27,42); } @media screen and (max-width: 768px) { .pd .preview.pc { display: none; } .pd .preview.mobile { display: block; } } .nd { position: relative; } .nd .maxsize { max-width: 960px; margin: 50px auto; display: block; } .nd .title { border-bottom: 2px solid #ccc; text-align: center; padding-bottom: 50px; } .nd .title h1 { font-size: 32px; margin-bottom: 20px; } .nd .title p { color: #aaa; } .nd .content { padding: 50px 0; } .nd .content p { line-height: 2; } @media screen and (max-width: 768px) { .nd .title h1 { font-size: 20px; } .nd .maxsize { margin: 50px 20px; width: auto;} } .member { background: #f8f8f8; padding-bottom: 100px; padding-top: 50px;} .member .maxsize { max-width: 960px; overflow: hidden; } .member .icons { text-align: center; padding: 100px 0; } .member .icons li { margin: 0 40px; } .member .icons li img { width: 80px; } .member .icons li h4 { font-size: 14px; margin-top: 15px;color: #000; } .member dl.list dd { margin-bottom: 10px;box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-top: 1px solid #efefef;} .member dl.list .sublist li { border-bottom: 1px solid #efefef; background: #fff; position: relative; } .member dl.list .sublist li.go:after { content: '\e602';font-family: 'iconfont'; position: absolute; top: 0; right: 30px; color: #d7d7d7; line-height: 50px; } .member dl.list .sublist li a { line-height: 50px; padding: 0 30px; display: block; color: #111; } .member dl.list .sublist li a:hover { background: #efefef; } .member dl.list .sublist li .iconfont { font-size: 20px; } .member dl.list .sublist li span { padding-left: 10px; font-size: 16px;} @media screen and (max-width: 480px) { .member { padding-top: 0; } .member .icons { padding: 50px 0; } .member .icons li { margin: 0 20px; } .member .icons li img { width: 40px; } .member .icons li h4 { font-size: 14px; } .member dl.list .sublist li span { font-size: 12px; } .member dl.list .sublist li .iconfont { font-size: 16px; } } .formwin { background: #f8f8f8; padding: 100px 0; } .formwin .maxsize { max-width: 450px; } .formwin .title { padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;} .formwin .title h4 { padding: 0 10px; } .formwin .row { margin-top: 10px; } .formwin .row p { padding: 10px; line-height: 35px; } .formwin .row input[type="text"], .formwin .row input[type="password"] { line-height: 35px; height: 35px; border: 1px solid #ddd; border-radius: 4px; } .formwin .row.no input { border-color: #FF906F; } .formwin .row.no .ness { display: none; } .formwin .row.no .hide { display: block; } .formwin .btns input { display: inline-block; line-height: 35px; padding: 0 30px; height: 35px; font-family: 'SourceHanSansCN-Regular'; border: 0;cursor: pointer; margin-right: 10px; background: #e91b2a; color: #fff; border-radius: 4px;} .formwin .hl { color: #fc2059; } @media screen and (max-width: 480px) { .formwin { padding: 80px 0; } .formwin .maxsize { padding: 0 10px; } .formwin .row p { font-size: 12px; padding: 5px;} .formwin .md3 { width: 20%; } .formwin .md3.rfull {width: 30%; } } .member .orders dd { margin-bottom: 10px; background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .member .orders dd .statu { border-bottom: 1px dashed #ececec; } .member .orders dd .statu p { padding: 10px; text-align: center; line-height: 40px;} .member .orders dd .statu h4 { text-align: center; line-height: 40px;padding: 10px; } .member .orders dd .statu h4.hl { color: #fc2059; } .member .orders dd li { position: relative; border-bottom: 1px dashed #ececec; } .member .orders dd li:last-of-type { border: 0; } .member .orders dd li .face { position: absolute;padding: 20px; width: 80px; height: 160px; left: 0; top: 0;} .member .orders dd li .face img { width: 100%; } .member .orders dd li .text { padding-left: 100px; } .member .orders dd li .text .con { padding: 20px;color: #000; } .member .orders dd li .text h4 { margin-bottom: 5px; } .member .orders dd li .text p { margin-top: 40px;color: #cbcbcb; } @media screen and (max-width: 480px) { .member .orders dd .statu p { padding: 5px 10px; } .member .orders dd .statu h4 { padding: 5px 10px; font-size: 15px; } .member .orders dd li .text h4 { font-size: 16px; } .member .orders dd li .text h5 { font-size: 15px; } } .member .hl { color: #fc2059; } .member .blocks .block { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-bottom: 10px; padding: 20px; } .member .blocks .block.total h5 { font-size: 14px; line-height: 1.5; } .member .od .item { position: relative; } .member .od .item .face { position: absolute; padding: 10px; top: 0; left: 0; width: 80px; height: 100px; overflow: hidden; } .member .od .item .text { padding: 10px;padding-left: 110px; min-height: 105px; } .member .od .item .text h4 { margin-bottom: 5px; line-height: 1.5; } .member .od .item .text p { margin-top: 40px;color: #cbcbcb; } .member .od .address { /*background: #f6f6f6;*/ padding: 0 20px; margin: 0 -20px;cursor: pointer;position: relative; padding-right: 50px; } /*.member .od .address:after { content: '\e602';font-family: 'iconfont'; position: absolute; top: 50%; right: 10px; color: #d7d7d7; line-height: 30px; font-size: 25px; margin: -15px 0;}*/ .member .od .address ul { padding: 20px 10px; } .member .od .address ul li { line-height: 25px; color:#686868; } .member .od .pay .row { border-bottom: 1px dashed #ececec; padding: 0 20px; margin: 0 -20px; } .member .od .pay .row:last-of-type { border-bottom: 0; } .member .od .pay p { padding: 0 10px; line-height: 45px; } .member .od .pay .con { padding: 10px; } .member .od .pay input[type="checkbox"] { display: none; } .member .od .pay input[type="checkbox"] + label { display: inline-block; width: 20px; height: 20px; background: #f3f3f3; border: 1px solid #dfdfdf; margin: 12px 0; border-radius: 100%; position: relative; cursor: pointer;} .member .od .pay input[type="checkbox"]:checked + label:before { content: '';display: inline-block; width: 10px; height: 10px; background: #fc2059; border-radius: 100%; position: absolute; top: 5px; left: 5px; } .member .od .pay .con h5 { margin-bottom: 5px; } .member .od .pay .con .btn { line-height: 45px; padding: 0 30px; color: #fff; background: #fc2059; cursor:pointer; border-radius: 4px; display: inline-block; margin-top: 20px; border: 0; font-size: 14px;} .member .od .pay .con .grey { line-height: 45px; padding: 0 30px; color: #fff; background: #ccc; cursor:pointer; border-radius: 4px; display: inline-block; margin-top: 20px; border: 0; font-size: 14px;} .member .od .pay input#code { line-height: 35px; margin: 5px 0; text-indent: 0;font-size: 14px; } .member .od .pay input#deliver_date,.member .od .pay input#postscript,#inv_payee,#inv_tax_number,#inv_content,#inv_email,#offer_fee { line-height: 35px; margin: 5px 0; text-indent: 0;font-size: 14px; } .member .od .pay input::-webkit-input-placeholder { color: #9e9e9e !important;} .member .od .pay input:-moz-placeholder {color: #9e9e9e !important;} .member .od .pay input::-moz-placeholder {color: #9e9e9e !important;} .member .od .pay input:-ms-input-placeholder {color: #9e9e9e !important;} .member .od .payway .inb { margin: 5px 0; } .member .od .payway input { position: absolute; top: 50%; margin: -6px 0;} .member .od .payway label { display: inline-block;/* padding-left: 20px;*/cursor: pointer; } .member .od .payway2 label {padding-left: 20px;} .member .od .payway label img { background: #fff;border: 1px solid #efefef; border-radius: 6px; margin-right: 10px; width: 120px; padding: 0 10px;} .chooseadd { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 -20px; padding: 0 20px; } dl.addlist dd { padding: 10px;border-bottom: 1px dashed #eee; position: relative; } dl.addlist dd:last-of-type { border: 0; } dl.addlist dd input[type="radio"] { position: absolute; top: 50%;margin-top: -6px; left: 0; } .chooseadd .addaddr { display: inline-block; background: #fc2059; color: #fff; line-height: 40px; border-radius: 4px; padding: 0 30px; margin: 5px 0; } dl.addlist dd label { padding-left: 20px;display: block; } dl.addlist dd p { padding: 5px 0; line-height: 25px; } #quick_order input,#quick_order select { text-indent: 0; font-family: 'SourceHanSansCN-Regular'; height: 35px; line-height: 35px; margin: 4px 0; border: 1px solid #ececec; text-indent: 10px;} #quick_order input.no,#quick_order select.no{ border-color:#fc2059} #quick_order select { position: relative; } #quick_order p { padding: 2px 10px; line-height: 45px; } #quick_order input::-webkit-input-placeholder { color: #9e9e9e !important;} #quick_order input:-moz-placeholder {color: #9e9e9e !important;} #quick_order input::-moz-placeholder {color: #9e9e9e !important;} #quick_order input:-ms-input-placeholder {color: #9e9e9e !important;} #quick_order .save { text-indent: 0; display: inline-block; cursor: pointer; background: #fc2059; color: #fff; line-height: 40px; border-radius: 4px; padding: 0 40px; height: 40px; } #newaddress input,#newaddress select { text-indent: 0; font-family: 'SourceHanSansCN-Regular'; height: 35px; line-height: 35px; margin: 4px 0; border: 1px solid #ececec; text-indent: 10px;} #newaddress input.no,#newaddress select.no{ border-color:#fc2059} #newaddress select { position: relative; } /*#newaddress select:after { content: '\e607';font-family: 'iconfont'; position: absolute; top: 50%; right: 10px; color: #d7d7d7; line-height: 30px; font-size: 25px; margin: -15px 0;}*/ #newaddress p { padding: 2px 10px; line-height: 45px; } #newaddress input::-webkit-input-placeholder { color: #9e9e9e !important;} #newaddress input:-moz-placeholder {color: #9e9e9e !important;} #newaddress input::-moz-placeholder {color: #9e9e9e !important;} #newaddress input:-ms-input-placeholder {color: #9e9e9e !important;} #newaddress .save { text-indent: 0; display: inline-block; cursor: pointer; background: #fc2059; color: #fff; line-height: 40px; border-radius: 4px; padding: 0 40px; height: 40px; } #detailbox p { padding: 2px 10px; line-height: 25px; font-size: 13px; } @media screen and (max-width: 480px) { .member .blocks .block { padding: 10px; } .member .od .item { margin: -10px; } .member .od .item .face { padding: 5px; } .member .od .item .text h4 { font-size: 16px; } .member .od .item .text .tar h4 { font-size: 14px; } .member .od .item .text p { margin-top: 25px; } .member .od .pay p { padding-left: 5px; } } .member .setting .row { border-bottom: 1px solid #ececec; } .member .setting .row p { padding: 0 10px; line-height: 45px; } .member .setting .row p input[type="date"] { line-height: 35px; height: 35px; text-indent: 0; font-family: 'SourceHanSansCN-Regular'; } .member .setting .row p input[type="text"] { line-height: 45px; height: 45px; text-indent: 0; font-family: 'SourceHanSansCN-Regular'; } .member .setting .row p input[type="password"] { line-height: 45px; height: 45px; text-indent: 0; font-family: 'SourceHanSansCN-Regular'; } .member .setting .row:last-of-type { border-bottom: 0; } .member .setting .btn { line-height: 45px; color: #fff; background: #fc2059; border-radius: 4px;max-width: 400px; margin: 0 auto;margin-top: 20px; cursor: pointer; } .member .setting .btn input, .common_btn3{ line-height: 45px; color: #fff; background: #fc2059; border-radius: 4px;max-width: 400px; margin: 0 auto;} .member .setting .btn input{width: 100%;} .common_btn3{max-width: none;padding: 0 20px;height: 40px;line-height: 40px;display: inline-block;margin-top: 10px;border:2px solid #fc2059;} .common_btn3:hover{background: #fff;color: #fc2059;} .member .setting .sex label { margin-right: 20px;} .member .setting .go { position: relative; line-height: 25px; } .member .setting .go:after { content: '\e602';font-family: 'iconfont'; position: absolute; top: 0; right: 0px; color: #d7d7d7; line-height: 25px; } .member .setting input::-webkit-input-placeholder { color: #9e9e9e !important;} .member .setting input:-moz-placeholder {color: #9e9e9e !important;} .member .setting input::-moz-placeholder {color: #9e9e9e !important;} .member .setting input:-ms-input-placeholder {color: #9e9e9e !important;} .member .setting select { line-height: 45px; height: 45px; text-indent: 0; font-family: 'SourceHanSansCN-Regular'; } #price_yuan{/*height: 20px;*/line-height: 20px;} #price_yuan span{ width:100%; display:block} #price_yuan input{width: 15px;height: 15px;overflow: hidden;position: relative;top:4px;margin-left: 15px;} #price_yuan input:nth-child(1){margin-left: 0;} @media screen and (max-width: 480px) { .member .setting .btn { margin: 20px 10px; } } .pop { background: url('../images/hover50.png') repeat 0 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0;} .pop .maxsize { max-width: 600px;padding: 0 10px; } .pop .win { border: 1px solid #ececec; background: #fff; position: relative; } .pop .win .close { position: absolute; top: 0; right: 0; width: 45px; height: 45px; line-height: 45px;display: inline-block; } .pop .win .close .iconfont { font-size: 25px; } .pop .win h4 { padding: 0 10px; padding-right: 55px; line-height: 45px; border-bottom: 1px solid #ececec;} .pop .win .con { padding: 20px; } .pop .win .con p { line-height: 1.5; } .member .address .btn h4 { line-height: 45px; color: #fff; background: #fc2059; border-radius: 4px;max-width: 400px; margin: 0 auto;margin-top: 20px; } .member .address .addrlist p { line-height: 30px; } .member .address .addrlist li { padding: 0 20px; margin: 0 -20px; } .member .address .addrlist li .row { padding: 10px 0; } .member .address .addrlist li { border-bottom: 1px dashed #ececec; } .member .address .addrlist li:last-of-type { border-bottom: 0 } @media screen and (max-width: 480px) { .member .address .btn h4 { margin: 0 10px; } } /*字体引入*/ .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .song { font-family: 'SourceHanSansCN-Regular'; } @font-face { font-family: 'iconfont'; src: url('icons/iconfont.eot'); src: url('icons/iconfont.eot?#iefix') format('embedded-opentype'), url('icons/iconfont.woff') format('woff'), url('icons/iconfont.ttf') format('truetype'), url('icons/iconfont.svg#iconfont') format('svg'); } @font-face { font-family: 'song'; src: url('font/qingke.eot'); src: url('font/qingke.eot?#iefix') format('embedded-opentype'), url('font/qingke.woff') format('woff'), url('font/qingke.ttf') format('truetype'), url('font/qingke.svg#qingke') format('svg'); } @font-face { font-family: "SourceHanSansCN-Regular"; src: url("font/SourceHanSansCN-Regular.woff2") format("woff2"), url("font/SourceHanSansCN-Regular.woff") format("woff"), url("font/SourceHanSansCN-Regular.ttf") format("truetype"), url("font/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("font/SourceHanSansCN-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } .delay1s{-webkit-animation-delay:1s;animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s}.delay2s{-webkit-animation-delay:2s;animation-delay:2s;-ms-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s}.delay3s{-webkit-animation-delay:3s;animation-delay:3s;-ms-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s}.delay4s{-webkit-animation-delay:4s;animation-delay:4s;-ms-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s}.delay5s{-webkit-animation-delay:5s;animation-delay:5s;-ms-animation-delay:5s;-moz-animation-delay:5s;-o-animation-delay:5s}.delay6s{-webkit-animation-delay:6s;animation-delay:6s;-ms-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s}.delay7s{-webkit-animation-delay:7s;animation-delay:7s;-ms-animation-delay:7s;-moz-animation-delay:7s;-o-animation-delay:7s}.delay8s{-webkit-animation-delay:8s;animation-delay:8s;-ms-animation-delay:8s;-moz-animation-delay:8s;-o-animation-delay:8s}.delay9s{-webkit-animation-delay:9s;animation-delay:9s;-ms-animation-delay:9s;-moz-animation-delay:9s;-o-animation-delay:9s}.delay10s{-webkit-animation-delay:10s;animation-delay:10s;-ms-animation-delay:10s;-moz-animation-delay:10s;-o-animation-delay:10s}.delay100{-webkit-animation-delay:.1s;animation-delay:.1s;-ms-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s}.delay200{-webkit-animation-delay:.2s;animation-delay:.2s;-ms-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s}.delay300{-webkit-animation-delay:.3s;animation-delay:.3s;-ms-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s}.delay400{-webkit-animation-delay:.4s;animation-delay:.4s;-ms-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s}.delay500{-webkit-animation-delay:.5s;animation-delay:.5s;-ms-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s}.delay600{-webkit-animation-delay:.6s;animation-delay:.6s;-ms-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s}.delay700{-webkit-animation-delay:.7s;animation-delay:.7s;-ms-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s}.delay800{-webkit-animation-delay:.8s;animation-delay:.8s;-ms-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s}.delay900{-webkit-animation-delay:.9s;animation-delay:.9s;-ms-animation-delay:.9s;-moz-animation-delay:.9s;-o-animation-delay:.9s}.delay1000{-webkit-animation-delay:1s;animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s}.delay1100{-webkit-animation-delay:1.1s;animation-delay:1.1s;-ms-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s}.delay1200{-webkit-animation-delay:1.2s;animation-delay:1.2s;-ms-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s}.delay1300{-webkit-animation-delay:1.3s;animation-delay:1.3s;-ms-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s}.delay1400{-webkit-animation-delay:1.4s;animation-delay:1.4s;-ms-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s}.delay1500{-webkit-animation-delay:1.5s;animation-delay:1.5s;-ms-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s}.delay1600{-webkit-animation-delay:1.6s;animation-delay:1.6s;-ms-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s}.delay1700{-webkit-animation-delay:1.7s;animation-delay:1.7s;-ms-animation-delay:1.7s;-moz-animation-delay:1.7s;-o-animation-delay:1.7s}.delay1800{-webkit-animation-delay:1.8s;animation-delay:1.8s;-ms-animation-delay:1.8s;-moz-animation-delay:1.8s;-o-animation-delay:1.8s}.delay1900{-webkit-animation-delay:1.9s;animation-delay:1.9s;-ms-animation-delay:1.9s;-moz-animation-delay:1.9s;-o-animation-delay:1.9s}.delay2000{-webkit-animation-delay:2s;animation-delay:2s;-ms-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s}.delay2100{-webkit-animation-delay:2.1s;animation-delay:2.1s;-ms-animation-delay:2.1s;-moz-animation-delay:2.1s;-o-animation-delay:2.1s}.delay2200{-webkit-animation-delay:2.2s;animation-delay:2.2s;-ms-animation-delay:2.2s;-moz-animation-delay:2.2s;-o-animation-delay:2.2s}.delay2300{-webkit-animation-delay:2.3s;animation-delay:2.3s;-ms-animation-delay:2.3s;-moz-animation-delay:2.3s;-o-animation-delay:2.3s}.delay2400{-webkit-animation-delay:2.4s;animation-delay:2.4s;-ms-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s}.delay2500{-webkit-animation-delay:2.5s;animation-delay:2.5s;-ms-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s}.delay2600{-webkit-animation-delay:2.6s;animation-delay:2.6s;-ms-animation-delay:2.6s;-moz-animation-delay:2.6s;-o-animation-delay:2.6s}.delay2700{-webkit-animation-delay:2.7s;animation-delay:2.7s;-ms-animation-delay:2.7s;-moz-animation-delay:2.7s;-o-animation-delay:2.7s}.delay2800{-webkit-animation-delay:2.8s;animation-delay:2.8s;-ms-animation-delay:2.8s;-moz-animation-delay:2.8s;-o-animation-delay:2.8s}.delay2900{-webkit-animation-delay:2.9s;animation-delay:2.9s;-ms-animation-delay:2.9s;-moz-animation-delay:2.9s;-o-animation-delay:2.9s}.delay3000{-webkit-animation-delay:3s;animation-delay:3s;-ms-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s}.delay3100{-webkit-animation-delay:3.1s;animation-delay:3.1s;-ms-animation-delay:3.1s;-moz-animation-delay:3.1s;-o-animation-delay:3.1s}.delay3200{-webkit-animation-delay:3.2s;animation-delay:3.2s;-ms-animation-delay:3.2s;-moz-animation-delay:3.2s;-o-animation-delay:3.2s}.delay3300{-webkit-animation-delay:3.3s;animation-delay:3.3s;-ms-animation-delay:3.3s;-moz-animation-delay:3.3s;-o-animation-delay:3.3s}.delay3400{-webkit-animation-delay:3.4s;animation-delay:3.4s;-ms-animation-delay:3.4s;-moz-animation-delay:3.4s;-o-animation-delay:3.4s}.delay3500{-webkit-animation-delay:3.5s;animation-delay:3.5s;-ms-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s}.delay3600{-webkit-animation-delay:3.6s;animation-delay:3.6s;-ms-animation-delay:3.6s;-moz-animation-delay:3.6s;-o-animation-delay:3.6s}.delay3700{-webkit-animation-delay:3.7s;animation-delay:3.7s;-ms-animation-delay:3.7s;-moz-animation-delay:3.7s;-o-animation-delay:3.7s}.delay3800{-webkit-animation-delay:3.8s;animation-delay:3.8s;-ms-animation-delay:3.8s;-moz-animation-delay:3.8s;-o-animation-delay:3.8s}.delay3900{-webkit-animation-delay:3.9s;animation-delay:3.9s;-ms-animation-delay:3.9s;-moz-animation-delay:3.9s;-o-animation-delay:3.9s} /* #fp-nav ul li a span, .fp-slidesNav ul li a span { border: 1px solid #000; background: none; width: 10px; height: 10px; } #fp-nav ul li, .fp-slidesNav ul li {margin: 15px 0; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { margin: 0 -4px; }*/ /*#fp-nav .fp-show-active + .fp-tooltip { opacity: 1; }*/ .sr { background: #f0f0f0; padding-top: 10px; } .sr .filter { padding: 20px;background: #fff; border-bottom: 1px solid #f0f0f0;} .sr .filter h4 { display: inline-block; font-size: 15px; line-height: 25px; } .sr .filter ul { display: inline-block; padding-left: 20px; } .sr .filter ul li { display: inline-block; } .sr .filter ul li a { display: inline-block; font-size: 15px; line-height: 25px; border-left: 1px solid #d7d7d7; padding: 0 30px; color: #000; position: relative;} .sr .filter ul li:hover a, .sr .filter ul li.active a { color: #fc2059; } .sr .filter ul li.active a:after { content: ''; display: block; width: 2px; height: 2px; background: #fc2059; bottom: -5px;position: absolute; left: 50%; margin: 0 -1px; } .sr .page.news .row .con { background: #fff; padding: 70px 80px; border-bottom: 1px solid #f0f0f0; } .sr .page.news h4 { font-size: 18px; color: #000; margin-bottom: 40px;} .sr .page.news p { font-size: 14px; color:#7d7d7d;font-size: 14px; line-height: 26px; } .sr .page { display: none; } .sr .page.active { display: block; } .sr .page.pro .con { padding: 50px; background: #fff; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;text-align: center; } .sr .page.pro .face { margin-bottom: 50px; } .sr .page.pro h4 { font-size: 18px; color: #000; margin-bottom: 15px; } .sr .page.pro p.hl { font-size: 14px; color: rgb(223,27,42); } @media screen and (max-width: 1200px) {.sr .page.pro .md2 { width: 20%; }} @media screen and (max-width: 960px) { .sr .page.pro .md2 { width: 25%; }} @media screen and (max-width: 768px) { .sr .page.pro .md2 { width: 33.33%; }} @media screen and (max-width: 480px) { .sr .page.pro .md2 { width: 50%; } .sr .page.pro .con { padding: 30px; } .sr .page.pro h4 { font-size: 14px; margin-bottom: 10px; } .sr .page.pro p.hl { font-size: 12px; } } @media screen and (max-width: 768px) { .sr .page.news .row .con { padding: 50px; } } @media screen and (max-width: 480px) { .sr .page.news .row .con { padding: 30px; } .sr .page.news h4 { margin-bottom: 20px; } .sr .page.news h4 { font-size: 14px; } .sr .page.news p { font-size: 12px; line-height: 22px; } } .m_index .section { } .m_index .section1 { background-size: auto 100%;background-color: rgb(233,244,248); } .m_index .section1 .title { text-align: center; padding: 0 10%; padding-top: 10%; color: #000; } .m_index .section1 .title h1 { margin-bottom: 10px; } .m_index .section1 .title h4 { margin-bottom: 15px; } .m_index .section1 .title a { color: #907458; display: inline-block; line-height: 14px;} .m_index .section1 .title a i { display: inline-block; width: 3px; height: 3px; border: 5px solid #907458; border-radius: 100%; } .m_index .section2 { position: relative; overflow: hidden; } .m_index .section2 .static { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 99999 !important; transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px); } .m_index .section2 .move { position: absolute; z-index: 0; -webkit-animation: move 10s infinite linear; -o-animation: move 10s infinite linear; -moz-animation: move 10s infinite linear; animation: move 10s infinite linear;width: 120%;} .m_index .section3 { position: relative; } .m_index .section3 .swiper-pagination { position: absolute; top: 0; bottom: auto; left: 0; right: 0;/*background: #fff url('../images/prefix.png') no-repeat top center;*/ background: #fff; z-index: 10; } .m_index .section3 .swiper-pagination .swiper-pagination-bullet-active{ background: #907458; } .m_index .section3 .swiper-wrapper { position: absolute; top: 0%; left: 0; right: 0; bottom: 0;z-index: 8; } .m_index .section3 .swiper-wrapper h1 { display: none; } .m_index .section3 .swiper-wrapper a { display: block;height: 100%; width: 100%；} .m_index .section3 .swiper-wrapper .swiper-slide { background-repeat: no-repeat; background-size:cover; background-position: bottom center;} .m_index .section3 .dot { display: inline-block; width: 20px; text-align: center; padding: 0 20px;padding-top: 80px; background-size: 75% auto; background-repeat: no-repeat; background-position: top center;background-image: url(../images/prefix1.png); } .m_index .section3 .dot:nth-child(2) { background-size: 100% auto; background-image: url(../images/prefix2.png); } .m_index .section3 .dot:nth-child(3) { background-size: 50%; background-image: url(../images/prefix3.png); } .m_index .section3 .dot font { display: inline-block; margin-bottom: 20px; font-size: 20px; color:#907458; } @keyframes 'move' { 0% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} 50% { -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transform:translate3d(-50px,-150px,0);-o-transform:translate3d(-50px,-150px,0);-ms-transform:translate3d(-50px,-150px,0);-moz-transform:translate3d(-50px,-150px,0);-webkit-transform:translate3d(-50px,-150px,0);} 100% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px); } } @-webkit-keyframes 'move' { 0% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} 50% { -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transform:translate3d(-50px,-150px,0);-o-transform:translate3d(-50px,-150px,0);-ms-transform:translate3d(-50px,-150px,0);-moz-transform:translate3d(-50px,-150px,0);-webkit-transform:translate3d(-50px,-150px,0);} 100% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px); } } @-o-keyframes 'move' { 0% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} 50% { -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transform:translate3d(-50px,-150px,0);-o-transform:translate3d(-50px,-150px,0);-ms-transform:translate3d(-50px,-150px,0);-moz-transform:translate3d(-50px,-150px,0);-webkit-transform:translate3d(-50px,-150px,0);} 100% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px); } } @-moz-keyframes 'move' { 0% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} 50% { -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transform:translate3d(-50px,-150px,0);-o-transform:translate3d(-50px,-150px,0);-ms-transform:translate3d(-50px,-150px,0);-moz-transform:translate3d(-50px,-150px,0);-webkit-transform:translate3d(-50px,-150px,0);} 100% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px); } } .m_index .tabpage .tab { position: relative;border-bottom: 1px solid #9c825a; } .m_index .tabpage .tab ul { overflow: hidden; } .m_index .tabpage .tab ul li { display: inline-block; width: 50%;float: left; } .m_index .tabpage .tab ul li a { display: block; line-height: 50px; text-align: center;color: #9c825a; } .m_index .tabpage .tab ul li.active a { background: #9c825a; color: #fff;} .m_index .tabpage .p { display: none; background: #f3f3f3; } .m_index .tabpage .p.active { display: block; } .m_index .tabpage .item { position: relative; border-bottom: 1px solid #dcdcdc;padding:50px; } .m_index .tabpage .item p { color:#ed4552; font-size: 16px; margin-bottom: 15px; } .m_index .tabpage .item h4 { line-height: 1.5; } .m_index .tabpage .more { display: inline-block; line-height: 30px; position: relative; padding: 20px 0;padding-bottom: 50px; color: #9d8257; } .m_index .tabpage .more:before { content: '';display: inline-block; bottom: 40px; position: absolute; left: 50%; margin: 0 -1px; width: 2px; height: 2px; background: #9d8257; } @media screen and (max-width: 480px) { .m_index .section1 .title { padding-top: 20%; } .m_index .section1 .title h1 { font-size: 24px; } .m_index .section1 .title h4 { font-size: 14px; } .m_index .section3 .swiper-pagination { background-size: auto 40px; } .m_index .section3 .dot { margin: 0 20px; /*margin-top: 60px;*/margin-bottom: 10px; } .m_index .section3 .dot font { font-size: 14px; margin-bottom: 10px; } .m_index .tabpage .item { padding: 30px; } .m_index .tabpage .item p { font-size: 12px; } .m_index .tabpage .item h4 { font-size: 15px; } .m_index .tabpage .more { display: inline-block; line-height: 30px; position: relative; padding: 20px 0;padding-bottom: 50px; color: #9d8257; } } .buybtn { display: inline-block; margin-left: 5px; } .buybtn a { display: inline-block; line-height: 50px; padding: 0 30px; background: #fc2059; color: #fff; font-size: 14px; border-radius: 4px; } .member .orders .remove { position: absolute; bottom: 20px; right: 20px; color: #7d7d7d; cursor: pointer; } .gobuy{display:inline-block; line-height: 35px; margin-top: 15px; border: 1px solid #fc2059; border-radius: 4px; cursor: pointer; padding: 0 30px; background:#fc2059; color: #fff;} .amount .icon li { position: absolute; } .pd .pc .amount .icon li a { line-height: 25px; } .amount .icon li.min { position: absolute; top: 2px; left: 0; line-height: 25px; width: 25px; border-right: 2px solid #ececec !important; text-align: center; } .amount .icon li.add { position: absolute; top: 2px; right: 0; line-height: 25px; width: 25px; border-left: 2px solid #ececec; text-align: center;} .amount input { width: 80px; text-align: center; border: 2px solid #ececec !important; text-indent: 0; line-height: 25px; height: 25px; } .mylist { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-bottom: 2px solid #fc2059; display: none; } .mylist ul li { border-bottom: 1px solid #ececec; } .mylist ul li a { display: block; line-height: 45px; font-size: 12px; text-align: center; } .mylist ul li .btn { line-height: 35px; margin: 5px 10px; background: #fc2059; color: #fff; border-radius: 6px; } .mgb30 { margin-bottom: 30px; } .disanfang .iconfont { display: inline-block; line-height: 35px; height: 35px; background: #ececec; width: 35px; text-align: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; font-size: 16px; border-radius: 100%; } .disanfang li:hover .iconfont { background: #fc2059; color: #fff; } .member .setting .row p input[type="password"].no, .member .setting .row p input[type="text"].no, select.no{ background: #FFDADA; } .product { overflow-x: hidden; margin-top:60px; } .news .productnews .cont { padding-right: 20px; } .news .brandnews .cont { padding-left: 20px; } .pop .win .con { max-height: 400px; overflow-y: scroll; } .subject2 .section { position: relative; height: 100%; } .subject2 .maxsize { max-width: 600px; margin: 0 auto; position: relative; height: 100%; } .subject2 .layer { position: absolute; bottom: 45px; left: 0; right: 0; text-align: center; top: 0;} .subject2 .layer img { max-height: 100%; } .pd .canshu { position: relative; } .pd .canshu .float { position: fixed; bottom: 80px; right: -10px; background: url(../images/hover50.png) repeat 0 0; border-radius: 100%; padding: 20px; } .pd .canshu .title { padding: 100px 20px; cursor: pointer; } .pd .canshu .title h1 { font-size: 20px; color: #fc2059; } .pd .canshu .content { display: none; } .pd .canshu .contentm { display: none; z-index: 999999;} .pd .canshu .contentm .fixed { position: fixed;top: 0;left: 0;right: 0;bottom: 0; background: url(../images/hover50.png) repeat 0 0; z-index: 999999;} .pd .canshu .contentm .win { background: #fff;border: 1px solid #ececec; margin: 10px;} .pd .canshu .contentm .win .title { position: relative;border-bottom: 1px solid #ececec; background: #fafafa; padding: 0;} .pd .canshu .contentm .win .title h4 {font-size: 16px; padding-right: 50px; padding-left: 16px; line-height: 50px;} .pd .canshu .contentm .win .title .close { position: absolute; top: 0; right: 0; line-height: 50px; width: 50px; text-align: center;display: inline-block; } .pd .canshu .contentm .win .con { max-height: 400px; padding: 20px; overflow-y: scroll; } @media screen and (max-width: 480px) { .pd .canshu .contentm .win .con { font-size: 14px !important; } .pd .canshu .contentm .win .con p { text-indent: 0 !important; line-height: 2 !important; font-size: 14px !important; } } .pd .detial .tabs { position: relative;margin-bottom: 10px; } .pd .detial .tabs ul li { display: inline-block; } .pd .detial .tabs li a { display: block; line-height: 45px; padding: 0 15px; position: relative;} .pd .detial .tabs li.active a:after { position: absolute; bottom: 0px; height: 2px; background: #fc2059; left: 0; width: 100%; content: '';} .pd .detial .tabs .pages .page { display: none; } .pd .detial .tabs .pages .page.active { display: block; } .pd .float { position: fixed;bottom: 120px; right: -5px; line-height: 15px;font-size: 14px; width: 30px; padding: 10px; background: url(../images/hover50.png) repeat 0 0; border-radius: 100%; display: none;z-index: 999;} .pd .float p { line-height: 15px; font-size: 14px; color: #fff; } @media screen and (max-width: 768px) { .pd .float { display: block; } .pd .detial .tabs ul {display: none; } } .m_index .section1 .slide { background-size: auto 100%; } .m_index .fp-controlArrow { display: none;} .m_index .fp-slidesNav.bottom { bottom: 50px; } .m_index #fp-nav ul li a span,.m_index .fp-slidesNav ul li a span { background: #fc2059; } .m_index #fp-nav ul li,.m_index .fp-slidesNav ul li { margin: 2px; } /*.m_index .section1 .swiper-container-horizontal>.swiper-pagination-bullets, .m_index .section1 .swiper-pagination-custom, .m_index .section1 .swiper-pagination-fraction { bottom: 60px; }*/ .m_index .section1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 60px; } .fullpage .swiper-slide {overflow: hidden; } .fullpage .swiper-container-horizontal>.swiper-pagination-bullets, .fullpage .swiper-pagination-custom,.fullpage .swiper-pagination-fraction { bottom: 30px; } .fullpage .swiper-pagination-bullet-active { background: #fc2059 } .fullpage a { display: block;width: 100%;height: 100%; background: url(../images/translate.png) repeat 0 0; } sub.tiny { background: rgb(233,27,42);color: #fff;line-height: 12px; width: 12px; display: inline-block;text-align: center; font-size: 9px;position: absolute; margin-left: 30px; bottom: 2px;border-radius: 100%; z-index: 999; } .mobile sub.tiny { background: rgb(233,27,42);color: #fff;line-height: 12px; width: 12px; display: inline-block;text-align: center; font-size: 9px;position: absolute; right: 2px;bottom: 2px; margin: 0;border-radius: 100%; } button{padding: 0;margin: 0;border: 0;} .ani, .seller_box .seller_client a, .distributor_box a{transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} /*客户管理*/ .seller_box .searchform h4, .distributor_box .searchform h4{font-size: 20px;line-height: 55px;} .seller_box .searchform input, .seller_box .searchform button, .distributor_box .searchform input, .distributor_box .searchform button{height: 55px;line-height: 55px;} .seller_box .searchform button i, .distributor_box .searchform button i{font-size: 20px;} .seller_box .searchform input{background: #e3e3e3;color: #bebdbd;border-radius:/* 5px 0 0 5px;*/5px;} .seller_box .searchform button{background: #e70e30;color: #fff;border-radius: /*0 5px 5px 0*/;} .seller_box .searchform input::-webkit-input-placeholder { color: #b2b2b2 !important;} .seller_box .searchform input:-moz-placeholder {color: #b2b2b2 !important;} .seller_box .searchform input::-moz-placeholder {color: #b2b2b2 !important;} .seller_box .searchform input:-ms-input-placeholder {color: #b2b2b2 !important;} .distributor_box .searchform input{background: #e3e3e3;color: #bebdbd;border-radius: 5px 0 0 5px;} .distributor_box .searchform button{background: #e70e30;color: #fff;border-radius: 0 5px 5px 0;} .distributor_box .searchform input::-webkit-input-placeholder { color: #b2b2b2 !important;} .distributor_box .searchform input:-moz-placeholder {color: #b2b2b2 !important;} .distributor_box .searchform input::-moz-placeholder {color: #b2b2b2 !important;} .distributor_box .searchform input:-ms-input-placeholder {color: #b2b2b2 !important;} .seller_box .btn i, .distributor_box .btn i{padding-right: 10px;} .common_select{ background: url('../images/downarr.png') no-repeat right; cursor: pointer;} .common_select,.seller_box .client_add input{border: 1px solid #ececec;text-indent: 15px !important;} .common_select option{height: 40px;line-height: 40px;text-indent: 15px;} .seller_box .client_add .row, .seller_box .add_activity .row, .seller_box .contact_add .row, .seller_box .add_follow .row, .seller_box .add_product .row, .distributor_box .form_box .row{border: 0;margin-bottom: 20px;} .seller_box .client_add input, .seller_box .add_activity input, .seller_box .contact_add input, .seller_box .add_follow input, .seller_box .add_product input, .distributor_box .form_box .row input{border:0;border-bottom: 1px solid #ececec;} .seller_box .client_add .btn input, .seller_box .add_activity .btn input, .seller_box .contact_add .btn input, .seller_box .add_follow .btn input, .seller_box .add_product .btn input{display: block;width: 100%;border: 0;cursor: pointer;} .seller_box .add_follow .more_contact{text-align: left;} .seller_box .add_follow .more_contact a{display: inline-block;padding: 6px 15px;line-height: 20px;border:2px solid #fc2059; margin:5px 10px;} .seller_box .add_follow .more_contact a:hover{background: #fff;color: #fc2059; margin:5px 10px;} .seller_box .client_add .more{text-align: center;} .seller_box .client_add .more a{display: block;text-align: center;font-size: 16px;line-height: 30px;border: 1px solid #ccc;color: #333;background: none;margin-top: 0;} .seller_box .client_add .more a span{padding-left: 10px;font-size: 20px;} .seller_box .client_add .more a:hover{color: #fff;border: 1px solid #fc2059;background: #fc2059;} .seller_box .client_add .down{display: none;} .seller_box .client_add .more_contact{text-align: right;} .seller_box .client_add .more_contact a{display: inline-block;padding: 6px 15px;line-height: 20px;border:2px solid #fc2059;} .seller_box .client_add .more_contact a:hover{background: #fff;color: #fc2059;} .seller_box .seller_client .row{padding: 10px 0;} .seller_box .seller_client .list{line-height: 45px;padding: 0;} .seller_box .seller_client .list a{display: block;text-align: center;} .seller_box dl.list .sublist li a:hover{background: none;} .seller_box .seller_client a{cursor: pointer;} .seller_box .seller_client a:hover{color: #fc2059 !important;} .seller_box .seller_client .morebtn{font-weight: bold;color: #eac6cf;font-size: 16px;} .seller_client .row.list .md2{width: 100%;} .seller_box .seller_client .btn{display: inline-block;padding: 6px 15px;line-height: 1;/*background: #eac6cf;*/margin-top: 10px;border:2px solid #fc2059;} .seller_box .seller_client .btn:hover{color: #fc2059;background: #fff;} .seller_box .seller_client ul.sublist .btn{margin: 20px 10px;color: #fff;line-height: 30px;} .seller_box .seller_client .btn:hover, .seller_box .seller_client ul.sublist .btn:hover{color: #fc2059;background: #fff;} .seller_box .seller_client .sublist li{overflow: hidden;} .seller_box .seller_client .target{display: none;} .seller_box dl.list .sublist li span{font-size: 14px;} .seller_box .add_product .num span, .seller_box .add_product .num input{width: 45px;height: 45px;line-height: 45px; text-align: center;border: 1px solid #ececec;float: left;} .seller_box .add_product .num span{cursor: pointer;} .seller_box .add_product .num input{width: 70px;border-left: 0;border-right: 0;} .seller_box .add_product input{width: 100%;height: 45px;line-height: 45px;} .page_box{text-align: center;} .page_box .page{display: inline-block;} .page_box a,.page_box span{float: left;background: #ebebeb;width: 32px;height: 32px;text-align: center;line-height: 32px;float: left;margin: 0 5px;color: #9b9b9b;border-radius: 3px;} .page_box span{cursor: pointer;font-size: 14px;width:auto;padding: 0 10px;} .page_box a.next_prev{cursor: pointer;font-size: 14px;width:auto;padding: 0 10px;} .page_box a:hover,.page_box span:hover,.page_box a.active{color: #fff;background: #fc2059;} .distributor_box a:hover{color: #fc2059;} /*.distributor_box .reports_box .row p{line-height: 32px;}*/ .distributor_box .reports_box .list{height: 45px;line-height: 45px; float: left; width: 40%;} .distributor_box .qrcode_box .pro_list{overflow: hidden;} .distributor_box .qrcode_box .pro_list li{float: left;width: 25%;margin-bottom: 20px;} .distributor_box .qrcode_box .pro_list li .box{padding: 0 25px;text-align: center;} .distributor_box .qrcode_box .pro_list .pic{height: 210px;} .distributor_box .qrcode_box .pro_list .pic img{max-height: 210px;} .distributor_box .qrcode_box .pro_list .btn{display: inline-block;width: auto;padding: 0 10px;height: 30px;line-height: 30px;background: #bbb;} .distributor_box .qrcode_box .pro_list .btn:hover{background: #fc2059;} .distributor_box .qrcode_box .pro_list li .qrcode{display: none;} .distributor_box .qrcode_box .pro_list li .qrcode{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.6);} .distributor_box .qrcode_box .pro_list li .qrcode i{position: absolute;top:50px;right: 50px;font-size: 24px;color: #000;width: 50px;height: 50px;text-align: center;line-height: 50px;background: #fff;border-radius: 50%;cursor: pointer;} .distributor_box .qrcode_box .pro_list li .qrcode canvas{position: absolute;top: 0; bottom: 0; left: 0; right: 0;margin: auto;} .distributor_box .qrcode_box .pro_list li .qrcode i:hover{background: #fc2059;color: #fff;} .calendar ol{padding: 0;margin: 0;} .calendar ol li{list-style: none;} @media screen and (max-width: 1024px) { .distributor_box .blocks .block, .seller_box .blocks .block{padding: 10px;} .distributor_box .setting .row p, .seller_box .setting .row p{padding: 0 5px;} } @media screen and (max-width: 768px) { .distributor_box .qrcode_box .pro_list li{width: 50%;} .distributor_box,.seller_box{font-size: 13px;} } .seller_box .seller_client .time.rt{padding-left: 30px;} @media screen and (max-width: 640px) { .seller_box .searchform h4, .distributor_box .searchform h4{width: 100%;text-align: center;font-size: 18px;line-height: 40px;} .seller_box .searchform input, .distributor_box .searchform input{width: 83.333%;} .seller_box .searchform button,.distributor_box .searchform button{width: 16.667%;} .seller_box .searchform input, .seller_box .searchform button, .distributor_box .searchform input, .distributor_box .searchform button{height: 40px;line-height: 40px;} .distributor_box ul.addrlist .md9{width: 50%;} .distributor_box ul.addrlist .md1{width: 16.666%;} .distributor_box .form_box form .md2, .seller_box form .md2{width: 25%;} .distributor_box .form_box form .md10, .seller_box form .md10{width: 75%;} .distributor_box .form_box form .md10 .md6{width: 100%;} .distributor_box dl.list .sublist li a, .member dl.list .sublist li a{padding: 0 15px;} .distributor_box .qrcode_box .pro_list li .box{padding: 0 5px;} .distributor_box .qrcode_box .pro_list .pic{height: 180px;} .distributor_box .qrcode_box .pro_list .pic img{max-height: 180px;} .distributor_box .reports_box .md3, .distributor_box .reports_box .md4, .distributor_box .reports_box .md2, .distributor_box .reports_box .md9{width: 100%;float: none;} .distributor_box .reports_box .list{height: auto;line-height: 30px;border-top: 1px solid #ececec;border-bottom: 0;margin: 15px 0;padding-top: 15px;} .seller_box .seller_client .md3, .seller_box .seller_client .md9{width: 100%;} .seller_box .seller_client .block_id .md10, .seller_box .seller_client .block_id .md5, .seller_box .seller_client .block_id .md3, .seller_box .seller_client .block_id .md4{width: 100%;} .seller_box .seller_client .block_id .md1{width:20%;} .seller_box .seller_client .block_id .md1 a{text-align: left;} .seller_box .seller_client .list{line-height: 32px;border-top: 1px solid #ececec;margin: 10px 0;padding-top: 10px;border-bottom: 0;} .seller_box .seller_client .time{display: block;} .seller_box .seller_client .time.rt{padding-left: 0;} .seller_box .add_product .md3{width: 33.3333%;} .seller_box .add_product .md9{width: 66.6666%;} .seller_box .contact_add .tar{text-align: center;} .seller_box .add_product form .md2{width: 33.333%;} .seller_box .add_product form .md10{width: 66.666%;} .seller_box .contact_add .sel .row{margin: 0;} .seller_box .contact_add .sel .md4{width: 100%;margin-bottom: 15px;} } .commonBack{text-align: center;} .member .setting .commonBack .btn{display: inline-block;max-width:inherit;width: auto;margin-left: 5px;margin-right: 5px;width: 150px;line-height:41px;height: 41px; background: #fc2059;padding: 0;border:2px solid #fc2059; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .member .setting .commonBack .btn input{text-indent: 0 !important;background: none;display: block;width: 100%;line-height: 41px; cursor:pointer} .member .setting .commonBack .btn:hover{background: #fff;} .member .setting .commonBack .btn:hover input{color: #fc2059;} .member .setting .commonBack a{color: #fff;display: block;} .member .address .btn h4{height: 41px;line-height: 41px; border:2px solid #fc2059; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .member .address .btn h4:hover, .member .address .btn h4:hover{background: #fff;color: #fc2059;} .Validform_checktip.Validform_wrong{color: #ea0e0e;} .Validform_checktip.Validform_right{color: #91d10b;} .echart *,.echart *:before,.echart *:after{-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing: border-box;} .echart{width:100%;display:inline-block;position: relative;} .echart .item{width:50%;height:400px;padding:30px;float:left;} .echart .item.w100{width:100%;} .userNum{font-weight: bold;margin-left: 10px} @media screen and (max-width: 640px) { .echart .item{width: 100%;} .echart .item{padding: 30px 0;} .reports_box .md6{width: 100%;} .reports_box .md6 .md3{width: 25%;float: left;text-align: left;} .reports_box .md6 .md9{width: 75%;float: left;} .distributor_box .reports_box .md9 .row .md3{width: 50%;float: left;padding: 0 !important;} } .pay .gift_row .nav{overflow: hidden;} .pay .gift_row .nav p{float: left;border-bottom: 2px solid transparent;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;cursor: pointer;margin-right: 5px;} .pay .gift_row .nav p.active,.pay .gift_row .nav p:hover{color: #fc2059;border-bottom-color:#fc2059;} .pay .gift_row .box{width: 270px;display: inline-block;margin: 0 10px 10px 0; border:1px solid #fff2f2;background: #ffce5b;cursor: pointer;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} .pay .common_btn{margin-top: 15px;} .pay .gift_row .chang_wrap{padding: 20px 0;} .pay .gift_row .bindbtn p{padding: 0 10px;line-height: 45px;} .pay .gift_row .bindbtn .input_btn{border: 1px solid #d8d8d8;width: 50%;height: 43px;} .pay .gift_row .box.active{border-color: #b95227;outline: 1px solid #b95227;} .pay .gift_row .box p{color: #fff;} .pay .gift_row .box p span{padding-right: 5px;} .pay .gift_row .box p .color{color: #b98b2d;} .pay .gift_row .box p .color i{display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #f0b945;color: #ffce5b;line-height: 18px;text-align: center;font-size: 12px;} .pay .gift_row .box p .fs{font-size: 20px;} .pay .gift_row .time{background: #fff;} .pay .gift_row .time p{color: #fcbd2a;line-height: 40px;} /*礼品卡*/ .member .giftcard .row{border-bottom: 0;} .member .giftcard .input_btn{border: 1px solid #d8d8d8; text-indent: 10px !important;} .member .giftcard dd{padding: 20px 0;} .member .giftcard .btnwrap .md9{margin-left: 25%;} .giftcard_box .common_btn{padding: 0 15px;line-height: 32px;border:1px solid #dcdcdc;border-radius: 2px; background: #f4f4f4;color: #222;display: inline-block;margin-left: 10px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} .member .giftcard .bindbtn{border-color: #c9bcbf;background: #f8e9ed;} .giftcard_box .common_btn:hover{background: #fc2059;border-color: #fc2059;color: #fff;} .giftcard_box .pop_con{max-width: 300px;background:rgba(0,0,0,0.2);padding: 5px;border-radius: 5px;overflow: hidden;position: absolute;top: 150px;left:0;right: 0; margin: 0 auto; z-index: 99;} .giftcard_box .pop_con .content{background: #fff;padding-bottom: 20px; } .giftcard_box .pop_con h3{font-size: 16px;border-bottom: 1px solid #c3c3c3;background: #f3f3f3;line-height: 32px;position: relative;padding: 0 15px;color: #000;font-weight:bold;} .giftcard_box .pop_con h3 .close_btn{width: 16px;height: 16px;border:1px solid #bfbfbf;border-radius: 1px;font-size: 16px;cursor: pointer;line-height: 15px;color:#2b2b2b;text-align: center; position: absolute;top: 50%;right: 15px;margin-top: -9px;font-weight: normal;} .giftcard_box .pop_con .txt{padding: 15px;color: #5d5d5d;line-height: 22px;} .giftcard_box .pop,.giftcard_box .pop .content{display: none;} .giftcard_box .pop .success .iconfont{font-size: 30px;color: #75ba4d;} .giftcard_box .pop .success .md9{color: #fe6a00;} .giftcard_box .pop .success .common_btn{margin-left: 25%} .common_tab{background: #fff;text-align: center;border: 1px solid #f2f2f2;border-right: 0;border-bottom: 0;} .common_tab .box{width: 100%;display: table;border-bottom: 1px solid #f2f2f2;} .member .hasgift .tab .col11{width: 11.5%;} .member .hasgift .tab .col16{width: 16%;} .member .hasgift .tab .col22{width: 22%;} .common_tab .th, .common_tab .td{border-right:1px solid #f2f2f2;height:40px;line-height: 40px; color: #000;display: table-cell;} .common_tab .th{background: #f5f5f5;} .member .hasgift .td a{color: #1c659f;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} .member .hasgift .td a:hover{color: #fc2059;} .common_tab .td p{display: none;} .member .hasgift .active .td{color: #999;} .hasgift_box .pop_con{max-width: 960px;} .hasgift_box .pop_con .num{line-height: 40px;padding: 0 15px;margin-top: 5px;} .hasgift_box .pop_con .color{color: #fc2059;} .hasgift_box .pop_con .bt{text-align: left;} .hasgift_box .pop_con .common_tab{max-height: 328px;overflow: auto;} .hasgift_box .pop_con .common_tab .col22{width: 22.5%;} .hasgift_box .pop_con .common_tab .col15{width: 15%;} .hasgift_box .pop_con .common_tab .hd .td p{display: block;float: left;line-height: 40px; padding-right: 10px;} .hasgift_box .pop_con .common_tab .hd .td,.hasgift_box .pop_con .common_tab .bt .td{border: 0;padding: 0 10px;text-align: left;} .pay .gift_row .nav{overflow: hidden;} .pay .gift_row .nav p{float: left;border-bottom: 2px solid transparent;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;cursor: pointer;margin-right: 5px;} .pay .gift_row .nav p.active,.pay .gift_row .nav p:hover{color: #fc2059;border-bottom-color:#fc2059;} .pay .gift_row .box{width: 270px;display: inline-block;margin: 0 10px 10px 0; border:1px solid #fff2f2;background: #ffce5b;cursor: pointer;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} .pay .common_btn{margin-top: 15px;} .pay .gift_row .chang_wrap{padding: 20px 0;} .pay .gift_row .bindbtn p{padding: 0 10px;line-height: 45px;} .pay .gift_row .bindbtn .input_btn{border: 1px solid #d8d8d8;width: 50%;height: 43px;} .pay .gift_row .box.active{border-color: #b95227;outline: 1px solid #b95227;} .pay .gift_row .box p{color: #fff;} .pay .gift_row .box p span{padding-right: 5px;} .pay .gift_row .box p .color{color: #b98b2d;} .pay .gift_row .box p .color i{display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #f0b945;color: #ffce5b;line-height: 18px;text-align: center;font-size: 12px;} .pay .gift_row .box p .fs{font-size: 20px;} .pay .gift_row .time{background: #fff;} .pay .gift_row .time p{color: #fcbd2a;line-height: 40px;} .pay .note_card{} .pay .note_card span{color: #fc2059;} .pay .row .money h4{margin-bottom: 15px;} @media screen and (max-width: 480px) { .common_tab{padding: 0 10px;border: 0;background: none;} .common_tab .box{margin-bottom: 15px;border: 1px solid #f2f2f2;background:#fff;} .common_tab .th_box{display: none;} .common_tab .td{width: 100% !important;display: block;padding: 0;border: 0;border-bottom: 1px solid #f2f2f2;border-right: 0;} .common_tab .td p{width:30%;border-right: 1px solid #f2f2f2;float: left;display: block;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .common_tab .td span{display: block;width: 70%;line-height: 40px;float: left;text-indent: 10px;text-align: left;} .giftcard_box .bindrow .md3, .giftcard_box .bindrow .md9{width: 100%;} .member .giftcard .btnwrap .md9{margin-left: 0;} .giftcard_box .pop_con{top: 70px;} .hasgift_box .pop_con .common_tab .hd .td, .hasgift_box .pop_con .common_tab .bt .td{border-bottom: 1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} .pay .gift_row .box{width: 100%;margin:10px 0;} } .pop { background: url('../images/hover50.png') repeat 0 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0;} .pop .maxsize { max-width: 600px;padding: 0 10px; } .pop .win { border: 1px solid #ececec; background: #fff; position: relative; } .pop .win .close { position: absolute; top: 0; right: 0; width: 45px; height: 45px; line-height: 45px;display: inline-block; } .pop .win .close .iconfont { font-size: 25px; } .pop .win h4 { padding: 0 10px; padding-right: 55px; line-height: 45px; border-bottom: 1px solid #ececec;} .pop .win .con { padding: 20px; } .pop .win .con p { line-height: 1.5; } #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);display: none !important;} #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;} #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');} #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;} #Validform_msg a.Validform_close:hover{color:#ccc;} #Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;} .Validform_error{border:1px solid rgba(255,0,0,.4) !important;background:rgba(255,0,0,.02) !important; -webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%,80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes shake{0%,50%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}5%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}20%,40%,60%,80%{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake} /* cases */ .clearfix:after,.clearfix:before{content: ""; display: table;} .clearfix:after{clear: both;} .clearfix{ *zoom: 1;} .cases{ margin: 60px auto; border-bottom: 1px solid #f0f0f0;} .cases .series{margin-right: -10px;} .cases .series a{ float: left; width: 20%; margin-top: 5px; text-align: center;} .cases .series a p{font-size: 18px; color: #000; padding-right: 10px; margin-bottom: 20px; text-align: center;} .cases .series a span{ padding: 5px 3px; margin-right: 10px; } .cases .series a.active span{border-bottom: 2px solid #fc2059;} .cases .series a p img{ padding-right: 10px; width: 100%;} .cases .rooms{ max-width: 880px; position: relative; padding-left: 120px; padding-right: 20px; margin: 60px auto;} .cases .rooms .list{ position: absolute; width: 100px; left: 20px;} .cases .rooms .list li{ font-size: 18px; margin-bottom: 40px;} .cases .rooms .list li.active a{ color: #fc2059;} .cases .rooms .pages .page{ display: none ;} .cases .rooms .pages .page.active{ display: block;} .cases .rooms .pages .page li{ margin-bottom: 20px;} .cases .rooms .pages .page li img{ width: 100%;} /* stores */ .stores{margin:50px auto; border-top: 1px solid #f0f0f0;} .stores h2, .stores .map{ max-width: 60%; margin: 0 auto;} .stores h2{ margin: 30px auto 50px; padding: 0 20px; text-align: center;} .stores .map{ margin-bottom: 30px; text-align: center;} .stores .tip{ font-size: 18px; letter-spacing: 3px; margin: 30px auto; text-align: center;} .stores .region{ margin: 30px auto; width: 310px; text-align: center;} .stores .region select { appearance:none; -moz-appearance:none; -webkit-appearance:none; padding:8px 24px 8px 10px; background: url("../images/store-arrow.png") no-repeat scroll 270px center transparent; border: solid 1px #000; border-radius: 20px; font-size: 18px; text-align: center; text-align-last: center;} .stores .region select::-ms-expand { display: none; } .stores .list, .stores .list2 { max-width: 720px; margin: 0 auto;} .stores .list li{ float: left; width: 50%;} .stores .list li div{ color: #000; padding: 6px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .stores .list li div h5{ display: inline-block; font-size: 14px; line-height: 20px;} .stores .list2 li{ float: none; width: auto;} .stores .list2 li img{ display: none;} .stores .list2 li div{ color: #000; padding: 6px 20px; overflow:auto; text-overflow:inherit; white-space:inherit;} .stores .list2 li div h5{ display: block; line-height: 40px; background: #e6e6e6; padding: 0 20px; font-weight: bold;} .stores .list2 li div h5 i{ display: none;} .stores .list2 li div span{ display: block; color:#666; line-height: 20px; padding: 10px 20px 10px 50px; background: url("../images/location.png") 20px 8px no-repeat;} } @media screen and (max-width: 1024px) { .cases{ margin: 20px auto; border-bottom: 1px solid #f0f0f0;} .cases .series{margin: 10px;} .cases .series a{margin-top: 5px; float: left; width: 50%;} .cases .series a p{ padding-left: 10px; padding-right: 10px;} .cases .rooms{ padding: 0;} .cases .rooms .list{ position:inherit; width: auto; text-align: center; padding: 0 11%; left: 0;} .cases .rooms .list li{ display: inline-block; width: 26%;} .cases .rooms .list li i{ display: block; background: #000; width: 8px; height: 8px; border-radius: 50%; margin: 10px auto;} .cases .rooms .pages{padding: 0 20px;} .cases .rooms .list li.active i{ background: #fc2059;} .cases .rooms .pages .page li{ margin-bottom: 10px;} } @media screen and (max-width: 768px) { .stores h2, .stores .map{ max-width: 80%;} .stores .tip{ font-size: 16px;} .stores .list li{ float: none; width: auto;} .stores .list li img{ display: none;} .stores .list li div{ color: #000; padding: 6px 20px; overflow:auto; text-overflow:inherit; white-space:inherit;} .stores .list li div h5{ display: block; line-height: 40px; background: #e6e6e6; padding: 0 20px; font-weight: bold;} .stores .list li div h5 i{ display: none;} .stores .list li div span{ display: block; color:#666; line-height: 20px; padding: 10px 20px 10px 50px; background: url("../images/location.png") 20px 8px no-repeat;} } @media screen and (max-width: 480px) { .cases{ margin: 20px auto; border-bottom: 1px solid #f0f0f0;} .cases .series a p{font-size: 14px; margin-bottom: 10px;} .cases .rooms{ margin: 40px auto;} .cases .rooms .list li{ font-size: 16px; margin-bottom: 10px;} }