/* Powered by ly200.com http://www.ly200.com 广州联雅网络科技有限公司 020-83226791 */ @font-face { font-family: "Helvetica Condensed"; src: url("font/Helvetica Condensed.woff2") format("woff2"), url("font/Helvetica Condensed.woff") format("woff"), url("font/Helvetica Condensed.ttf") format("truetype"), url("font/Helvetica Condensed.eot") format("embedded-opentype"), url("font/Helvetica Condensed.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Helvetica"; src: url("font/Helvetica.woff2") format("woff2"), url("font/Helvetica.woff") format("woff"), url("font/Helvetica.ttf") format("truetype"), url("font/Helvetica.eot") format("embedded-opentype"), url("font/Helvetica.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Helvetica"; src: url("font/Helvetica-Bold.woff2") format("woff2"), url("font/Helvetica-Bold.woff") format("woff"), url("font/Helvetica-Bold.ttf") format("truetype"), url("font/Helvetica-Bold.eot") format("embedded-opentype"), url("font/Helvetica-Bold.svg") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "Helvetica-light"; src: url("font/helvetica-light.woff2") format("woff2"), url("font/helvetica-light.woff") format("woff"), url("font/helvetica-light.ttf") format("truetype"), url("font/helvetica-light.eot") format("embedded-opentype"), url("font/helvetica-light.svg") format("svg"); } @font-face { font-family: "Helvetica Narrow"; src: url("font/Helvetica-Narrow.woff") format("woff"), url("font/Helvetica-Narrow.ttf") format("truetype"), url("font/Helvetica-Narrow.eot") format("embedded-opentype"), url("font/Helvetica-Narrow.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Helvetica Narrow"; src: url("font/Helvetica-Narrow-Bold.woff") format("woff"), url("font/Helvetica-Narrow-Bold.ttf") format("truetype"), url("font/Helvetica-Narrow-Bold.eot") format("embedded-opentype"), url("font/Helvetica-Narrow-Bold.svg") format("svg"); font-weight: bold; font-style: normal; } html{font-family: Helvetica, Arial, sans-serif;} html, div{outline:0;} body{ min-width: 1326px;} cite, em, strong, i{font-style:normal;} .clean{zoom:1;} .clean:after,.clean:before{content:''; display:table;} .clean:after{clear:both;} /*a:hover{ color:#005bae;}*/ .w{ width:1326px;min-width:1326px; margin:0 auto;} .f{width:100%; margin:0 auto;} .show{display:block;} .hide{display:none;} .white_bg{background:#fff;} .blue{color:#005ab0;} .white{ color:#fff;} .relative{ position:relative;} .absolute{ position:absolute;} .trantime{transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;} .tranbig:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);} .PicPath{ text-align:center; display:block; font-size:0px;} .PicPath span{ display:inline-block; height:100%; vertical-align:middle;} .PicPath img{ vertical-align:middle;} /** css3 **/ .tran{ -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} .hidd{-webkit-transform: scale(0, 0);opacity: 0; filter: Alpha(opacity=0);} .round{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /*************************** global start ***************************/ /*************************** global end ***************************/ /*************************** header start ***************************/ #head_top{ background:url(../images/head_top.jpg) repeat-x; text-align:center;} #head_close{ position:absolute; top:13px; right:0px;} #head_center{padding-top:8px; background-color: #161616;} #head_center .Informat .welcome{color:#e73e6e;} #head_center .Informat .welcome span{display: inline-block;text-transform: uppercase;font-size: 12px;color: #d7d7d7;line-height: 27px;margin-right: 15px; vertical-align: middle;} #head_center .Informat .welcome a{display: inline-block; margin-right:8px; width: 22px;height: 22px; vertical-align: middle;} #head_center .Informat a:hover{ color:#ff2764; text-decoration:none;} #head_center .Informat .my_contact{margin-left: 22px;font-size: 12px;line-height: 27px;} #head_center .Informat .my_contact>a{color: #d7d7d7;text-transform: uppercase;} #head_center .Informat .my_contact>a img{vertical-align: middle;} .my_account .accout_ul{ position:absolute; top:27px; left:-23px; padding:10px 5px; width:110px; background:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; z-index:10000; display:none;} .my_account .accout_ul li{ text-align:center; padding:4px 0px;} .my_account .accout_ul li a{ color:#333;} .my_account .accout_ul li a:hover{ color:#ff2764;} .my_account:hover .accout_ul{ display:block;} .my_contact .contact_ul{ position:absolute; top:27px; left:-101px; padding:10px; width:158px; background:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;z-index:10000; display:none;} .my_contact .contact_ul li{ text-align:left; text-indent:48px; padding:2px 0px;} .my_contact .contact_ul li.head_message{ width:171px; height:44px; background:url(../images/message.png) no-repeat left center; line-height:44px;} .my_contact .contact_ul li.head_tel{ color:#333; line-height:44px; width:171px; height:44px; background:url(../images/tel2.jpg) no-repeat left center;} .my_contact .contact_ul li a{ color:#333;} .my_contact .contact_ul li a:hover{ color:#ff2764;} .my_contact:hover .contact_ul{ display:block;} .hfr{color: #fff; line-height: 27px;} .hfr>div{text-transform: uppercase;margin-right: 34px;} #header{background:#161616;padding-bottom:32px;} #header .Informat .welcome{ color:#e73e6e;} #header .logo{width:343px; height:79px; overflow:hidden;margin: 0 auto;} #header .logo a{ display:table-cell; height:79px; vertical-align:middle;} #header .logo img{ max-width:100%; max-height:100%;} .search{position: absolute; right: 0; top: 0;width:200px;height:33px; background: #fff;border-radius: 16px;overflow: hidden;border: 1px #d2d2d2 solid ;margin-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .search input{height:31px;line-height: 31px; border:0; outline:0;vertical-align: middle;} .search .text{width: 154px;font-size: 15px;color: #7d7d7d;font-family: 'Helvetica-light';padding-left: 13px; font-weight: 600;} .search .button{width:18px; height:18px; background:url(../images/hsb.png) no-repeat center;cursor:pointer;} .search .text::-webkit-input-placeholder{color: #aaa;} .search .text:-moz-placeholder{color: #aaa;} .search .text::-moz-placeholder{color: #aaa;} .search .text:-ms-input-placeholder{color: #aaa;} .photo_search{ margin-top: 0;} .header_cart{position:relative;} .header_cart .cart_inner{display:block; position:relative; z-index:1009; background:url(../images/hb1.png) no-repeat left center; padding-left: 23px;} .header_cart .cart_inner:hover{} .header_cart .cart_count, .header_cart .cart_text{color: #ffffff;line-height: 27px;} .header_cart .cart_count{} .header_cart .cart_text{} .header_cart .cart_note{position:absolute; right:-1px; top:27px; width:368px; border:1px #999 solid; background:#fff; box-shadow:2px 2px 5px 2px rgba(0,0,0,0.1); display:none; z-index:1001;} .header_cart .cart_empty{padding:35px 0; text-align:center; line-height:24px;} .header_cart .cart_list .more_pro{height:363px; overflow-x:hidden; overflow-y:scroll;} .header_cart .cart_list li{position:relative; padding:15px 0; height:60px; margin:0 15px;} .header_cart .cart_list li:hover{background:#f7f7f7;} .header_cart .cart_list .cart_pro_img{position:absolute; left:0; top:15px; width:60px; height:60px; text-align:center;} .header_cart .cart_list .cart_pro_img img{max-width:100%; max-height:100%;} .header_cart .cart_list .cart_pro_name, .header_cart .cart_list .cart_pro_property{margin-left:73px; height:18px; overflow:hidden; white-space:nowrap; color:#999; display:block;} .header_cart .cart_list .cart_pro_property span{margin-right:5px;} .header_cart .cart_list .cart_pro_piece{margin-left:73px; padding-top:5px; display:block;} .header_cart .cart_list .cart_pro_price{position:absolute; right:0px; top:37px; font-size:14px; font-weight:bold;} .header_cart .cart_pro_btn{padding:10px 20px;} .header_cart .cart_pro_btn a{color:#333; text-decoration:none;} .header_cart .cart_pro_btn .cart_view{display:block; height:30px; line-height:30px; text-align:center; color:#333; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 2px 1px rgba(225,187,0,.85); border:1px #fb0 solid; background:#f5ce50; color:#333;} .header_cart .cart_pro_btn .cart_num{font-size:14px; font-weight:bold; color:#f30;} .header_active{ -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3);} .header_cart .cart_pro_del{padding:0px 20px 10px;} .header_cart .cart_pro_del .cart_del{display:block; height:30px; line-height:30px; text-align:center; color:#333; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 2px 1px rgba(225,187,0,.85); border:1px #fb0 solid; background:#f5ce50; color:#333;} #nav_outer{ width:100%;z-index:99;} #nav{height:45px; position:relative; z-index:1000;} .nav_item{ display:inline-block; margin-top:6px; position:relative;} .nav_item li{float:left; line-height:36px; height:39px; padding:0px 2px;} .nav_item li a.nav_a{text-align:center; color:#fff; padding: 0 26px 0 15px;/*padding: 0 29px 0 18px;*/ display:inline-block; font-size:14px; text-decoration:none; color: #ffffff; font-family: 'Helvetica-light'; text-transform: uppercase; font-weight: 600;} .nav_item li a.last{ padding:0 10px;} .nav_item li:hover a.nav_a{ color:#161616; font-weight: bold;} .nav_item li.cur a.nav_a{ color:#161616; font-weight: bold;} .nav_item li:hover .Snav{ display:block;} .nav_item li:hover{ background: url(../images/hnd.png) no-repeat right 16px center #fff;} .nav_item li.cur{ background: url(../images/hnd.png) no-repeat right 16px center #fff;} .nav_item li.cur.nd,.nav_item li.nd:hover{background: #fff!important;} .nav_item li a.nav_b{text-decoration:none;color:#000;font-size:14px;text-align:center;padding:0 21px;display:inline-block;} .nav_item li a.nav_b:hover{ color:#e73e6e;} .nav_item li .S_l{ /*width:650px; */ overflow:hidden; float:left;} .nav_item li .S_r{ width:192px; padding-top:5px; height:220px; overflow:hidden; float:right;border-left:1px dotted #4c4c4c; padding:5px 12px 25px;} .Snav{ background:#fff;overflow:hidden; position:absolute; left:94px; top:39px; border:1px solid #c0bfbf; border-top:0; overflow:hidden; padding:9px 10px; display:none; box-shadow: 0px 2px 8px 1px #5d5d5d;} .Snav .Snav_dl{ float:left; /*width:145px; */margin:0px 30px;} .Snav .Snav_dl dd{ line-height: 39px;font-size: 16px;color: #161616;font-weight: bold;} .Snav .Snav_dl dd a{ color:#000; font-size:14px; } .Snav .Snav_dl dd a:hover{ color:#e73e6e; text-decoration:none;} .Snav .Snav_dl dt{} .Snav .Snav_dl dt a{line-height: 33px;color: #312f2f;font-size: 15px;} .Snav .Snav_dl dt:hover a{ color: #ff2764; /* font-weight: bold; */ text-decoration: underline;} .nav_item li:first-child .Snav{left: 0;} #mobile_mennu{display: none;padding-left: 43px; cursor: pointer; font-family: Arial; font-size: 12px; color: #000; position: relative; background: #eeeeee url(../images/mobile_bg.png) no-repeat left 9px; border-bottom: 5px #ff2764 solid; height: 43px; line-height: 45px; font-family: 'SCBGothicDemi';font-size: 21px;} #mobile_mennu ul{ position:absolute; left:0px; width:100%; background:#fff; z-index:40; display:none; padding-bottom:10px;} #mobile_mennu ul li{ display: block; position: relative;border-top: 1px solid #efefef; overflow:hidden;} #mobile_mennu li .open-child{ float: right; display: block;text-indent: -99999px;width: 45px;height: 45px; background-color: #ff2764;cursor: pointer; position: absolute; background:url(../images/smobile.png) no-repeat top right; right:0px; top:0px;} #mobile_mennu li .open-child.cur{ background:url(../images/Smobile2.png) no-repeat top right;} #mobile_mennu dd .open-child_two{ float: right; display: block;text-indent: -99999px;width: 45px;height: 45px; background-color: #ff2764;cursor: pointer; position: absolute; background:url(../images/smobile.png) no-repeat top right; right:0px; top:0px;} #mobile_mennu dd .open-child_two.cur{background:url(../images/Smobile2.png) no-repeat top right;} #mobile_mennu li .mobile_nav_a{ display:block; padding-left:4px;height:100%; } #mobile_mennu li:hover .mobile_nav_a{ text-decoration:none;} #mobile_mennu .mobile_Snav_dl{} #mobile_mennu .mobile_Snav_dl dd{ text-indent:20px; border-top: 1px solid #efefef; overflow:hidden; position:relative;} #mobile_mennu .mobile_Snav_dl dd .mobile_Snav_a{ font-size:13px; font-weight:bold; display:block; width:100%; height:100%;} #mobile_mennu .mobile_Snav_dl dd .mobile_Snav_a:hover{ text-decoration:none;} #mobile_mennu .mobile_Tnav_dl{ display:none; border-top:1px solid #efefef;} #mobile_mennu .mobile_Tnav_dl dt{text-indent:40px; overflow:hidden; position:relative;} #mobile_mennu .mobile_Tnav_dl dt a{ font-size:13px; font-weight:bold; display:block; width:100%; height:100%; border-bottom:1px solid #efefef;} #mobile_mennu .mobile_Tnav_dl dt a:hover{ text-decoration:none;} /*************************** header end ***************************/ /*************************** footer start ***************************/ #service{overflow:hidden; padding:49px 0px 14px;} #service dl{padding-left:43px; width:200px;} #service dl dd{ margin-top:15px;} #service dl:first-child{border-left:0; padding-left:0px;} #service dl.fore_2{width:245px;} #service dl.fore_3{width:236px;} #service dl.fore_4{width:221px;margin-right: 21px;word-break: break-all;} #service dl.fore_4 *{max-width: 100%;} #service dl.fore_4 a{padding-left: 35px;background: url(../images/f42.png) no-repeat left top 7px;} #service dl.fore_4 a:first-child{background-image: url(../images/f41.png);} #service dl.fore_4 a:last-child{background-image: url(../images/f43.png);} #service dt{font-size: 20px;color: #242424;font-weight: bold;text-transform: uppercase;} #service dd span{line-height: 32px; display: block; color: #4a4a4a; font-size: 16px;} #service dd a{line-height:32px; display:block; color:#4a4a4a; font-size: 16px;} #service dd a:hover{ color:#ff2764; font-weight: bold; text-decoration: underline;} #service .newsletter{padding-top:12px;} #service .newsletter .text{width:284px; height:34px; line-height:34px; border:1px #b6b6b6 solid; margin:13px 0;} #service .newsletter .button{width:106px; height:32px; line-height:32px; color:#3f3f3f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; cursor:pointer; font-size:14px;} #footer_outer{background:#fff;font-family: 'Helvetica Narrow';} #footer_outer *{ color:#3f3f3f;} #footer{padding:11px 0; text-align:center; color:#3f3f3f; line-height:180%;} #footer .nav a{margin:0 10px;} #footer .foot_copy{font-size:16px; } #footer .foot_pay{padding:10px 0;} #footer_outer td{ height:32px; line-height:21px;} #service .newletter{ width: 230px;} #service .newletter label{line-height: 31px;font-size: 16px;color: #606060;} #service .newletter input[type=text]{width: 230px;height: 40px;line-height: 38px;padding: 0 10px;border-color: #eeeeee;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #service .newletter input[type=submit]{display: inline-block;font-size: 16px;background-color: #282828;color: #fff;width: 94px;height: 33px;line-height: 33px;text-align: center;text-transform: uppercase;margin-top: 12px;cursor: pointer;} #newsletter2 .input_text{ margin-left:67px; background:none; outline:0px; height:32px; line-height:28px; border:3px solid #fa0a72; border-right:0; width:262px; text-indent:7px;} #newsletter2{ padding-bottom:8px; overflow:hidden;} #onpo{ width: 51px; position: fixed; right: 2%; bottom: 5%;z-index: 1000;} /*************************** footer end ***************************/ /*************************** gloabl start ***************************/ #location{height:21px; line-height:21px; text-indent:7px; padding:9px 0 12px; font:10px/25px Verdana;} .icon_heart{width:18px; height:18px; display:inline-block; vertical-align:top;} .pro_left{width:238px;} .pro_left .ad{margin-top:20px;} .pro_right{width:720px;} .pro_item{background:#fff;} .pro_item dt{overflow:hidden; position:relative;} .pro_item .pro_name{line-height:18px;} .pro_item .pro_price, .pro_item .pro_price *{font-size:14px; font-weight:bold;} .pro_item .free_shipping{font-size:12px; font-weight:bold; line-height:14px; height:14px; margin-top:8px;} .pro_item .favorite{display:inline-block; margin-left:5px; cursor:pointer; line-height:99%;} .pro_item .favorite:hover{color:#cb2027;} .pro_item .review_count{font-size:11px; margin-left:2px;} .pro_item .review_count:hover{color:#cb2027;} .flat_pro_item{border-top:1px #ddd dotted;} .flat_pro_item dt{float:left; margin-right:16px;} .flat_pro_item .desc_box{margin-right:20px;} .flat_pro_item .desc_box>div{margin:0; font-size:10px; line-height:18px; color:#888;} .flat_pro_item .desc_box a.detail:hover{text-decoration:underline;} .sidebar{border:1px #e6e6e6 solid; margin-top:20px;} .sidebar .b_title{height:35px; line-height:35px; border-bottom:1px #ccc dashed; font-weight:bold; margin:0 10px;} .sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;} .popular_search{border:1px #d5d5d5 solid; background:#fff;} .popular_search .title{height:28px; line-height:28px; background:#e8e8ea; padding:0 9px; font-weight:bold;} .popular_search .view{margin:10px; line-height:23px;} .popular_search .view a{text-decoration:underline; margin-right:7px;} .popular_search .view a.big{font-weight:bold;} #what_hot .pro_item{padding:10px;} #what_hot .pro_item:hover{background:#f7f7f7;} #what_hot .pro_item>dt{width:82px; height:82px; text-align:center; vertical-align:middle; border:1px solid #f2f2f2;} #what_hot .pro_item>dt img{max-width:100%; max-height:100%;} #what_hot .pro_item .pro_info{width:121px; overflow:hidden; margin-left:10px;} #what_hot .pro_item .pro_name{height:50px; overflow:hidden; line-height:140%; margin-bottom:5px;} #what_hot .pro_item a{color:#666;} #special_offer .pro_item{border-bottom:1px #ddd solid; padding:15px 10px;} #special_offer .pro_item:hover{background:#f7f7f7;} #special_offer .pro_item dt{width:96px; height:96px; text-align:center; margin:0 auto; position:relative; overflow:inherit;} #special_offer .pro_item dt img{max-width:100%; max-height:100%;} #special_offer .pro_item dt>.icon_discount{position:absolute; top:-10px; right:-40px; width:30px; height:30px; color:#fff; border-radius:999%; -ms-border-radius:999%; -moz-border-radius:999%; -webkit-border-radius:999%; line-height:15px; padding:9px;} #special_offer .pro_item dt>.icon_discount b{font-size:16px;} #special_offer .pro_item dd{padding:0 13px;} #special_offer .pro_item .pro_name{height:30px; overflow:hidden; line-height:140%; margin:5px 0 12px;} #special_offer .pro_item a{text-decoration:none; color:#666;} #special_offer .pro_item del{margin-left:20px; color:#666; font-size:12px;} #special_offer .pro_item del .currency_data, #special_offer .pro_item del .price_data{color:#666; font-size:12px; font-weight:normal;} #special_offer .last{border-bottom:0;} #may_like .b_title{height:35px; line-height:35px; color:#666; font-size:14px; text-indent:6px;} #may_like .b_list .pro_item{border-bottom:1px #ddd solid; padding:10px;} #may_like .b_list .pro_item:hover{background:#f7f7f7;} #may_like .b_list dt{width:94px; height:94px; margin-left:15px; text-align:center; vertical-align:middle;} #may_like .b_list dt img{max-width:100%; max-height:100%;} #may_like .b_list .pro_info{width:150px; margin-left:10px;} #may_like .b_list .pro_name, #may_like .b_list .pro_price{padding-top:6px;} #may_like .b_list .last{border-bottom:0;} /*************************** gloabl end ***************************/ /*************************** article/info start ***************************/ .side_left{width:240px;} .side_right{width:720px;width: calc(100% - 260px);} .help_menu{width:238px; background:#fff; border:1px #ebebeb solid;} .help_menu .help_title{height:50px; line-height:50px; background:#f4f4f4; color:#333; font-size:14px; padding-left:13px; border-bottom:2px solid #ff2764;} .help_menu .help_list{padding:0 3px;} .help_menu .help_list li{line-height:150%; border-bottom:1px #e5e5e5 solid; padding:12px 11px; background:#fefeff url(../images/cate_nor.jpg) no-repeat 205px center; font-size:14px;} .help_menu .help_list li.current{ background:#fefeff url(../images/cate_cur.jpg) no-repeat 205px center;} .help_menu .help_list li.current a{color:#f1025c; } .help_menu .help_list li>a{display:block;} .help_menu a.current{font-weight:bold;} .right_main{border:1px #ebebeb solid;} .main_title{height:50px; line-height:50px; border-bottom:1px #ececec solid; background:#f4f4f4; color:#333; padding-left:20px; font-size:14px;} .main_content{padding:10px 0px; line-height:180%; min-height:500px; _height:500px; background:#fff;word-wrap: break-word;} .info_list li{height:30px; line-height:30px; overflow:hidden; padding:0 6px; border-bottom:1px #ececec dashed;} .info_list li .time{float:right;} /*************************** article/info end ***************************/ #WebPath{font-size:16px;color: #000000;font-family: 'Helvetica Condensed';line-height: 24px;} #WebPath span{} .category_h1{ display:none;} #excheckout_button{ margin-left:120px;} .no_more_item {clear: both; width: 100%; height: auto; padding: 30px 0; font-size: 18px; font-weight: bold; text-align: center; } .Photo_Gallery{} .Photo_Gallery #banner{text-align: center;margin: 34px 0;} .Photo_Gallery .category_list{text-align: center;margin-top: 29px; margin-bottom: 53px;} .Photo_Gallery .category_list a{display: inline-block;background-color: #2f1f1f;height: 56px;line-height: 56px;padding: 0 15px;color: #fff;font-family: "Helvetica Narrow";font-weight: bold;font-size: 22px;border-radius: 7px;overflow: hidden;margin: 0 2.5px;text-decoration: none;} .Photo_Gallery .category_list a.cur{font-weight: bold;font-size: 26px;box-shadow: 3px 4px 5px 1px #999;} .Photo_Gallery .b1{width: 1667px;margin: 0 auto;border-top: 1px dashed #b7b7b7;border-bottom: 1px dashed #b7b7b7;} .Photo_Gallery .b1 #Photo_Gallery{position: relative;} .Photo_Gallery .b1 .photo_item{float: left;width: 204px;padding: 6px;padding-right: 11px;border-radius: 6px;overflow: hidden;/* margin-right: 5px; */margin-bottom: 15px;} .Photo_Gallery .b1 .photo_item:hover{background-color: #f3f3f3;} .Photo_Gallery .b1 .photo_item:hover .pic .mask{display: block;} .Photo_Gallery .b1 .photo_item .pic {position: relative;display: block;border-radius: 7px;overflow: hidden; background-color: #000;} .Photo_Gallery .b1 .photo_item .pic .mask{display: none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.37);z-index: 5;} .Photo_Gallery .b1 .photo_item .product_des{display: block;border-radius: 7px;line-height: 24px;padding: 5px;font-weight: bold;font-size: 18px;color: #000;margin-bottom: 3px;} .Photo_Gallery .b1 .photo_item .product_des b{height: 46px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;} .Photo_Gallery .b1 .photo_item .product_des span{display: block;font-size: 16px;color: #7a7a7a;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .Photo_Gallery .b_mask{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);height: 100%;width: 100%;z-index: 1500;} .Photo_Gallery #pro_detail{position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);width: 1105px;height: 641px;background-color: #fff;padding: 49px 36px 64px 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .Photo_Gallery #pro_detail .plist{float: left;position: relative;width: 528px;height: 528px;overflow: hidden;} .Photo_Gallery #pro_detail .plist .hd{position: absolute;bottom: 16px;z-index: 5;left: 0;right: 0;text-align: center;} .Photo_Gallery #pro_detail .plist .hd ul{} .Photo_Gallery #pro_detail .plist .hd ul li{display: inline-block;vertical-align: middle;background-color: #c0c0c0;width: 10px;height: 10px;border-radius: 10px;overflow: hidden;margin: 0 4px;} .Photo_Gallery #pro_detail .plist .hd ul li.on{width: 15px;height: 15px;background-color: #ff2764;} .Photo_Gallery #pro_detail .next{position: absolute;display: block;right: -243px;top: 50%;transform: translateY(-50%);width: 40px;height: 80px;background: url(/static/theme/default/images/n_r.png) no-repeat center;cursor: pointer;} .Photo_Gallery #pro_detail .prev{position: absolute;display: block;left: -243px;top: 50%;transform: translateY(-50%);width: 40px;height: 80px;background: url(/static/theme/default/images/n_l.png) no-repeat center;cursor: pointer;} .Photo_Gallery #pro_detail .plist .bd{overflow: hidden;} .Photo_Gallery #pro_detail .plist .bd, .Photo_Gallery #pro_detail .plist .bd ul, .Photo_Gallery #pro_detail .plist .bd ul li, .Photo_Gallery #pro_detail .plist .PicPath{width: 100%;height: 100%;} .Photo_Gallery #pro_detail .font{float: right;width: 489px;border-bottom: 1px dashed #cfcfd1;} .Photo_Gallery #pro_detail .font .name{float: left;font-weight: bold;color: #000;font-size: 20px;line-height: 26px;margin-top: 19px;} .Photo_Gallery #pro_detail .font .label{float: right;height: 23px;line-height: 23px;color: #000;background-color: #efefef;font-size: 16px;padding: 0 6px;margin-top: 18px;border-radius: 23px;overflow: hidden;} .Photo_Gallery #pro_detail .font .desc{display: inline-block;color: #4f4f4f;font-size: 17px;line-height: 27px;margin-bottom: 14px;} .Photo_Gallery #pro_detail .pitem{float: right;width: 489px;overflow: hidden;margin-top: 29px;} .Photo_Gallery #pro_detail .pitem .PicPath{float: left;width: 131px;height: 175px;margin-right: 20px;} .Photo_Gallery #pro_detail .pitem .pfont{float: left;width: 320px;width: calc(100% - 151px);line-height: 25px;margin-bottom: 15px;} .Photo_Gallery #pro_detail .pitem .pfont a{display: block;height: 50px;font-size: 18px;font-family: 'Helvetica Condensed';color: #000;overflow: hidden; } .Photo_Gallery #pro_detail .pitem .h_show{font-size: 14px;color: #000;margin-bottom: 28px;} .Photo_Gallery #pro_detail .pitem .sharebox{} .Photo_Gallery #pro_detail .pitem .sharebox *{vertical-align: middle;margin-left: 2px;} .Photo_Gallery #pro_detail .pitem .pro_price{color: #ff2764;font-size: 27px;font-family: 'Helvetica Narrow';font-weight: bold;margin-bottom: 2px;} .Photo_Gallery #pro_detail .pitem del{display: inline-block;font-size: 16px;color: #616161;font-family: 'Helvetica Condensed';margin-left: 6px;font-weight: normal;} .Photo_Gallery .pclose{position: absolute;display: block;right: 1%;top: 5%;width: 30px;height: 30px;background: url(/static/theme/default/images/pgc.png) no-repeat center;} .video_page{} .video_page #banner{text-align: center;margin: 34px 0;} .video_page .b1{width: 1667px;margin: 0 auto;border-top: 1px dashed #b7b7b7;border-bottom: 1px dashed #b7b7b7;} .video_page .category_list{text-align: center;margin-top: 33px; margin-bottom: 35px;} .video_page .category_list a{display: inline-block;height: 37px;line-height: 37px;padding: 0 13px;color: #000;font-size: 20px;border-radius: 3px;overflow: hidden;margin: 0 15px;text-decoration: none;} .video_page .category_list a.on{background-color: #000;color: #fff;} #Video .video_item{margin-bottom: 30px;} #Video .video_item .video_pic{ float: left; width: 1124px;height: 688px;} #Video .video_item .video_pic iframe{width: 100%;height: 100%;} #Video .video_item .video_ms{float: right;width: 524px;height: 688px;padding: 0px 20px 14px 26px;background-color: #000000;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #Video .video_item .video_ms .video_ms_t{font-size: 25px;color: #fff;line-height: 1.6;padding: 11px 0;border-bottom: 1px dashed #3e3e3e;} #Video .video_item .video_ms .video_ms_c{line-height: 28px;font-size: 16px;color: #d9d9d9;margin-top: 15px;margin-bottom: 17px;} #Video .video_item .share_b{} #Video .video_item .share_b .t{line-height: 28px;color: #fff;font-size: 16px;font-family: Arial;} #Video .video_item .share_b input{width: 249px;height: 26px;line-height: 26px;border-color: #e5e5e5;padding: 0 7px;color: #000;font-size: 14px;font-family: Arial;} #Video .video_item .share_b a{float: right;width: 28px;height: 28px;margin-left: 9px;} #Video .video_item .tit{color: #ff2764;font-size: 18px;text-transform: uppercase;line-height: 29px;margin-top: 29px;} #Video .video_item .plist{height: 369px;overflow: auto;margin-right: -8px;} #Video .video_item .pitem{/* width: 100%; */overflow: hidden;padding-top: 21px;padding-bottom: 14px;border-bottom: 1px solid #3e3e3e;margin-right: 15px;} #Video .video_item .pitem .PicPath{float: left;width: 87px;height: 87px;margin-right: 18px;} #Video .video_item .pitem .pfont{float: left;width: 353px;width: calc(100% - 105px);margin-bottom: 17px;} #Video .video_item .pitem .pfont a{font-family: Arial;font-size: 16px;color: #ffffff;line-height: 16px;} #Video .video_item .pitem .add{float: right;width: 19px;height: 15px;background: url(/static/theme/default/images/va.png) no-repeat center;margin-right: 23px;} #Video .video_item .pitem .pro_price{color: #ff2764;font-size: 16px;font-family: Arial;margin-bottom: 2px;line-height: 1;} #Video .video_item .pitem del{display: inline-block;font-size: 12px;color: #616161;margin-left: 6px;} #Video .lvl{position: relative;padding: 0 53px;margin-top: 29px;height: 209px;} #Video .lvl a.left{position: absolute;display: block;left: 0;width: 52px;height: 209px;background: url(/static/theme/default/images/vl.png) no-repeat center;} #Video .lvl a.left:hover{background-image: url(/static/theme/default/images/vl_on.png);background-color: #000;} #Video .lvl a.right{position: absolute;display: block;right: 0;width: 52px;height: 209px;background: url(/static/theme/default/images/vr.png) no-repeat center;} #Video .lvl a.right:hover{background-image: url(/static/theme/default/images/vr_on.png);background-color: #000;} #Video .lvl .bd{position: relative;overflow: auto;width: 100%;height: 100%;overflow-y: hidden;} #Video .lvl .bd ul{position: absolute;min-width: 100%;left: 0;top: 0;bottom: 0;} #Video .lvl .PicPath{position: relative;float: left; width: 373px; height: 209px;margin-left: 23px;} #Video .lvl .PicPath em{position: absolute;display: block;left: 0;right: 0;top: 50%;transform: translateY(-50%);background: url(/static/theme/default/images/ivp.png) no-repeat center;width: 63px;height: 65px;z-index: 15;margin: 0 auto;} #Video .lvl .PicPath .mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.65);width: 100%;height: 100%;z-index: 10;} #Video .lvl .PicPath.on .mask,#Video .lvl .PicPath:hover .mask{display: none;} #Video .lvl .PicPath:first-child{margin-left: 0;} /*************************** 404 start ***************************/ #error_page{background:#f0f0f0; padding:150px 0;} #error_page .sw{min-width:558px; max-width:645px; margin:0 auto;} #error_page .error_logo{background:url(/static/images/global/error_logo.jpg) no-repeat center center; height:225px;} #error_page .error_warning{margin-top:12px; height:30px; line-height:30px; background:url(/static/images/global/error_warning.jpg) no-repeat left center; text-indent:49px; font-size:16px; font-weight:bold;} #error_page .error_nav{text-align:center; margin-top:30px; font-size:18px; color:#727272;} #error_page .error_nav>a{margin:0 30px; font-size:18px; color:#727272;} /*************************** 404 end ***************************/ .FontColor,a.FontColor,a.FontColor:hover,a:hover{color:#f1025c;} .FontBgColor{background-color:#9ABE14;} .FontBorderColor{border-color:#9ABE14;} .FontBorderHoverColor:hover, a.FontBorderHoverColor:hover{border-color:#9ABE14;} .NavBgColor{background-color:#e73e6e;} .NavHoverBgColor:hover{background-color:#fff;color:#e73e6e;} .NavHoverBgColor.cur{background-color:#fff;color:#e73e6e;} .NavBorderColor1{border-color:#02468D;} .NavBorderColor2{border-color:#357CBE;} .CategoryBgColor{background-color:#063F74;} .PriceColor{color:#ff2764;} .PriceColor2{ color:#9b9999;} .AddtoCartBgColor{background-color:#9ABE14;} .BuyNowBgColor{background-color:#F28810;} .ReviewBgColor{background-color:#F28810;} .DiscountBgColor{background-color:#FE8A27;} #feedback_module{position:fixed; z-index:100000; top:20%;} #feedback_module .box_bg{width:100%; height:100%; background-color:#fff; position:absolute; top:0; left:0; -moz-box-shadow:0px 0px 20px #000; -webkit-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} #feedback_module .noCtrTrack{top:12px; right:0px; width:40px; height:26px; font-size:30px; color:#000; opacity:0.2; filter:alpha(opacity=20); text-decoration:none; font-family:Helvetica; font-weight:bold; position:absolute; z-index:100000;} #feedback_module .noCtrTrack:hover{color:#000000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40);} #feedback_module #lb-wrapper{width:320px; padding:20px; position:relative; z-index:10; zoom:1; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} #feedback_module #lb-wrapper h3{font-size:16px; display:block; padding-bottom:10px; color:#333; line-height:18px; border-bottom:1px solid #ddd; text-indent:8px;} #feedback_module #lb-wrapper .lib_txt{border:1px solid #ccc; border-radius:3px!important; height:36px; line-height:36px; padding:0 7px; color:#333; font-size:16px; box-shadow:0 1px 0 rgba(255,255,255,.8),inset 0 1px 2px rgba(0,0,0,.06); width:280px;} #feedback_module #lb-wrapper .title{margin:0 20px 15px; height:52px; border-bottom:1px solid #e5e5e5; line-height:52px; font-size:24px; text-indent:13px; color:#333;} #feedback_module #lb-wrapper .error_note_box{border:1px #ffdb83 solid; color:#f00; padding:10px; margin:15px 5px; background:#fff9e1; display:none;} #feedback_module #lb-wrapper .on_error{margin:0; color:#f00; display:none;} #feedback_module #lb-wrapper .row{ margin-top:10px; padding:0 8px;} #feedback_module #lb-wrapper .row label{display:block; font-size:14px; color:#555; margin-bottom:4px;} #feedback_module #lb-wrapper .row .contents{ width:294px; height:80px;border:1px solid #ccc;} #feedback_module #lb-wrapper .feedbtn{border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 12px; line-height:25px; display:inline-block; cursor:pointer; font-size:14px; margin-right:16px;} #feedback_module2{} #feedback_module2 .box_bg{width:100%; height:100%; background-color:#fff;border-top:1px solid #eee; -moz-box-shadow:0px 0px 20px #000; -webkit-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} #feedback_module2 .noCtrTrack{top:12px; right:0px; width:40px; height:26px; font-size:30px; color:#000; opacity:0.2; filter:alpha(opacity=20); text-decoration:none; font-family:Helvetica; font-weight:bold; position:absolute; z-index:100000;} #feedback_module2 .noCtrTrack:hover{color:#000000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40);} #feedback_module2 #lb-wrapper{width:320px; padding:20px; position:relative; z-index:10; zoom:1; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} #feedback_module2 #lb-wrapper h3{font-size:16px; display:block; padding-bottom:10px; color:#333; line-height:18px; border-bottom:1px solid #ddd; text-indent:8px;} #feedback_module2 #lb-wrapper .lib_txt{border:1px solid #ccc; border-radius:3px!important; height:36px; line-height:36px; padding:0 7px; color:#333; font-size:16px; box-shadow:0 1px 0 rgba(255,255,255,.8),inset 0 1px 2px rgba(0,0,0,.06); width:280px;} #feedback_module2 #lb-wrapper .title{margin:0 20px 15px; height:52px; border-bottom:1px solid #e5e5e5; line-height:52px; font-size:24px; text-indent:13px; color:#333;} #feedback_module2 #lb-wrapper .error_note_box{border:1px #ffdb83 solid; color:#f00; padding:10px; margin:15px 5px; background:#fff9e1; display:none;} #feedback_module2 #lb-wrapper .on_error{margin:0; color:#f00; display:none;} #feedback_module2 #lb-wrapper .row{ margin-top:10px; padding:0 8px;} #feedback_module2 #lb-wrapper .row label{display:block; font-size:14px; color:#555; margin-bottom:4px;} #feedback_module2 #lb-wrapper .row .contents{ width:294px; height:80px;border:1px solid #ccc;} #feedback_module2 #lb-wrapper .feedbtn{border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 12px; line-height:25px; display:inline-block; cursor:pointer; font-size:14px; margin-right:16px;} .translate{transition:all 1000ms ease 0s;-webkit-transition:all 1000ms ease 0s;} #prod_detail .buyshow{position: relative;margin-top: 22px;} #prod_detail .buyshow h3{height: 24px;background-color: #c3c3c3;text-align: center;line-height: 24px;color: #313131;font-family: Vrinda;font-size: 14.71px;text-transform: uppercase;} #prod_detail .buyshow .bd{padding: 0 20px;margin-top: 7px;} #prod_detail .buyshow .bd li{width: 70px;height: 70px;border: 1px solid #e3e3e3;margin: 0 3px;} #prod_detail .buyshow .bd li img{height: 100%;width: 100%;cursor: pointer;} #prod_detail .buyshow a.next{position: absolute;display: block;right: 0;bottom: 29px;width: 9px;height: 13px;} #prod_detail .buyshow a.prev{position: absolute;display: block;left: 0;bottom: 29px;width: 9px;height: 13px;} .mask_show{position: fixed;display: none;left: 0;right: 0;top: 15%;padding: 27px;width: 510px;height: 510px;margin: 0 auto;background-color: #fff;border: 1px solid #c9c9c9;z-index: 2017;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mask_show a.close{display: block;position: absolute;width: 18px;height: 17px;right: 8px;top: 7px;} .mask_show a.left{display: block;position: absolute;width: 40px;height: 40px;left: 40px;top: 235px;} .mask_show a.right{display: block;position: absolute;width: 40px;height: 40px;right: 40px;top: 235px;} .mask_show .img_Path{text-align: center;height: 100%;width: 100%;} .mask_show .img_Path img{vertical-align: middle;max-width: 100%;max-height: 100%;} .mask_show .img_Path span{display: inline-block;height: 100%;vertical-align: middle;} .free_shipping_tip{height: 30px; background-color: #8c36a1; text-align: center; font-size: 16px; color: #fff; line-height: 30px; font-weight: bold; font-family: Arial; position: absolute; width: 100%; bottom: 12px;} #Photo_Gallery .gifbox{display: none;} .item .h_hide{position: relative;} .item .h_hide em{position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;filter: (alpha(opacity=0));z-index: 20;-webkit-transition: ease-out 0.5s all; -o-transition: ease-out 0.5s all; transition: ease-out 0.5s all;} .item:hover .h_hide em{opacity: 1;filter: (alpha(opacity=100));} .u_close{opacity: 0; visibility: hidden; -webkit-filter: invert(100%); -o-filter: invert(100%); filter: invert(100%);-webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7);vertical-align: middle;cursor: pointer;} .u_close.on{opacity: 1;visibility: visible;} .success_container .success_info{width:1000px; margin:7px auto 0; background-color:#fff;} .success_container .hd{min-height:100px; overflow:hidden; padding-bottom:35px; background-color:#fbfbfb; position:relative;} .success_container .hd>h3{line-height:27px; margin-top:50px; padding-left:319px; font-size:22px;} .success_container .hd .note{margin-top:12px; padding-left:319px; font-size:14px; color:#666;} .success_container .hd .message{line-height:26px; margin-top:8px; padding-left:319px; font-size:14px; color:#666;} .success_container .hd .btn_detail{margin-left:6px; text-decoration:underline; color:#666;} .success_container .bd{padding:60px 0 50px;} .success_container .bd .account_info{text-align:center;} .success_container .bd .account_info .title{line-height:23px; font-size:20px;} .success_container .bd .account_info .account{margin-top:12px; font-size:14px;} .success_container .bd .account_info .password{width:330px; margin:36px auto 0;} .success_container .bd .account_info .pwd_input{width:90%; background:url(../images/cart/icon_lock.png) no-repeat 301px 9px;} .success_container .bd .account_info .btn_create_account{width:330px; margin-top:18px; font-size:14px; color:#fff; cursor:pointer; background-color:#f16056; border:0;} .success_container .bd .account_info .back_list{margin-top:24px; text-align:center;} .success_container .bd .account_info .back_list>a{margin:0 20px; color:#666;} .success_container .bd .await_info{text-align:center;} .success_container .bd .await_info>p{line-height:20px; margin-bottom:12px; font-size:16px;} .success_container .bd .await_info>a.btn_return_home{color:#666;} .success_container .information_payment{margin-top:-20px;} .success_container .information_payment .title{margin-bottom:30px; text-align:center; font-size:22px;} .success_container .information_payment .payment_list, .success_container .information_payment .payment_contents{width:910px; margin-left:43px;} .success_container .information_payment .payment_total{height:34px; line-height:34px; margin:20px 45px 0 43px; font-size:14px;} .success_container .information_payment .payment_total #ot_total{font-size:16px; color:#c00;} .success_container .information_payment .payment_total .btn_coutinue{height:34px; line-height:34px; margin-left:18px; padding:0 33px; color:#fff; background-color:#f16056; border:0; display:inline-block;}