/*PUBLIC----------------------------------------------------------------------------------- */ @CHARSET "UTF-8"; /* Copyright 2013 Goksel. All Rights Reserved. CSS Document */ html, body { font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; font-size: 14px; width: 100%; height:100%; padding:0px; margin:0px; background: #faf8f7; } img {border:0px;} p{ -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a{text-decoration: none;color:white;} a:hover{ text-decoration:underline; } input[type=text],input[type=search],input[type=password], textarea { float:left; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 5px 0px 5px 5px; border: 1px solid #ddd; background:#ffffff; } input[disabled=disabled], textarea[disabled=disabled] { background:#EFEFEF; } input[type=text]:focus,input[type=search]:focus,input[type=password]:focus, textarea:focus { background:#fcfecf; box-shadow: 0 0 5px #1fb284; border: 1px solid #1fb284; } input[type=number],input[type=search],input[type=password],input[type=text],textarea{float:left;padding:10px 0;outline:0;border:1px solid #ddd;background:#fff;text-indent:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out} input[disabled=disabled],textarea[disabled=disabled]{outline:0;background:#efefef} input[type=number]:focus,input[type=search]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:0;border:1px solid #ff5900;background:#fcfecf;box-shadow:0 0 5px #ff5900} select{ float:left; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 2px; border: 1px solid #ddd; background:#ffffff; } select:focus { background:#fcfecf; box-shadow: 0 0 5px #1fb284; padding: 2px; border: 1px solid #1fb284; } .footer_nav{ float:left; width:25%; text-align:center; cursor:pointer; } .displaynone{display:none;} .displayblock{display:block;} /*鐏忓繋绨� 1000 閺冭埖妯夌粈楦款嚉pc閻楀牏娈戦懣婊冨礋闂呮劘妫�*/ @media screen and (max-width: 1000px) { .header_list_one {display:none;} } @media screen and (min-width: 1001px) { .header_list_one {display:block;} } .header_list_one{float:left;width:100%;background:white;} .header_list_one .subsection{width:96%;max-width:1200px;margin:0 auto;} .header_list_one .subsection .logoarea{float:right;width:180px;} .header_list_one .subsection .logo{float:left;width:100%;margin:20px 0px 0px 0px;} .header_list_one .subsection .menusectionarea{float:left;width:calc(100% - 200px);} .header_list_one .subsection .toppercentarea{float:left;width:100%;margin:5px 0px 0px 0px;} .header_list_one .subsection .toppercentarea .toparea{float:right;font-size:14px;line-height:16px;color:#333333;} .header_list_one .subsection .toppercentarea .toparea .loginicon{float:left;margin-top:6px;} .header_list_one .subsection .toppercentarea .toparea .loginicon img{height:32px;} .header_list_one .subsection .toppercentarea .toparea .login{float:left;margin-left:30px;margin-top:6px;text-transform:uppercase;} .header_list_one .subsection .toppercentarea .toparea .login a{color:#333333;} .header_list_one .subsection .toppercentarea .toparea .logout{float:left;margin-left:10px;margin-top:10px;} .header_list_one .subsection .toppercentarea .toparea .logout a{color:#333333;} .header_list_one .subsection .toppercentarea .toparea .global{float:left;margin-left:10px;margin-top:10px;} .header_list_one .subsection .toppercentarea .toparea .global img{height:16px;} .header_list_one .subsection .toppercentarea .toparea .languagearea{float:left;margin-left:8px;margin-top:6px;text-transform:uppercase;} .header_list_one .subsection .toppercentarea .toparea .languagearea a{color:#333333;} .header_list_one .subsection .toppercentarea .toparea .lanchoose{float:left;margin-left:0px;margin-top:6px;} .header_list_one .subsection .toppercentarea .toparea .lanchoose img{height:16px;} .header_list_one .subsection .toppercentarea .toparea .search{float:left;margin-top:6px;} .header_list_one .subsection .toppercentarea .toparea .search img{height:16px;} .header_list_one .subsection .menuarea{float:right;font-size:14px;line-height:16px;} .header_list_one .subsection .menuarea .list{padding:6px 0px;margin:8px 0px 8px 36px;} .header_list_one .subsection .menuarea .list:first-child{padding:6px 0px;margin:8px 0px 8px 0px;} .header_list_one .subsection .menuarea .menu_on{float:left;border-bottom:2px solid rgb(171,16,50);} .header_list_one .subsection .menuarea .menu_on a{color:#333333;text-decoration:none;} .header_list_one .subsection .menuarea .menu_off{float:left;} .header_list_one .subsection .menuarea .menu_off a{color:#333333;text-decoration:none;} /*鐏忓繋绨� 1000 閺冭埖妯夌粈楦款嚉pc閻楀牏娈戦懣婊冨礋闂呮劘妫�*/ @media screen and (max-width: 1130px) { .header_list_one .subsection .menuarea{font-size:12px;} } @media screen and (max-width: 1000px) { .header_list_two {display:block;} } @media screen and (min-width: 1001px) { .header_list_two {display:none;} } .header_list_two{width:100%;margin:0 auto;} .header_list_two .subarea{width:100%;max-width:100%;margin:0 auto;} .header_list_two .subarea .caidan{position:fixed;width:100%;top:0px;height:64px;z-index:20;} .header_list_two .subarea .caidan .content{float:left;width:100%;padding-top:28px;padding-bottom:15px;background:white;} .header_list_two .subarea .caidan #menu_mobile_logo{float:left;width:90px;margin-left:21px;} .header_list_two .subarea .caidan #menu_mobile_logo img{float:left;width:100%;} .header_list_two .subarea .caidan .rightmenuactionarea{float:right;margin:0px 26px 0px 0px;} .header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide{float:left;margin:0px 0px 0px 18px;cursor:pointer;} .header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_01 img{cursor:pointer;width:30px;} .header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_02{display:none;} .header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_02 img{cursor:pointer;width:30px;} @media screen and (max-width: 800px) { .header_list_two .subarea .caidan .content{padding-top:10px;padding-bottom:5px;} } .gksel_sparrow_banner{width:100%;margin-bottom:60px;} .gksel_sparrow_banner img{width:100%;} .gksel_who{width:60%;margin:20px auto;overflow:hidden;} .gksel_who_left{float:left;width:50%;} .gksel_who_right{float:right;width:50%;} .gksel_who_left .title{width:150px;padding:10px;border:5px solid rgb(171,16,50);text-align:center;font-size:20px;margin:auto;} .gksel_who_left .sanjiao{width:0;height:0;border:20px solid;border-color:rgb(171,16,50) transparent transparent transparent;margin:10px auto;} .gksel_who_left .text{width:54%;padding:0px 23%;text-align:center;font-size:16px;margin-top:20px;} .gksel_who_left .btn{width:100px;height:40px;line-height:40px;text-align:center;font-size:16px;background-color:rgb(171,16,50);color:white;border-radius:15px;margin:20px auto;cursor:pointer;} .gksel_who_right .image{width:49%;} .gksel_who_right .image img{width:100%;} .gksel_who_right .image:nth-child(even){float:left;} .gksel_who_right .image:nth-child(odd){float:right;} .gksel_who_right .image:nth-child(3){margin-top:10px;} .gksel_who_right .image:nth-child(4){margin-top:10px;} .gksel_who_right .image .profile{float:left;width:100%;display:none;} .gksel_who_right .image:hover .profile{display:block;} .gksel_marketoperat_area{width:100%;overflow:hidden;} .gksel_marketoperat_bg{float:left;width:100%;background:#a69389} .gksel_marketoperat_bg .title{width:100%;color:#fff;text-align:center;letter-spacing:3px;font-weight:400} .gksel_marketoperat_bg .linearea{float:left;width:100%} .gksel_marketoperat_bg .linearea .line{margin:0 auto;width:28px;border-bottom:3px solid #000} @media screen and (max-width:600px){.gksel_registerhome_area{margin:0 0 20px} .gksel_registerhome_area .content .subcontent{width:250px} .gksel_registerhome_area .content .subcontent .box{margin-left:0} .gksel_who{width:90%;} } @media screen and (min-width:601px) and (max-width:900px){.gksel_registerhome_area{margin:90pt 0 20px} .gksel_registerhome_area .content .subcontent{width:530px} .gksel_registerhome_area .content .subcontent .box{margin-left:30px} .gksel_registerhome_area .content .subcontent .box:nth-child(1),.gksel_registerhome_area .content .subcontent .box:nth-child(3){margin-left:0} } @media screen and (min-width:901px){.gksel_registerhome_area{margin:150px 0 20px} .gksel_registerhome_area .content .subcontent{width:810px} .gksel_registerhome_area .content .subcontent .box{margin-left:30px} .gksel_registerhome_area .content .subcontent .box:nth-child(1){margin-left:0} } .gksel_registerhome_area{overflow:hidden;width:100%} .gksel_registerhome_area .titlearea{float:left;margin:20px 0 0;width:100%;color:gray;text-align:center;font-size:30px} .gksel_registerhome_area .titlearea .icon{height:35px} .gksel_registerhome_area .subtitlearea{float:left;margin:20px 0 0;width:100%;color:gray;text-align:center;font-size:14px} .gksel_registerhome_area .content{float:left;margin-top:20px;width:100%} .gksel_registerhome_area .content .subcontent{margin:0 auto} .gksel_registerhome_area .content .subcontent .box{float:left;margin-bottom:30px;width:250px;height:250px;cursor:pointer} @media screen and (max-width:600px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:15px;font-size:2pc;line-height:2pc} } @media screen and (min-width:601px) and (max-width:800px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:15px;font-size:2pc;line-height:2pc} } @media screen and (min-width:801px) and (max-width:1000px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:20px;font-size:60px;line-height:60px} } @media screen and (min-width:1001px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:20px;font-size:60px;line-height:60px} } #mobile_menu{position:absolute;z-index:2001;background:rgb(255, 255, 255);display:none;width:100%} #mobile_menutabheight{float:left;width:100%;border-spacing:0} #mobile_menutabheight .leftline{width:4px;background:rgb(171,16,50);} #mobile_menutabheight .logobox{float:left;margin:27px 0 0 21px;width:90px;cursor:pointer} #mobile_menutabheight .logobox img{float:left;width:100%} #mobile_menutabheight .closebox{float:right;margin:35px 25px 0 0;width:25px;cursor:pointer} #mobile_menutabheight .closebox img{width:100%;cursor:pointer} #mobile_menutabheight .contentpadding{padding-right:22px} #mobile_menutabheight .contentdiv{float:left;margin:20px 0 0;width:100%;font-size:14px} #mobile_menutabheight .contentloginuser{float:left;padding:10px 0;width:100%;border-bottom:1px solid #555;color:#555;text-indent:10px;text-transform:uppercase} #mobile_menutabheight .contentloginuser a{color:#555} #mobile_menutabheight .contentlastlist{float:left;padding:10px 0;width:100%;color:#555;text-indent:10px;text-transform:uppercase} #mobile_menutabheight .contentloginuser .logout{float:right;color:#555} /*娴溠冩惂楠炴娊鎽�*/ .gksel_sparrow_product{width:96%;max-width:1200px;;margin:0px auto;} .gksel_sparrow_product_title{width:100%;height:40px;text-indent:20px;font-size:18px;line-height:40px;} .gksel_product{width:100%;overflow:hidden;} .gksel_product .box{width:calc(25% - 15px);margin-left:20px;overflow:hidden;float:left;height:260px;text-align:center;margin-top:10px;} .gksel_product .box .box_image{width:100%;height:200px;overflow:hidden;margin-bottom:10px;display:block;position: relative;} .gksel_product .box .box_image .bg{width:calc(100% - 20px);height:100%;background-color:rgba(0,0,0,0.5);position: absolute;top:0;left;transition: all 1s ease-in-out ;margin-top:100%;line-height:225%;tetx-align:center;color:white;padding:20px 10px } .gksel_product .box .box_image:hover .bg{margin-top:0%;} .gksel_product .box .section{width:100%;overflow:hidden;text-align:center;} .gksel_product .box .section .left{width:100%;height:30px;line-height:30px;color:#0BB0F0;} .gksel_product .box .section .right{width:100%;line-height:30px;} .gksel_product .box .box_image img{width:100%} .gksel_product .box .box_name{width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:16px;} .gksel_product .box .box_price{width:100%;font-size:16px;line-height:25px;} .box_name_height{height:50px;} .gksel_product .box .box_btn{width:100px;height:30px;background-color:rgb(171,16,50);color:white;line-height:30px;text-align:center;font-size:14px;margin:auto;border-radius:10px;cursor:pointer;} .gksel_product .box .box_btn:hover{border:1px solid gray;} .details_box{width:100%;overflow:hidden;} .details_box .left{float:left;width:47px;margin-top:5px;} .details_box .left img{width:47px;height:46.5px;} .details_box .right{float:left;width:calc(100% - 65px);margin-left:17px;} @media screen and (max-width:911px){ .gksel_product .box{width:45%;margin-left:0px;overflow:hidden;float:left;height:350px;text-align:center;margin-top:10px;} } @media screen and (max-width:480px){ .gksel_product .box .box_image{height:250px;} .gksel_product .box{width:100%;height:370px;} .gksel_product .box:nth-child(2n){margin-left:0%;} } /*娴溠冩惂鐠囷附鍎�*/ .gksel_product_details{width: 96%;max-width: 1200px;margin:0px auto;} .gksel_product_details .gksel_sparrow_product_title{width:100%;height:40px;text-indent:20px;font-size:18px;line-height:40px;margin:00px auto;color:#373636} .gksel_product_details_search{width:100%;overflow:hidden;} .gksel_product_details_search select{height:30px;border-radius:10px;} .gksel_product_details_search select:nth-child(2){margin-left:20px;} .gksel_product_details_section{width:100%;overflow:hidden;margin:auto;text-align:center;} .gksel_product_details_section .left{float:left;width:400px;} .gksel_product_details_section .right{float:right;width:calc(100% - 420px);margin-left:20px;text-align:left;} .gksel_product_details_section .left img{width:100%;max-width:400px;} .right_name{font-size:25px;} .right_title1{font-size:20px;color:#4d4f4f;margin-top:30px;} .right_title2{font-size:20px;margin-top:30px;} .right_price{font-size:25px;color:rgb(171,16,50);margin-top:30px;} .right_btn{margin-top:30px;} .right_btn .btn{font-size:16px;text-align:center;width:100px;height:30px;line-height:30px;color:white;background-color:rgb(171,16,50);border-radius:5px;} @media screen and (max-width:800px){ .gksel_product_details_section{width:100%;} .gksel_product_details_section .right{text-align:center;} .gksel_product_details_section .left{float:left;width:100%;} .gksel_product_details_section .right{float:right;width:100%;} .right_btn .btn{margin:auto;} } .more_details{width:100%;overflow:hidden;} .more_details .box{width:50%;overflow:hidden;float:left;height:300px;text-align:center;margin-top:20px;} .more_details .box img{width:100%;} .more_recommend{width:100%;overflow:hidden;text-align:center;} .more_recommend .box{width:calc(30% - 2px);height:400px;float:left;border:1px solid gray;margin-top:20px;} .more_recommend .box_image{width:100%;margin-bottom:20px;} .more_recommend .box img{width:100%;} .more_recommend .box:nth-child(3n-1){margin-left:5%;margin-right:5%;} .more_recommend .box:nth-child(3n){float:right;} .more_recommend .box .box_name{width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:16px;} .more_recommend .box .box_price{width:100%;font-size:16px;line-height:25px;} .more_recommend .box .box_btn{width:100px;height:30px;background-color:rgb(171,16,50);color:white;line-height:30px;text-align:center;font-size:14px;margin:auto;border-radius:10px;cursor:pointer;} .more_recommend .box .box_btn:hover{border:1px solid gray;;} @media screen and (max-width:800px){ .more_details .box{width:100%;height:200px;} .more_recommend .box{width:99%} .more_recommend .box{height:500px;} .more_recommend .box:nth-child(3n-1){margin-left:0%;margin-right:0%;} } @media screen and (max-width:400px){ .more_recommend .box{height:400px;} } .gksel_address_right_section .nav{width:calc(100% - 2px);border:1px solid #959595;overflow:hidden;background-color:#f5f3f3;} .gksel_address_right_section .nav div{text-align:center;font-size:16px;line-height:25px;} .gksel_address_right_section .nav .nav_id{width:10%;float:left;} .gksel_address_right_section .nav .nav_number{width:20%;float:left;} .gksel_address_right_section .nav .nav_time{width:30%;float:right;} .gksel_address_right_section .nav .nav_status{width:30%;float:right;} .gksel_address_right_section .data{width:calc(100% - 2px);border-bottom:1px solid #959595;overflow:hidden;} .gksel_address_right_section .data div{text-align:center;font-size:16px;line-height:40px;} .gksel_address_right_section .data .nav_id_section{width:10%;float:left;} .gksel_address_right_section .data .nav_number_section{width:20%;float:left;} .gksel_address_right_section .data .nav_time_section{width:30%;float:right;} .gksel_address_right_section .data .nav_status_section{width:30%;float:right;} .gksel_address_right_section .wishlist_nav{width:100%;overflow:hidden;} .gksel_address_right_section .wishlist_nav div{text-align:center;font-size:16px;line-height:25px;} .gksel_address_right_section .wishlist_nav .wishlist_nav_hour{width:30%;float:left;} .gksel_address_right_section .wishlist_nav .wishlist_nav_hour span{font-size:17px;color:#ae425a;} .gksel_address_right_section .wishlist_nav .wishlist_nav_details{width:30%;float:left;} .gksel_address_right_section .wishlist_nav .wishlist_nav_time{width:25%;float:right;} .gksel_address_right_section .wishlist_nav .wishlist_nav_text{width:15%;float:right;overflow:hidden;} .gksel_address_right_section .wishlist_nav .wishlist_nav_text div{float:right;width:100%;height:30px;background-color:white;line-height:30px;text-align:center;font-szie:20px;border:1px solid #eff6fd;border-radius:10px;margin-top:30px;} .wishlist_nav_details_img{width:40%;margin:auto;text-align:center} .wishlist_nav_details_img img{width:100%;} .wishlist_nav_details_evaluation{width:100%;margin:10px auto;text-align:center;font-size:16px;} .wishlist_nav_details_evaluation .header{width:50px;border-radius:50%;overflow:hidden;margin:auto;} .wishlist_nav_details_evaluation .header img{width:100%} .wishlist_nav_details_evaluation .evaluation{width:100%;} .wishlist_nav_details_evaluation .evaluation img{width:100%;max-width:130px;} .dutchpies_contact{width:60%;margin:auto;float:left;margin-left:20%;overflow:hidden;} .dutchpies_contact_code{overflow:hidden;} .dutchpies_contact_code div{width:45%;text-align:center;font-size:16px;} .dutchpies_contact_code div img{width:60%;transition: all 1s ease-in-out;} .dutchpies_contact_code div img:hover{transform:scale(.95);} .dutchpies_contact_code div:nth-child(1){float:left} .dutchpies_contact_code div:nth-child(2){float:right} @media screen and (max-width:600px){ .dutchpies_contact_code div{font-size:12px;} .lunbo{height:200px !important;} } .gksel_normalactionpic{background:url(images/dutchpies_banner.jpg) center center/cover no-repeat} .gksel_normalactionbg,.gksel_normalactionpic{position:absolute;top:223px;right:0;bottom:0;left:0} .gksel_normalactionbg{background:#000;opacity:.6} .gksel_normalactionbgcontent{position:absolute;top:223px;right:0;bottom:0;left:0} .gksel_normal_tabpost{float:left;margin-top:40px;margin-bottom:40px;margin-left:5%;width:89%;border-collapse:collapse;font-size:9pt} .gksel_normal_tabpost tr td{margin:10px 0;padding:5px 15px} .gksel_normal_tabpost tr td .title{float:left;margin-bottom:10px;width:100%;text-align:center;font-size:18px;color:white;} .gksel_normal_tabpost .thead td{margin:20px 0;padding:10px 15px;background:#efefef;font-size:15px} input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important} .gksel_registeractionpic{position:absolute;top:223px;left:0px;right:0px;bottom:0px;background:url('./images/dutchpies_banner.jpg') center center / cover no-repeat;} .gksel_registeractionbg{position:absolute;top:223px;left:0px;right:0px;bottom:0px;background:black;opacity:0.6;} .gksel_registeractionbgcontent{position:absolute;top:223px;left:0px;right:0px;bottom:0px;} .gksel_normal_tabpost tr td input[type=tel]{float:left;width:99%} .gksel_normal_tabpost tr td .tipsgroupbox{float:left} .gksel_normal_tabpost tr td .tipsgroupbox .tips{float:left;margin:4px 0 0 5px;color:#999} .gksel_normal_tabpost tr td .tipsgroupbox .request{float:left;margin:5px 0 0 5px;color:red;font-weight:700;font-size:1pc} .gksel_normal_tabpost tr td .tipsgroupbox .requestbox{position:absolute;margin-left:15px} .gksel_normal_tabpost tr td .tipsgroupbox .requestbox .sanjiao{float:left;margin-top:8px} .gksel_normal_tabpost tr td .tipsgroupbox .requestbox .sanjiao img{width:6px;height:11px} .gksel_normal_tabpost tr td .tipsgroupbox .requestbox .content{float:left;margin-top:-1px;padding:0 15px 0 10px;height:30px;border-radius:3px;background:#ff5900;color:#fff;line-height:30px} .gksel_normal_tabpost tr td .login_linkfp{float:right;color:white} .gksel_normal_tabpost tr td .loginpagefootersection{margin:0 auto;width:2in;font-size:9pt} .gksel_normal_tabpost tr td .loginpagefootersection .hasno{float:left;color:gray} .gksel_normal_tabpost tr td .loginpagefootersection .signup{float:left;margin-left:15px;color:#f86400} .gksel_normal_tabpost tr td .loginpagefootersection .signup a{color:white;} .gksel_normal_tabpost tr td .loginpagefootersection .signupbtn{float:left;margin-top:-1px;margin-left:6px;color:#f86400} .gksel_normal_tabpost tr td .loginpagefootersection .signupbtn img{float:left;width:17px;height:17px} .gksel_normal_tabpost tr td .registerpagefooter_left{float:left;color:gray;font-size:14px} .gksel_normal_tabpost tr td .registerpagefooter_left a{color:gray} .gksel_normal_tabpost tr td .registerpagefooter_right{color:gray;font-size:14px} .gksel_normal_tabpost tr td .registerpagefooter_right .hasaccount{float:left} .gksel_normal_tabpost tr td .registerpagefooter_right .lijielogin{float:left;margin-left:5px;color:#f86400} .gksel_normal_tabpost tr td .registerpagefooter_right .lijielogin a{color:white} .gksel_normal_tabpost tr td select[name=eventtype_id],.gksel_normal_tabpost tr td select[name=numofpeople_id]{float:left;padding:4px 0 4px 8px;width:calc(100% - 2px);height:35px;border:1px solid #ddd;background:url(../../themes/default/images/select_arrow.png) no-repeat scroll right center hsla(0,0%,100%,.8);color:gray;font-size:14px;line-height:20px;appearance:none;-moz-appearance:none;-webkit-appearance:none} .gksel_normal_tabpost tr td textarea[name=request_content]{width:calc(100% - 4px);height:5pc} .gksel_btn_action_on{background:rgb(171,16,50);color:#fff} .gksel_btn_action_off,.gksel_btn_action_on{float:left;width:100%;height:40px;border:none;border-radius:3px;text-align:center;line-height:40px;cursor:pointer} .gksel_btn_action_off{background:#efefef;color:#999} .gksel_btn_action_off .icon_loading,.gksel_btn_action_off .icon_success{float:left;margin:10px 0;width:20px;height:20px} .gksel_btn_action_off span{float:left;margin-left:5px} .gksel_sizelistbox{float:left;width:100%;font-size:16px;margin-top:10px;} .gksel_sizelistbox .llist{cursor:pointer;float:left;background:rgba(152,152,154,0.2);text-align:center;margin-left:0px;margin-bottom:14px;} .gksel_sizelistbox .llist_off {width:80%;height:40px;line-height:40px;font-size:12px;} .gksel_sizelistbox .llist_on {width:80%;height:38px;line-height:38px;background-color:#f99621;font-size:12px;} .gksel_productdetail_picture_bigbox{float:left;width:calc(100% - 6px);padding:2px;background:white;border:1px solid #EFEFEF;} .gksel_productdetail_picture_bigbox .list{float:left;width:80%;height:0px;padding-bottom:80%;margin:10% 10% 10% 10%;background-position:center center;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;} .gksel_productdetail_picture_smallbox{float:left;width:100%;margin-top:5px;} .gksel_productdetail_picture_smallbox .list{float:left;width:calc(25% - 15px);background:white;padding:2px;margin-left:12px;cursor:pointer;} .gksel_productdetail_picture_smallbox .list:nth-child(4n-3){margin-left:0px;} .gksel_productdetail_picture_smallbox .list:nth-child(5){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(6){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(7){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(8){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(9){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(10){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(11){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(12){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(13){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(14){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(15){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(16){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(17){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(18){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(19){margin-top:5px;} .gksel_productdetail_picture_smallbox .list:nth-child(20){margin-top:5px;} .gksel_productdetail_picture_smallbox .list_off{border:1px solid #EFEFEF;} .gksel_productdetail_picture_smallbox .list_on{border:1px solid rgb(171,16,50);} .popupaddtocart_area{float:left;width:100%;max-width:640px;top:0px;bottom:0px;overflow:hidden;} .popupaddtocart_area .bottomslider{float:left;width:100%;width:100%;max-width:640px;} .popupaddtocart_content{float:left;width:100%;} .popupaddtocart_content .fixedheight{float:left;width:100%;} .popupaddtocart_content .fixedheight .subcontent{float:left;width:100%;margin-top:0px;padding-bottom:20px;} .popupaddtocart_content .fixedheight .subcontent .list{float:left;width:100%;} .popupaddtocart_content .fixedheight .subcontent .list .title{float:left;width:100px;margin-left:10px;margin-right:10px;} .popupaddtocart_content .fixedheight .subcontent .list .profile{float:right;width:calc(100% - 210px);} .popupaddtocart_content .fixedheight .subcontent .list .profile .floatright{float:right;} .popupaddtocart_content .fixedheight .subcontent .list .profile .floatright .boxicons{cursor:pointer;float:left;background:rgba(152,152,154,0.2);width:14px;height:14px;padding:8px 8px;margin-left:2px;} .popupaddtocart_content .fixedheight .subcontent .list .profile .floatright .boxicons .minus{float:left;width:14px;height:2px;margin-top:6px;background:black;} .popupaddtocart_content .fixedheight .subcontent .list .profile .floatright .boxicons .plus{float:left;width:2px;margin-left:-8px;height:14px;background:black;} .popupaddtocart_content .fixedheight .subcontent .list .profile .floatright .numbershow{float:left;background:rgba(152,152,154,0.2);font-size:16px;color:black;width:14px;height:14px;padding:8px 8px;margin-left:2px;text-align:center;} .popupaddtocart_content .fixedheight .subcontent .line{float:left;width:100%;border-top:1px solid #E6E6E6;margin:10px 0px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_submit{float:left;width:100%;height:45px;line-height:45px;background:rgb(171,16,50);color:white;font-size:16px;text-align:center;margin:10px 0px 0px 0px;cursor:pointer;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_loading{display:none;float:left;width:100%;height:45px;line-height:45px;background:#CCC;color:white;font-size:16px;text-align:center;margin:10px 0px 0px 0px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_loading img{width:20px;height:20px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_success{display:none;float:left;width:100%;height:45px;line-height:45px;background:#CCC;color:white;font-size:16px;text-align:center;margin:10px 0px 0px 0px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_success img{width:20px;height:20px;} .shopping_footer{float:left;width:92%;margin:10px 5% 0px 4%;height:50px;background-color:#CCC;color:white;overflow:hidden;} .shopping_footer .left{float:left;margin:10px 20px;text-align:left;} .shopping_footer .left .title{float:left;margin-top:6px;} .shopping_footer .left .totalprice{float:left;margin-left:8px;margin-top:8px;} .shopping_footer .right{float:right;margin:10px 20px;text-align:center;height:30px;width:80px;background-color:rgb(171,16,50);line-height:30px;border-radius:5px;} /*鐎佃壈鍩呭Ο鈥虫健*/ .gksel_address{ width:100%; overflow:hidden; } .gksel_orders_right{ width: 66%; float: right; } .gksel_address_left .gksel_address_left_header{ width:97%; border:1px solid #d4d4d4; } .gksel_address_left .gksel_address_left_header span{ display:block; width:22%; margin:15px auto; } .gksel_address_left .gksel_address_left_header span img{ width:100%; } .gksel_address_left .gksel_address_left_header p{ margin:10px auto; font-size:22px; text-align: center; color:#545454; } .gksel_address_left .gksel_address_left_section{ display:block; width:97%; overflow:hidden; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; } .gksel_address_left .gksel_address_left_section .gksel_address_left_section_bottom{ display:block; width:100%; height:2px; } .gksel_address_left_section_text{ width:64%; margin:0px auto; margin-top:0px; margin-bottom:0px; overflow:hidden; } .gksel_address_left .gksel_address_left_section:hover p{color:#b32948} .gksel_address_left .gksel_address_left_section:hover .gksel_address_left_section_bottom{background-color:rgb(171,16,50);} .personal_on{background-color:rgb(171,16,50);} .personal_off{background-color:white;} .gksel_address_left .gksel_address_left_section span{ display: inline-block; height:25px; width:25px; float:left; overflow:hidden; } .gksel_address_left .gksel_address_left_section:hover .i1{display:none } .gksel_address_left .gksel_address_left_section img{ width:100%; } .gksel_address_left .gksel_address_left_section p{ display: inline-block; font-size:17px; line-height:25px; color:#545454; margin-left:30px; } .gksel_orders_right .gksel_orders_right_section{ width:90%; margin:0px auto; overflow:hidden; } /*缁楊兛绔撮柈銊ュ瀻*/ .gksel_orders_right .gksel_orders_right_section .orders{ width:90%; margin: auto; background-color:#FAFAFA; padding:10px 20px; overflow:hidden; border:2px solid #d4d4d4; } .gksel_orders_right .gksel_orders_right_section .orders .orders_images{ float:left; } .gksel_orders_right .gksel_orders_right_section .orders .orders_detail{ overflow:hidden; margin-bottom:10px; padding-top:5px; } .gksel_orders_right .gksel_orders_right_section .orders .orders_detail_name{ margin-top:-5px; margin-left:30px; } .gksel_orders_right .gksel_orders_right_section .orders .orders_detail_state{ margin-top:15px; margin-left:60px; font-size:15px; } .gksel_orders_right .gksel_orders_right_section .orders .orders_detail .orders_detail_state,.orders_detail_name{ display: block; float:left; } .gksel_orders_right .gksel_orders_right_section .orders .orders_detail_other{ float:right; margin-right:20px; margin-top:15px; font-size:15px; } .gksel_orders_right .gksel_orders_right_section .orders .orders_title{ font-size:20px; } .gksel_orders_right .gksel_orders_right_section .orders .orders_xiala{ width:100%; text-align: center; } /*缁楊兛绨╅柈銊ュ瀻*/ .gksel_orders_right .gksel_orders_right_section .unpaid{ width:90%; margin: auto; background-color:#FAFAFA; margin-top:20px; padding:10px 20px; overflow:hidden; border:2px solid #d4d4d4; } .gksel_orders_right .gksel_orders_right_section .unpaid .unpaid_title{ font-size:20px; } .gksel_orders_right .gksel_orders_right_section .unpaid .unpaid_bottom{ width:100%; text-align: center; font-size:15px; } .gksel_orders_right .gksel_orders_right_section .shipped{ width:90%; margin: auto; background-color:#FAFAFA; margin-top:20px; padding:10px 20px; overflow:hidden; border:2px solid #d4d4d4; } .gksel_orders_right .gksel_orders_right_section .shipped .shipped_title{ font-size:20px; } .gksel_orders_right .gksel_orders_right_section .shipped .shipped_bottom{ width:100%; text-align: center; font-size:15px; } /*缁楊剙娲撳Ο鈥虫健 閻椻晜绁︾拠锔藉剰濡�虫健*/ .gksel_orders_right .gksel_orders_right_section .transiting{ width:90%; margin: auto; background-color:#FAFAFA; margin-top:20px; padding:10px 20px; overflow:hidden; border:2px solid #d4d4d4; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_title{ font-size:20px; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_images{ float:left; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail{ overflow:hidden; margin-bottom:10px; padding-top:5px; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_name{ margin-top:-5px; margin-left:30px; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_state{ margin-top:15px; margin-left:60px; font-size:15px; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail .transiting_detail_state,.transiting_detail_name{ display: block; float:left; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_other{ float:right; margin-right:20px; margin-top:15px; font-size:15px; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_title{ font-size:20px; } .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_xiala{ width:100%; text-align: center; } /*缁楊兛绨插Ο鈥虫健 鐠囧嫪鐜�*/ .gksel_orders_right .gksel_orders_right_section .evaluate{ width:90%; margin: auto; background-color:#FAFAFA; margin-top:20px; padding:10px 20px; overflow:hidden; border:2px solid #d4d4d4; } .gksel_orders_right .gksel_orders_right_section .evaluate .evaluate_title{ font-size:20px; } .gksel_orders_right .gksel_orders_right_section .evaluate .evaluate_bottom{ width:100%; text-align: center; font-size:15px; } /*瑜版挸鐫嗛獮鏇炴躬920px~1450px娑斿妫块弮璺猴拷娆忎箯鏉堢懓顕遍懜顏呯埉閸ф楠囬崘鍛啇娑撳搫娼￠惃锟�80%閿涘苯娼￠柌宀勬桨閻ㄥ嫬娴橀悧鍥ф倻娑擄拷15px*/ @media screen and (min-width: 920px) and (max-width: 1450px) { .gksel_address_left .gksel_address_left_section span{margin-top:0px;} .gksel_address_left_section_text{width:80%} } @media only screen and (max-width:920px){ .gksel_address_left .gksel_address_left_section span{display:none} .gksel_address_left_section_text{width:90%} .gksel_address_left .gksel_address_left_section p{display: inline-block;font-size:20px;} } @media only screen and (max-width:1200px){ .gksel_address_left_section_text{width:100%} .gksel_orders_right .gksel_orders_right_section .orders{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .unpaid{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .shipped{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .transiting{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .evaluate{padding:10px 0;} } @media screen and (min-width: 860px) and (max-width: 1000px) { .gksel_address_left .gksel_address_left_section{margin:20px auto;} .gksel_address_left .gksel_address_left_section p{font-size:20px;} } @media only screen and (max-width:650px){ .gksel_address{border:none;} .gksel_address_left .gksel_address_left_section p{ display: inline-block; font-size:18px; color:#545454; margin-left:30px; margin-top:10px; } .gksel_address_left .gksel_address_left_section span{ display: inline-block; height:30px; width:30px; float:left; margin-top:0px; display:block; margin-left:30px; } .gksel_address_left{ width:99%; float:left; } .gksel_redeem_right{ width:99%; float:left; margin:auto; } .gksel_redeem_right .gksel_address_redeem_section{width:80.5%;} .gksel_address{margin:20px auto;} .gksel_orders_right{width:100%;margin-top:20px;} .gksel_orders_right .gksel_orders_right_section{width:100%;} .gksel_orders_right .gksel_orders_right_section .orders .orders_detail_name{margin-left:0px;} .gksel_orders_right .gksel_orders_right_section .orders .orders_detail_state{margin-left:0px;} .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_name{margin-left:0px;} .gksel_orders_right .gksel_orders_right_section .transiting .transiting_detail_state{margin-left:0px;} .gksel_orders_right .gksel_orders_right_section .orders{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .unpaid{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .shipped{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .transiting{padding:10px 0;} .gksel_orders_right .gksel_orders_right_section .evaluate{padding:10px 0;} } /* 鐏忓繋绨� 650*/ @media screen and (max-width: 400px) { .gksel_shoppingcart_confirm .t_tilearea .product_name{width:calc(50% - 15px);} .gksel_shoppingcart_confirm .t_tilearea .product_unitprice{display:none;} .gksel_shoppingcart_confirm .t_tilearea .product_total{float:left;width:26%;text-align:left;} .gksel_shoppingcart_confirm .t_tilearea .product_quantity{float:left;width:24%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea{width:calc(40% - 15px);} .gksel_shoppingcart_confirm .t_bodyarea .product_unitprice{display:none;} .gksel_shoppingcart_confirm .t_bodyarea .product_total{float:left;width:26%;text-align:left;} .gksel_shoppingcart_confirm .t_bodyarea .product_total .product_total_sssssshow{margin-top:5px;} .gksel_shoppingcart_confirm .t_bodyarea .product_quantity{float:left;width:24%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea .title{float:left;width:100%;margin-top:5px;text-align:left;font-size:12px;} } /* 鐏忓繋绨� 650*/ @media screen and (min-width: 400px) and (max-width: 650px) { .gksel_shoppingcart_confirm .t_tilearea .product_name{width:calc(60% - 15px);} .gksel_shoppingcart_confirm .t_tilearea .product_unitprice{display:none;} .gksel_shoppingcart_confirm .t_tilearea .product_total{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_tilearea .product_quantity{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea{width:calc(50% - 15px);} .gksel_shoppingcart_confirm .t_bodyarea .product_unitprice{display:none;} .gksel_shoppingcart_confirm .t_bodyarea .product_total{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_total .product_total_sssssshow{margin-top:22%;} .gksel_shoppingcart_confirm .t_bodyarea .product_quantity{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea .title{float:left;width:100%;margin-top:15%;text-align:left;font-size:12px;} } /* 婢堆傜艾 650*/ @media screen and (min-width: 650px) { .gksel_shoppingcart_confirm .t_tilearea .product_name{width:calc(40% - 15px);} .gksel_shoppingcart_confirm .t_tilearea .product_unitprice{display:block;} .gksel_shoppingcart_confirm .t_tilearea .product_total{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_tilearea .product_quantity{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea{width:calc(30% - 15px);} .gksel_shoppingcart_confirm .t_bodyarea .product_unitprice{display:block;} .gksel_shoppingcart_confirm .t_bodyarea .product_total{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_total .product_total_sssssshow{margin-top:22%;} .gksel_shoppingcart_confirm .t_bodyarea .product_quantity{float:left;width:20%;text-align:center;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea .title{float:left;width:100%;margin-top:15%;text-align:left;font-size:12px;} } .gksel_shoppingcart_confirm{float:left;width:100%;} .gksel_shoppingcart_confirm .t_tilearea{float:left;width:100%;margin:0px 0px 5px 0px;background:#e6e3df;line-height:25px;padding:5px 0px;} .gksel_shoppingcart_confirm .t_tilearea .product_name{float:left;margin-left:15px;} .gksel_shoppingcart_confirm .t_tilearea .product_unitprice{float:left;width:20%;text-align:left;} .gksel_shoppingcart_confirm .t_bodyarea{float:left;width:100%;margin:5px 0px;} .gksel_shoppingcart_confirm .t_bodyarea .product_picture{float:left;width:10%;background:white;} .gksel_shoppingcart_confirm .t_bodyarea .product_picture img{float:left;width:80%;padding:10%;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea{float:left;margin-left:15px;} .gksel_shoppingcart_confirm .t_bodyarea .product_namearea .summer{float:left;width:100%;margin-top:5px;text-align:left;font-size:12px;} .gksel_shoppingcart_confirm .t_bodyarea .product_unitprice{float:left;width:20%;text-align:left;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .gksel_normal_tablist{float:left;width:100%;margin-top: 0px;border-collapse: collapse;font-size:12px;} .gksel_normal_tablist thead{background: #F8F6F5;padding: 10px 0;} .gksel_normal_tablist thead tr td{font-weight: bold;padding: 5px 0px 5px 0px;border-top: 1px solid rgb(171,16,50);border-bottom: 1px solid rgb(171,16,50);margin: 10px 0;} .gksel_normal_tablist thead tr td p{border-left: 1px solid rgb(171,16,50);padding: 4px 0px 4px 0px;} .gksel_normal_tablist tbody tr td{color: #666;padding: 10px 10px 10px 10px;border-bottom: 1px solid rgb(171,16,50);} .gksel_normal_tabsublist{float:left;width:99%;margin-top: 0px;border-collapse: collapse;font-size:12px;} .gksel_normal_tabsublist thead{background: #F8F6F5;padding: 10px 0;} .gksel_normal_tabsublist thead tr td{font-weight: bold;padding: 5px 0px 5px 0px;border-top: 1px solid rgb(171,16,50);border-bottom: 1px solid rgb(171,16,50);margin: 10px 0;} .gksel_normal_tabsublist thead tr td p{border-left: 1px solid rgb(171,16,50);padding: 4px 0px 4px 0px;} .gksel_normal_tabsublist tbody tr td{color: #666;padding: 20px 10px 20px 10px;border-bottom: 1px solid rgb(171,16,50);} .gksel_normal_tabactionlist{float:left;width:99%;margin-top: 0px;border-collapse: collapse;font-size:12px;} .gksel_normal_tabactionlist thead{background: #F8F6F5;padding: 10px 0;} .gksel_normal_tabactionlist tbody tr td{color: #666;padding: 20px 10px 20px 10px;border-bottom: 1px solid rgb(171,16,50);} .gksel_normal_tabactionlist tbody tr td{font-weight: bold;padding: 5px 0px 5px 0px;border-top: 1px solid rgb(171,16,50);border-bottom: 1px solid rgb(171,16,50);margin: 10px 0;} .gksel_normal_tabactionlist tbody tr td p{border-left: 1px solid rgb(171,16,50);padding: 4px 0px 4px 0px;} .refund_loglist_r{float:left;width:93.3%;margin-top:10px;border:1px solid #ddd;padding:10px;text-align:left;} .refund_loglist_r table{float:left;width:100%;} .refund_loglist_r table th{height:30px;background:#efefef;} .refund_loglist_r table td{height:25px;} .refund_loglist_l{float:left;width:90%;margin-left:3.3%;margin-top:10px;border:1px solid #ddd;padding:10px;text-align:left;} .refund_loglist_l table{float:left;width:100%;} .refund_loglist_l table th{height:30px;background:#efefef;} .refund_loglist_l table td{height:25px;} /* 鐏忓繋绨� 650*/ @media screen and (max-width: 400px) { .shopping_section_digital{width:98%;margin:auto;text-align:center;padding:5px 0 10px 0;color:black;overflow:hidden;margin-top:0px;} .shopping_section_digital .numberarea{width:96px;margin:0 auto;} .shopping_section_digital .boxicons{cursor:pointer;float:left;background:#F5F5F5;width:7px;height:7px;padding:4px 4px;margin-left:3px;} .shopping_section_digital .boxicons .minus{float:left;width:9px;height:2px;margin-left:-1px;margin-top:3px;background:#939393;} .shopping_section_digital .boxicons .plus{float:left;width:2px;margin-left:-5px;height:9px;margin-top:-1px;background:#939393;} .shopping_section_digital .numbershow{float:left;background:#F5F5F5;width:9px;height:9px;padding:0px 2px;margin-left:2px;text-align:center;} } /* 鐏忓繋绨� 650*/ @media screen and (min-width: 400px) and (max-width: 650px) { .shopping_section_digital{width:98%;margin:auto;text-align:center;padding:10px 0 10px 0;color:black;overflow:hidden;margin-top:15%;} .shopping_section_digital .numberarea{width:96px;margin:0 auto;} .shopping_section_digital .boxicons{cursor:pointer;float:left;background:#F5F5F5;width:7px;height:7px;padding:8px 8px;margin-left:6px;} .shopping_section_digital .boxicons .minus{float:left;width:13px;height:2px;margin-left:-2px;margin-top:3px;background:#939393;} .shopping_section_digital .boxicons .plus{float:left;width:2px;margin-left:-8px;height:13px;margin-top:-2px;background:#939393;} .shopping_section_digital .numbershow{float:left;background:#F5F5F5;width:9px;height:9px;padding:3px 8px;margin-left:2px;text-align:center;} } /* 婢堆傜艾 650*/ @media screen and (min-width: 650px) { .shopping_section_digital{width:98%;margin:auto;text-align:center;padding:10px 0 10px 0;color:black;overflow:hidden;margin-top:15%;} .shopping_section_digital .numberarea{width:96px;margin:0 auto;} .shopping_section_digital .boxicons{cursor:pointer;float:left;background:#F5F5F5;width:7px;height:7px;padding:8px 8px;margin-left:6px;} .shopping_section_digital .boxicons .minus{float:left;width:13px;height:2px;margin-left:-2px;margin-top:3px;background:#939393;} .shopping_section_digital .boxicons .plus{float:left;width:2px;margin-left:-8px;height:13px;margin-top:-2px;background:#939393;} .shopping_section_digital .numbershow{float:left;background:#F5F5F5;width:9px;height:9px;padding:3px 8px;margin-left:2px;text-align:center;} } .shopping_section_digital .right{float:left;width:30%;} .shopping_section_digital .right span{display:block;margin-top:20px;} /*鑱旂郴鎴戜滑*/ .contant_header{width:100%;height:50px;border-bottom:1px solid #F0F2F5;float:left;} .contant_header .header_nav{width:50%;height:50px;margin:auto;} .contant_header .header_nav a{float:left;width:30%;text-align:center;line-height:50px;font-size:16px;cursor:pointer;text-decoration:none;} .contant_header .header_nav a:hover{background-color:rgb(171,16,50);color:white;;} .contant_header .header_nav a:nth-child(2){margin-left:5%;margin-right:5%;} .contant_header .header_nav a:nth-child(3){float:right;} .cmenu_on{background-color:rgb(171,16,50);} .cmenu_off{background-color:white;} .contact_information{width:80%;margin:auto;} .contact_information div{height:30px;line-height:30px;margin-top:20px;overflow:hidden;font-size: 16px;margin:auto;width:300px;text-align:center;margin-bottom:10px;text-align:left;} .contact_information div img{width:30px;height:30px;float:left;} .contact_information div span{float:left;margin-left:20px;} .art铆culo_img{width:96%;max-width:1100px;margin:20px auto;overflow:hidden;} .art铆culo_img img{width:100%;} @media screen and (max-width: 650px) { .contact_information div{font-size:14px;width:230px;} .art铆culo{font-size:14px !important;} .contant_header .header_nav{width:100%} .contant_header .header_nav a{font-size:12px;} } .delivery_section{width:96%;max-width:1100px;margin:20px auto;font-size:20px;} .gksel_delete_box_bg{display:none;position:fixed;z-index:1000;left:0px;right:0px;top:0px;bottom:0px;background:black;opacity:0.7;} .gksel_delete_box{display:none;position:fixed;z-index:1000;left:0px;right:0px;top:0px;bottom:0px;} .gksel_delete_box table{float:left;width:450px;height:100%;margin-left:50%;border-collapse:collapse;border-spacing:0;padding:0;} .gksel_delete_content{float:left;width:100%;margin-left:-225px;background:white;} .gksel_delete_content .close{float:left;width:100%;} .gksel_delete_content .close img{float:right;width:25px;height:25px;margin:20px 20px 0px 0px;cursor:pointer;} .gksel_delete_content .title{float:left;width:80%;margin:20px 10% 0px 10%;font-size:17px;line-height:25px;} .gksel_delete_content .subtitle{float:left;width:80%;margin:0px 10%;font-size:14px;line-height:17px;color:gray;margin-top:4px;} .gksel_delete_content .control{float:left;width:100%;background:#f1f5f8;font-size:14px;line-height:17px;color:gray;margin-top:40px;} .gksel_delete_content .control .yes{float:left;margin:15px 0px 15px 100px;height: 40px;line-height: 40px;width:120px;font-size:15px;background: rgb(171,16,50);border: 1px solid rgb(171,16,50);color: #fff;text-align: center;cursor: pointer;} .gksel_delete_content .control .no{float:left;margin:15px 0px 15px 15px;height: 40px;line-height: 40px;width:120px;font-size:15px;background: #EFEFEF;border: 1px solid #ccc;color: rgb(171,16,50);text-align: center;cursor: pointer;} .gksel_toparea_action{float:left;width:100%;background:rgba(152,152,154,0.2);line-height:35px;color:#404041;font-size:12px;} .gksel_toparea_action .section{width:96%;max-width:1200px;margin:0 auto;} .gksel_toparea_action .section .leftarea{float:left;} .gksel_toparea_action .section .rightarea{float:right;} .gksel_toparea_action .section .rightarea .list{float:left;cursor:pointer;} .gksel_toparea_action .section .rightarea .line{float:left;border-left:1px solid #b32948;height:15px;margin:10px 10px 0px 10px;} .gksel_toparea_action .section .rightarea .listicon{float:left;margin-left:10px;} .gksel_toparea_action .section .rightarea .listicon img{float:left;width:25px;height:25px;margin-top:4px;} .gksel_menu_list{float:left;width:100%;background:#ffffff;height:40px;line-height:40px;color:#404041;border-bottom:1px solid #EFEFEF;padding-top:15px;} .gksel_menu_list .section{position:relative;z-index:10;width:96%;max-width:1200px;margin:0 auto;} .gksel_menu_list .section .leftarea{float:left;} .gksel_menu_list .section .rightarea{float:right;} .gksel_menu_list .section .rightarea .list{float:left;} .gksel_menu_list .section .rightarea .line{float:left;border-left:1px solid #b32948;height:15px;margin:13px 10px 0px 10px;} .gksel_menu_list .section .rightarea .listicon{float:left;margin-left:10px;} .gksel_menu_list .section .rightarea .listicon img{float:left;width:35px;height:35px;margin-top:2px;} @media only screen and (max-width:600px){ .gksel_nav_area{font-size:12px;line-height:12px;} .gksel_nav_area .centerarea .list img{float:left;height:10px;margin-top:1px;} } @media only screen and (min-width:600px){ .gksel_nav_area{font-size:14px;line-height:14px;} .gksel_nav_area .centerarea .list img{float:left;height:12px;margin-top:0px;} } .gksel_nav_area{float:left;width:100%;margin-top:30px;} .gksel_nav_area .centerarea{width:96%;max-width:1200px;margin:0 auto;} .gksel_nav_area .centerarea .list{float:left;color:rgb(171,16,50);margin:1px 3px;} .gksel_nav_area .centerarea .list:nth-child(2n-1){margin:0px 0px;} .gksel_nav_area .centerarea .list a{color:#404041;} @media only screen and (max-width:800px){ .gksel_homebanner_allwidth .list{height:200px;} .gksel_homebanner_allwidth .list .boxsection .boxarea{width: 100%; margin-top: 40px; margin-left: 0px;} .gksel_homebanner_allwidth .list .boxsection .boxarea .content{width: calc(100% - 40px); font-size: 14px;padding: 15px 20px 15px 20px;} .gksel_homebanner_allwidth .list .boxsection .boxarea .btnbutton{font-size: 14px;padding: 6px 20px;margin-bottom: 15px;margin-left: 20px;} } @media only screen and (min-width:800px){ .gksel_homebanner_allwidth .list{height:445px;} .gksel_homebanner_allwidth .list .boxsection .boxarea{width: 450px; margin-top: 200px; margin-left: 240px;} .gksel_homebanner_allwidth .list .boxsection .boxarea .content{width: calc(100% - 80px); font-size: 18px;padding: 25px 40px 15px 40px;} .gksel_homebanner_allwidth .list .boxsection .boxarea .btnbutton{font-size: 16px;padding: 10px 30px;margin-bottom: 25px;margin-left: 40px;} } .gksel_homebanner{float:left;width:100%;overflow:hidden;} .gksel_homebanner_allwidth{float:left;width:2000%;margin-left:-100%;overflow:hidden;} .gksel_homebanner_allwidth .list{float:left;width:5%;} .gksel_homebanner_allwidth .list .boxsection{margin: 0 auto; max-width: 1200px; width: 96%;} .gksel_homebanner_allwidth .list .boxsection .boxarea{float: left; background: rgba(255, 255, 255, 0.7);} .gksel_homebanner_allwidth .list .boxsection .boxarea .content{float: left; color: #3b3b3b;} .gksel_homebanner_allwidth .list .boxsection .boxarea .btnbutton{cursor: pointer; float: left;background: rgb(171, 16, 50); color: white;} .gksel_controllarea{float:left;width:100%;height:30px;margin-top:-30px;} .gksel_controllarea .control{float:left;margin:0px 3px;cursor:pointer;} .gksel_controllarea .control_on{width:16px;height:16px;background:rgb(171,16,50);border-radius:50%;} .gksel_controllarea .control_off{width:16px;height:16px;background:#ffffff;border-radius:50%;} @media only screen and (max-width:800px){ .gksel_productlist_area .list{width:calc(50% - 8px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_productlist_area .list:nth-child(2n){margin-left:0px;} } @media only screen and (min-width:800px){ .gksel_productlist_area .list{width:calc(25% - 12px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_productlist_area .list:nth-child(4n-2){margin-left:0px;} } .gksel_productlist_area{float:left;width:100%;margin-top:10px;} .gksel_productlist_area .list{float:left;border:1px solid #CCC;background:white;} .gksel_productlist_area .list:hover .inner_border{float:left;width:calc(100% - 2px);border:2px solid #b32948;margin-left:-1px;margin-top:-1px;background:white;} .gksel_productlist_area .list:hover .btn_addcart_area{display:block;} .gksel_productlist_area .list .btn_addcart_area{display:none;cursor:pointer;position:relative;width:calc(100% + 4px);margin-left:-2px;background:rgb(171,16,50);line-height:35px;text-align:center;color:white;font-size:14px;} .gksel_productlist_area .list .inner_border{float:left;width:calc(100% - 2px);border:2px solid transparent;margin-left:-1px;margin-top:-1px;} @media only screen and (max-width:600px){ .gksel_productlist_area .list .smallitemarea{float:left;width:calc(100% - 10px);margin-left:10px;} .gksel_productlist_area .list .smallitemarea .itembox{cursor:pointer;float:left;width:24px;height:24px;padding:2px;margin-right:5px;border:1px solid #ccc;} .gksel_productlist_area .list .smallitemarea .itembox:first-child{border:1px solid #b32948;} } @media only screen and (min-width:601px){ .gksel_productlist_area .list .smallitemarea{float:left;width:calc(100% - 10px);margin-left:10px;} .gksel_productlist_area .list .smallitemarea .itembox{cursor:pointer;float:left;width:30px;height:30px;padding:2px;margin-right:10px;border:1px solid #ccc;} .gksel_productlist_area .list .smallitemarea .itembox:first-child{border:1px solid #b32948;} } .gksel_searchlist_area{float:left;width:100%;margin-top:10px;} .gksel_searchlist_area .list{float:left;border:1px solid #CCC;background:white;} .gksel_searchlist_area .list:hover .inner_border{float:left;width:calc(100% - 2px);border:2px solid #b32948;margin-left:-1px;margin-top:-1px;background:white;} .gksel_searchlist_area .list:hover .btn_addcart_area{display:block;} .gksel_searchlist_area .list .btn_addcart_area{display:none;cursor:pointer;position:relative;width:calc(100% + 4px);margin-left:-2px;background:rgb(171,16,50);line-height:35px;text-align:center;color:white;font-size:14px;} .gksel_searchlist_area .list .inner_border{float:left;width:calc(100% - 2px);border:2px solid transparent;margin-left:-1px;margin-top:-1px;} @media only screen and (max-width: 600px){ .gksel_searchlist_area .list{width:calc(50% - 8px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_searchlist_area .list:nth-child(2n){margin-left:0px;} .gksel_searchlist_area .list .smallitemarea{float:left;width:calc(100% - 10px);margin-left:10px;} .gksel_searchlist_area .list .smallitemarea .itembox{cursor:pointer;float:left;width:24px;height:24px;padding:2px;margin-right:5px;border:1px solid #ccc;} .gksel_searchlist_area .list .smallitemarea .itembox:first-child{border:1px solid #b32948;} } @media only screen and (min-width:600px) and (max-width:1000px){ .gksel_searchlist_area .list{width:calc(25% - 12px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_searchlist_area .list:nth-child(4n-2){margin-left:0px;} .gksel_searchlist_area .list .smallitemarea{float:left;width:calc(100% - 10px);margin-left:10px;} .gksel_searchlist_area .list .smallitemarea .itembox{cursor:pointer;float:left;width:30px;height:30px;padding:2px;margin-right:10px;border:1px solid #ccc;} .gksel_searchlist_area .list .smallitemarea .itembox:first-child{border:1px solid #b32948;} } @media only screen and (min-width:1000px){ .gksel_searchlist_area .list{width:calc(20% - 13px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_searchlist_area .list:nth-child(5n-3){margin-left:0px;} .gksel_searchlist_area .list .smallitemarea{float:left;width:calc(100% - 10px);margin-left:10px;} .gksel_searchlist_area .list .smallitemarea .itembox{cursor:pointer;float:left;width:30px;height:30px;padding:2px;margin-right:10px;border:1px solid #ccc;} .gksel_searchlist_area .list .smallitemarea .itembox:first-child{border:1px solid #b32948;} } .gksel_menuproductcategorybox{position:absolute;width:220px;background:white;margin-top:1px;z-index:10;} .popupaddtocart_content{float:left;width:100%;margin-top:10px;} .popupaddtocart_content .fixedheight{float:left;width:100%;} .popupaddtocart_content .fixedheight .subcontent{float:left;width:100%;margin-top:0px;padding-bottom:0px;} .popupaddtocart_content .fixedheight .subcontent .list{float:left;width:100%;} .popupaddtocart_content .fixedheight .subcontent .list .title{float:left;width:100px;margin-left:10px;margin-right:10px;} .popupaddtocart_content .fixedheight .subcontent .list .profile{float:left;width:100%;} .popupaddtocart_content .fixedheight .subcontent .list .profile .floatright{float:right;} .popupaddtocart_content .fixedheight .subcontent .list .profile .boxicons{cursor:pointer;float:left;background:rgba(152,152,154,0.2);width:14px;height:14px;padding:8px 8px;margin-left:2px;} .popupaddtocart_content .fixedheight .subcontent .list .profile .boxicons .minus{float:left;width:14px;height:2px;margin-top:6px;background:black;} .popupaddtocart_content .fixedheight .subcontent .list .profile .boxicons .plus{float:left;width:2px;margin-left:-8px;height:14px;background:black;} .popupaddtocart_content .fixedheight .subcontent .list .profile .numbershow{float:left;background:rgba(152,152,154,0.2);font-size:16px;color:black;width:14px;height:14px;padding:8px 8px;margin-left:2px;text-align:center;} .popupaddtocart_content .fixedheight .subcontent .line{float:left;width:100%;border-top:1px solid #E6E6E6;margin:10px 0px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_submit{float:left;width:100%;height:35px;line-height:35px;background:rgb(171,16,50);color:white;font-size:14px;text-align:center;margin:10px 0px 0px 0px;cursor:pointer;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_loading{display:none;float:left;width:100%;height:35px;line-height:35px;background:#CCC;color:white;font-size:14px;text-align:center;margin:10px 0px 0px 0px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_loading img{width:20px;height:20px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_success{display:none;float:left;width:100%;height:35px;line-height:35px;background:#CCC;color:white;font-size:14px;text-align:center;margin:10px 0px 0px 0px;} .popupaddtocart_content .fixedheight .subcontent .btn_addtocart_success img{width:20px;height:20px;} @media only screen and (max-width:1000px){ .membercenter_leftmenu{display:none;} .membercenter_rightsection{width:100%;margin-left:0px;} } @media only screen and (min-width:1000px){ .membercenter_leftmenu{display:block;} .membercenter_rightsection{width:calc(100% - 240px - 20px);margin-left:20px;} } .membercenter_leftmenu{float:left;width:200px;padding:0px 20px;background:rgba(152,152,154,0.2);color:#605a5a;} .membercenter_leftmenu .avatararea{float:left;width:100%;margin-top:25px;} .membercenter_leftmenu .avatararea .avatar{float:left;width:70px;height:70px;border:1px solid #CCC;padding:2px;margin:0px calc(50% - 38px);border-radius:100%;overflow:hidden;} .membercenter_leftmenu .avatararea .avatar img{float:left;width:100%;} .membercenter_leftmenu .avatararea .avatar img{float:left;width:100%;} .membercenter_leftmenu .nicknameshow{float:left;width:100%;margin-top:10px;text-align:center;} .membercenter_leftmenu .pointsshow{float:left;width:100%;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #d0d0d0;text-align:center;} .membercenter_leftmenu .pointsshow span{color:#b32948;font-weight:bold;} .membercenter_leftmenu .memulist{float:left;width:100%;margin:20px 0px;} .membercenter_leftmenu .memulist .list_on{color:#b32948;} .membercenter_leftmenu .memulist .list_off{color:#605a5a;} .membercenter_leftmenu .memulist .list{float:left;width:100%;text-align:center;height:40px;line-height:40px;cursor:pointer;} .membercenter_leftmenu .memulist .list .icon_en{margin-left:30px;} .membercenter_leftmenu .memulist .list .icon_ch{margin-left:60px;} .membercenter_leftmenu .memulist .list .icon_on{float:left;margin-top:11px;} .membercenter_leftmenu .memulist .list .icon_on img{width:16px;} .membercenter_leftmenu .memulist .list .icon_off{float:left;margin-top:11px;} .membercenter_leftmenu .memulist .list .icon_off img{width:16px;} .membercenter_leftmenu .memulist .list .name{float:left;margin-left:6px;} .membercenter_rightsection{float:left;} @media only screen and (max-width:800px){ .gksel_footer_area_1{padding-top:20px;} .gksel_footer_area .innercontent .list{width:calc(52% - 10px);margin-left:0px;} .gksel_footer_area .innercontent .list:nth-child(2n-1){width:calc(48% - 10px);margin-left:20px;} } @media only screen and (min-width:800px){ .gksel_footer_area_1{padding-top:100px;} .gksel_footer_area .innercontent .list{width:calc(100% / 4);} } .gksel_footer_area_1{float:left;width:100%;background:#faf8f7;} .gksel_footer_area_2{position:fixed;width:100%;bottom:0px;background:#faf8f7;} .gksel_footer_area{} .gksel_footer_area .innercontent{float:left;width:100%;padding:30px 0px 30px 0px;} .gksel_footer_area .innercontent .list{float:left;color:#3b3b3b;} .shopping_section_digital_small{float:left;width:100%;text-align:center;padding:10px 0 10px 0;color:black;overflow:hidden;} .shopping_section_digital_small .numberarea{width:96px;margin:0 auto;} .shopping_section_digital_small .boxicons{cursor:pointer;float:left;background:#FFFFFF;width:6px;height:6px;padding:5px 5px;margin-left:6px;} .shopping_section_digital_small .boxicons .minus{float:left;width:8px;height:2px;margin-left:-1px;margin-top:2px;background:#939393;} .shopping_section_digital_small .boxicons .plus{float:left;width:2px;margin-left:-5px;height:8px;margin-top:-1px;background:#939393;} .shopping_section_digital_small .numbershow{float:left;background:#FFFFFF;width:9px;height:20px;line-height:20px;padding:0px 8px;margin-left:2px;text-align:center;} .productleftmenu{float:left;width:220px;height:445px;background:rgba(152,152,154,0.2);color:#3b3b3b;} .productleftmenu .firstcontent{float:left;width:100%;margin:0px 0px 0px 0px;text-align:left;} .productleftmenu .firstcontent .list{float:left;width:calc(100% - 20px);padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;margin-top:6px;} .productleftmenu .firstcontent .list:hover{background:white;color:#404041;} .productleftmenu .firstcontent .list:hover .productleftthirdmenu{display:block;} .productleftthirdmenu{display:none;position:absolute;width:600px;margin-left:210px;background:white;color:white;margin-top:-25px;} .productleftthirdmenu .thirdcontent{float:left;width:calc(100% - 48px);margin-left:28px;padding-bottom:20px;} .productleftthirdmenu .thirdcontent .thirdlist{float:left;width:calc(50% - 8px);margin-left:16px;color:#404041;} .productleftthirdmenu .thirdcontent .thirdlist:nth-child(2n-1){margin-left:0px;} .productlist_leftselectarea{float:left;width:calc(100% - 22px);padding:10px 10px;border:1px solid #CCC;} .productlist_leftselectarea .title{float:left;width:100%;font-weight:bold;font-size:14px;cursor:pointer;} .productlist_leftselectarea .content{float:left;width:100%;line-height:25px;font-size:12px;margin-top:10px;} .productlist_leftselectarea .content .list_one{float:left;width:100%;color:black;cursor:pointer;} .productlist_leftselectarea .content .list_one .icon{float:left;width:11px;height:11px;border:1px solid gray;margin-top:5px;} .productlist_leftselectarea .content .list_one .icon .minusarea{float:left;width:7px;border-top:1px solid gray;margin-top:5px;margin-left:2px;} .productlist_leftselectarea .content .list_one .icon .plusarea{float:left;width:100%;} .productlist_leftselectarea .content .list_one .icon .plusarea .minus{float:left;width:7px;border-top:1px solid gray;margin-top:5px;margin-left:2px;} .productlist_leftselectarea .content .list_one .icon .plusarea .plus{float:left;height:7px;border-left:1px solid gray;margin-left:-4px;margin-top:2px;} .productlist_leftselectarea .content .select_subcategoryarea{float:left;width:100%;} .productlist_leftselectarea .content .select_subcategoryarea .list_two{float:left;width:calc(100% - 20px);margin-left:20px;color:black;cursor:pointer;} .productlist_leftselectarea .content .select_subcategoryarea .list_two .icon{float:left;width:11px;height:11px;border:1px solid gray;margin-top:5px;} .productlist_leftselectarea .content .select_subcategoryarea .list_two .icon .minusarea{float:left;width:7px;border-top:1px solid gray;margin-top:5px;margin-left:2px;} .productlist_leftselectarea .content .select_subcategoryarea .list_two .icon .plusarea{float:left;width:100%;} .productlist_leftselectarea .content .select_subcategoryarea .list_two .icon .plusarea .minus{float:left;width:7px;border-top:1px solid gray;margin-top:5px;margin-left:2px;} .productlist_leftselectarea .content .select_subcategoryarea .list_two .icon .plusarea .plus{float:left;height:7px;border-left:1px solid gray;margin-left:-4px;margin-top:2px;} .productlist_leftselectarea .content .select_subcategoryarea .select_thirdcategoryarea{float:left;width:100%;} /*登录*/ .tologin_left{float: left;width:50%;background:#EFEFEF;height:309px;} .tologin_right{float: left;width:calc(50% - 22px);background:#EFEFEF;border:1px solid #CCC;margin-left:20px;} @media screen and (max-width:810px) { .tologin_left{width:100%;} .tologin_right{width:100%;border:0px solid #CCC;margin-left:0px;margin-top:20px;} } /*产品详情*/ @media screen and (max-width:600px) { .details_left{width:100%;} .details_right{width:100%;margin-left:0%;margin-top:15px;} } @media screen and (min-width:600px) { .details_left{width:32%;} .details_right{width:63%;margin-left:5%;margin-top:0px;} } .details_left{float:left;} .details_right{float:left;} .productleftsearchbox{float:left;width:calc(100% - 2px);color:#262626;padding:10px 0px 0px 0px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;height:25px;} .productleftsearchbox .list_on{cursor:pointer;float:left;text-align:center;margin-left:5px;height:26px;background:white;line-height:25px;font-size:12px;padding:0px 8px 0px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;} .productleftsearchbox .list_off{cursor:pointer;float:left;text-align:center;margin-left:5px;height:25px;line-height:25px;font-size:12px;padding:0px 8px 0px 8px;border-top:1px solid #fff;} .productleftsearchbox .line{float:left;width:100%;height:1px;background:white;margin-top:-1px;} .productleftrankbox{float:left;width:calc(100% - 2px);color:#262626;padding:10px 0px 0px 0px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;height:25px;} .productleftrankbox .list_on{cursor:pointer;float:left;text-align:center;margin-left:5px;height:26px;background:white;line-height:25px;font-size:12px;padding:0px 8px 0px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;} .productleftrankbox .list_off{cursor:pointer;float:left;text-align:center;margin-left:5px;height:25px;line-height:25px;font-size:12px;padding:0px 8px 0px 8px;border-top:1px solid #fff;} .productleftrankbox .line{float:left;width:100%;height:1px;background:white;margin-top:-1px;} .productleftranklist{float:left;width:calc(100% - 2px - 20px);color:#262626;padding:10px 10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;line-height:20px;font-size:14px;} .productleftranklist .list_on{float:left;width:100%;} .productleftranklist .list_off{float:left;width:100%;display:none;} @media screen and (max-width: 800px) { .productdescription_tabcontent .list .sublist{float:left;width:calc(50% - 15px);margin-left:30px;} .productdescription_tabcontent .list .sublist:nth-child(2n){float:left;width:calc(50% - 15px);margin-left:0px;} } @media screen and (min-width: 800px) { .productdescription_tabcontent .list .sublist{float:left;width:calc(38% - 30px);margin-left:30px;} .productdescription_tabcontent .list .sublist:nth-child(3n-2){float:left;width:calc(31% - 30px);margin-left:30px;} .productdescription_tabcontent .list .sublist:nth-child(3n-1){float:left;width:calc(31% - 30px);margin-left:30px;} } .productdescription_tabbox{float:left;width:calc(100% - 2px);background:rgba(152,152,154,0.2);border:1px solid #CCC;height:40px;line-height:40px;font-size:14px;font-weight:bold;} .productdescription_tabbox .list_on{cursor:pointer;float:left;padding:1px 30px 2px 30px;margin-top:-1px;border-top:2px solid rgb(171,16,50);background:white;} .productdescription_tabbox .list_off{cursor:pointer;float:left;padding:1px 30px 2px 30px;} .productdescription_tabcontent{float:left;width:calc(100% - 2px);padding:10px 0px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;line-height:25px;font-size:14px;} .productdescription_tabcontent .list{float:left;width:100%;} .productlistsortarea{float:left;width:calc(100% - 2px);margin-top:10px;padding:0px 0px;border:1px solid #CCC;height:35px;line-height:35px;font-size:14px;background:#f6f6f5;} .productlistsortlefttitle{float:left;text-align:right;} .productlistsortbox{float:left;} .productlistsortbox .list_on{cursor:pointer;float:left;text-align:center;background:white;line-height:35px;font-size:14px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:rgb(171,16,50);} .productlistsortbox .list_off{cursor:pointer;float:left;text-align:center;font-size:14px;border-top:1px solid #fff;} .productlistsortbox .line{float:left;width:100%;height:1px;background:white;margin-top:-1px;} @media screen and (max-width: 600px) { .productlistsortbox .onlycouputer{display:none;} .productlistsortbox .onlymobile{display:block;} .productlistsortbox .list_on{margin-left:6px;height:37px;margin-top:-1px;padding:0px 8px 0px 8px;} .productlistsortbox .list_off{margin-left:8px;height:35px;line-height:35px;padding:0px 8px 0px 8px;} .productlistsortlefttitle_en{width:56px;} .productlistsortlefttitle_ch{width:75px;} .productlistsortbox_en{width:calc(100% - 56px - 0px);margin-left:0px;} .productlistsortbox_ch{width:calc(100% - 75px - 0px);margin-left:0px;} } @media screen and (min-width: 601px) { .productlistsortbox .onlycouputer{display:block;} .productlistsortbox .onlymobile{display:none;} .productlistsortbox .list_on{margin-left:8px;height:37px;margin-top:-1px;padding:0px 12px 0px 12px;} .productlistsortbox .list_off{margin-left:10px;height:35px;line-height:35px;padding:0px 12px 0px 12px;} .productlistsortlefttitle_en{width:80px;} .productlistsortlefttitle_ch{width:80px;} .productlistsortbox_en{width:calc(100% - 80px - 15px);margin-left:15px;} .productlistsortbox_ch{width:calc(100% - 80px - 15px);margin-left:15px;} } .productlistfilter_brandarea{float:left;width:calc(100% - 2px);padding:10px 0px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;line-height:25px;font-size:14px;} .productlistfilter_brandlefttitle{float:left;text-align:right;} .brandlistchoosearea{float:left;overflow:hidden;} @media screen and (max-width: 600px) { .productlistfilter_brandlefttitle{width:56px;} .brandlistchoosearea{width:calc(100% - 56px - 80px - 15px);margin-left:15px;} } @media screen and (min-width: 601px) { .productlistfilter_brandlefttitle{width:80px;} .brandlistchoosearea{width:calc(100% - 80px - 80px - 15px);margin-left:15px;} } @media screen and (max-width: 800px) { .shoppingcart_stas_bottom_left{float:left;width:100%;} .shoppingcart_stas_bottom_right{float:left;width:100%;} .shoppingcart_stas_bottom_right .ttiii{float:right;width:100%;margin-left:0px;font-size:13px;margin-top:6px;} .shoppingcart_stas_bottom_right .ttiii .leftname{float:left;width:170px;font-size:14px;font-weight:700;margin:0px;} } @media screen and (min-width: 801px) { .shoppingcart_stas_bottom_left{float:left;width:50%;} .shoppingcart_stas_bottom_right{float:left;width:50%;} .shoppingcart_stas_bottom_right .ttiii{float:right;width:400px;margin-left:0px;font-size:13px;margin-top:0px;} .shoppingcart_stas_bottom_right .ttiii .leftname{float:left;width:170px;font-size:14px;font-weight:700;margin:0px;} } .shoppingcart_stas_bottom_left{float:left;} .shoppingcart_stas_bottom_right{float:left;} @media screen and (max-width: 800px) { .shoppingcart_address_content .list_on{cursor:pointer;border:2px solid rgb(171,16,50);float:left;margin-right:10px;margin-left:10px;width:calc(100% - 20px);height:130px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .shoppingcart_address_content .list_off{cursor:pointer;border:2px solid #EFEFEF;float:left;margin-right:10px;margin-left:10px;width:calc(100% - 20px);height:130px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} } @media screen and (min-width: 801px) { .shoppingcart_address_content .list_on{cursor:pointer;border:2px solid rgb(171,16,50);float:left;margin-right:10px;margin-left:0px;width:300px;height:130px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .shoppingcart_address_content .list_off{cursor:pointer;border:2px solid #EFEFEF;float:left;margin-right:10px;margin-left:0px;width:300px;height:130px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} } .shoppingcart_address_content{float:left;width:100%;padding-bottom:10px;} .shoppingcart_address_content .list_on{cursor:pointer;border:2px solid rgb(171,16,50);float:left;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .shoppingcart_address_content .list_off{cursor:pointer;border:2px solid #EFEFEF;float:left;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} @media screen and (max-width: 800px) { .shoppingcart_invoice_content .list_on{cursor:pointer;border:2px solid rgb(171,16,50);float:left;margin-right:10px;margin-left:10px;width:calc(100% - 20px);height:90px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .shoppingcart_invoice_content .list_off{cursor:pointer;border:2px solid #EFEFEF;float:left;margin-right:10px;margin-left:10px;width:calc(100% - 20px);height:90px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} } @media screen and (min-width: 801px) { .shoppingcart_invoice_content .list_on{cursor:pointer;border:2px solid rgb(171,16,50);float:left;margin-right:10px;margin-left:0px;width:300px;height:90px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .shoppingcart_invoice_content .list_off{cursor:pointer;border:2px solid #EFEFEF;float:left;margin-right:10px;margin-left:0px;width:300px;height:90px;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} } .shoppingcart_invoice_content{float:left;width:100%;padding-bottom:10px;} .shoppingcart_invoice_content .list_on{cursor:pointer;border:2px solid rgb(171,16,50);float:left;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .shoppingcart_invoice_content .list_off{cursor:pointer;border:2px solid #EFEFEF;float:left;line-height:30px;font-size:13px;background-color:#EFEFEF;margin-top:10px;} .img_gksel_show{float:left;width:150px;height:150px;background:rgba(152,152,154,0.2);} .img_gksel_choose{float:left;margin-top:3px;background:rgba(152,152,154,0.4);padding:4px 8px 4px 8px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} /* @media only screen and (max-width:800px){ .gksel_register_menu .list{width:50%;} } @media only screen and (min-width:800px){ .gksel_register_menu .list{width:25%;} } */ @media only screen and (max-width:800px){ .gksel_register_menu .list{width:50%;} } @media only screen and (min-width:800px){ .gksel_register_menu .list{width:33.33%;} } .gksel_register_menu{float: left;width:100%;border-bottom:2px solid #EFEFEF;margin-top:20px;} .gksel_register_menu .list{float: left;margin-top:10px;margin-bottom:-2px;} .gksel_register_menu .list .title{float: left;height:25px;line-height:25px;color:gray;font-size:14px;margin-left:7px;} .gksel_register_menu .list_on{border-bottom:2px solid #b32948;} .gksel_register_menu .list_on .numberNO{float: left;width:25px;height:25px;line-height:25px;color:white;text-align:center;font-size:14px;background:rgb(171,16,50);border-radius:100%;} .gksel_register_menu .list_off{border-bottom:2px solid #EFEFEF;} .gksel_register_menu .list_off .numberNO{float: left;width:25px;height:25px;line-height:25px;color:white;text-align:center;font-size:14px;background:#EFEFEF;border-radius:100%;} @media only screen and (max-width:800px){ .register_mid_blank{display:none;} .register_mid_right{display:none;} .gksel_register_box .list .title{float:left;width:calc(100% - 20px);margin-left:10px;line-height:35px;text-align:left;} .gksel_register_box .list .inputarea{float:left;width:calc(100% - 20px);margin-left:10px;} } @media only screen and (min-width:800px){ .register_mid_blank{display:block;} .register_mid_right{display:block;} .gksel_register_box .list .title{float:left;width:160px;margin-left:0px;line-height:35px;text-align:right;} .gksel_register_box .list .inputarea{float:left;width:calc(100% - 160px - 15px - 100px);margin-left:15px;} } .gksel_register_box{float: left;width:100%;margin-top:20px;} .gksel_register_box .box_one{float: left;width:100%;display:none;} .gksel_register_box .box_two{float: left;width:100%;display:none;} .gksel_register_box .box_three{float: left;width:100%;display:none;} .gksel_register_box .box_four{float: left;width:100%;display:none;} .gksel_register_box .list{float: left;width:100%;margin-top:20px;} .gksel_register_box .list .inputarea .formerror{display:none;folat:left;width:100%;font-size:16px;color:red;font-size:14px;margin-top:5px;} .gksel_forget_box{float: left;width:100%;margin-top:20px;} .gksel_forget_box .box_one{float: left;width:100%;display:none;} .gksel_forget_box .box_two{float: left;width:100%;display:none;} .gksel_forget_box .box_three{float: left;width:100%;display:none;} .gksel_forget_box .box_four{float: left;width:100%;display:none;} .gksel_forget_box .list{float: left;width:100%;margin-top:20px;} .gksel_forget_box .list .title{float:left;width:100%;line-height:35px;text-align:left;} .gksel_forget_box .list .inputarea{float:left;width:100%;} .gksel_forget_box .list .inputarea .formerror{display:none;folat:left;width:100%;font-size:16px;color:red;font-size:14px;margin-top:5px;} @media only screen and (max-width:800px){ .gksel_homearticle_area_one{display:none;} .gksel_homearticle_area_two{display:block;} .homearticle_mo_next, .homearticle_mo_prev{display:block;} } @media only screen and (min-width:800px){ .gksel_homearticle_area_one{display:block;} .gksel_homearticle_area_two{display:none;} .homearticle_mo_next, .homearticle_mo_prev{display:none;} } .gksel_homearticle_area_one{float: left; width: 100%;margin:30px 0px 30px 0px;} .gksel_homearticle_area_one .list_one{float:left;width:calc(33.33% - 22px);margin-left:33px;} .gksel_homearticle_area_one .list_one:nth-child(3n-2){margin-left:0px;} .gksel_homearticle_area_one .list_two{float:left;width:calc(33.33% - 22px);margin-left:33px;display:none;} .gksel_homearticle_area_one .list_two:nth-child(3n-2){margin-left:0px;} .gksel_homearticle_area_one .list_two .picarea{float:left;width:200px;} .gksel_homearticle_area_one .list_two .picarea img{float:left;width:100%;} .gksel_homearticle_area_one .list_two .contactarea{float:left;width:calc(100% - 200px);} .gksel_homearticle_area_one .list_two .contactarea .title{float:left;width:100%;color:#404041;font-size:16px;line-height:22px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:10px;} .gksel_homearticle_area_one .list_two .contactarea .profile{float:left;width:100%;color:#404041;margin-top:5px;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:6;} .gksel_homearticle_area_two{float: left; width: 1000%;margin:10px 0px 10px 0px;margin-left:-100%;} .gksel_homearticle_area_two .list_one{float: left; width: 10%;} .gksel_homearticle_area_two .list_two{float: left; width: 10%;} .gksel_homearticle_area_one .list_two .picarea{float:left;width:100px;} .gksel_homearticle_area_one .list_two .picarea img{float:left;width:100%;} .gksel_homearticle_area_one .list_two .contactarea{float:left;width:calc(100% - 100px);} .gksel_homearticle_area_one .list_two .contactarea .title{float:left;width:100%;color:#404041;font-size:16px;line-height:22px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:5px;} .gksel_homearticle_area_one .list_two .contactarea .profile{float:left;width:100%;color:#404041;margin-top:5px;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} @media only screen and (max-width:800px){ .gksel_homesection_one{display:none;} .gksel_homesection_three{display:block;} } @media only screen and (min-width:800px){ .gksel_homesection_one{display:block;} .gksel_homesection_three{display:none;} } .gksel_homesection_one{float: left; width: 100%; margin-top: 20px; background: #faf8f7;} .gksel_homesection_three{float: left; width: 100%; margin-top: 10px; background: #faf8f7;} .gksel_brandlist_initial_menu_float{float:left;width:100%;} @media only screen and (max-width:800px){ .gksel_brandlist_initial_menu_fixed_height{height:64px;} } @media only screen and (min-width:800px){ .gksel_brandlist_initial_menu_fixed_height{height:88px;} } .gksel_brandlist_initial_menu_fixed{position:fixed;z-index:50;max-width:1200px;width:96%;top:0px;background: #faf8f7;} .gksel_brandlist_initial_menu_fixed_height{display:none;float:left;width:100%;} .gksel_brandlist_initial_menu{} .gksel_brandlist_initial_menu .item_normal{cursor:pointer;float:left;padding:0px 5px;margin-right:20px;} .gksel_brandlist_initial_menu .item_off{background: #faf8f7;color:#404041;} .gksel_brandlist_initial_menu .item_on{background:rgb(171,16,50);color:white;} @media only screen and (max-width:800px){ .loginorregisterhomepage_left{float: left;width:100%;background:#EFEFEF;height:289px;} .loginorregisterhomepage_right{float: left;width:100%;background:#EFEFEF;margin-left:0px;} } @media only screen and (min-width:800px){ .loginorregisterhomepage_left{float: left;width:50%;background:#EFEFEF;height:289px;} .loginorregisterhomepage_right{float: left;width:calc(50% - 20px);background:#EFEFEF;margin-left:20px;} } @media only screen and (max-width:800px){ .allinitial_pc{display:none;} .allinitial_mo{display:block;} } @media only screen and (min-width:800px){ .allinitial_pc{display:block;} .allinitial_mo{display:none;} } @media only screen and (max-width:800px){ .productlistpage_left{width:100%;} .productlistpage_right{width:100%;margin-left: 0px;} } @media only screen and (min-width:800px){ .productlistpage_left{width:220px;} .productlistpage_right{width:calc(100% - 220px - 30px);margin-left: 30px;} } .productlistpage_left{float:left;} .productlistpage_right{float:left;} /* 鐏忓繋绨� 650*/ @media screen and (max-width: 360px) { .gksel_footcontactboxcont{float:left;width:320px;margin-left:calc(50% - 160px);height:100%;overflow:auto;} .gksel_footcontactboxcont .inputcontentarea{float:left;width:calc(100% - 10px);margin-left:5px;padding:15px 0px;} } /* 鐏忓繋绨� 650*/ @media screen and (min-width: 360px) and (max-width: 400px) { .gksel_footcontactboxcont{float:left;width:360px;margin-left:calc(50% - 180px);height:100%;overflow:auto;} .gksel_footcontactboxcont .inputcontentarea{float:left;width:calc(100% - 50px);margin-left:25px;padding:20px 0px;} } /* 鐏忓繋绨� 650*/ @media screen and (min-width: 400px) and (max-width: 550px) { .gksel_footcontactboxcont{float:left;width:400px;margin-left:calc(50% - 200px);height:100%;overflow:auto;} .gksel_footcontactboxcont .inputcontentarea{float:left;width:calc(100% - 50px);margin-left:25px;padding:20px 0px;} } /* 婢堆傜艾 650*/ @media screen and (min-width: 550px) { .gksel_footcontactboxcont{float:left;width:500px;margin-left:calc(50% - 250px);height:100%;overflow:auto;} .gksel_footcontactboxcont .inputcontentarea{float:left;width:calc(100% - 50px);margin-left:25px;padding:20px 0px;} } @media screen and (max-width: 500px) { .gksel_servicepage_categoryarea .list{width:calc(50% - 5px - 2px);margin-left:10px;margin-bottom:10px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(2n-1){margin-left:0px;} } @media screen and (min-width: 500px) and (max-width: 600px) { .gksel_servicepage_categoryarea .list{width:calc(33.33% - 14px - 2px);margin-left:20px;margin-bottom:20px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(3n-2){margin-left:0px;} } @media screen and (min-width: 600px) and (max-width: 700px) { .gksel_servicepage_categoryarea .list{width:calc(25% - 15px - 2px);margin-left:20px;margin-bottom:20px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(4n-3){margin-left:0px;} } @media screen and (min-width: 700px) and (max-width: 800px) { .gksel_servicepage_categoryarea .list{width:calc(20% - 16px - 2px);margin-left:20px;margin-bottom:20px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(5n-4){margin-left:0px;} } @media screen and (min-width: 800px) and (max-width: 900px) { .gksel_servicepage_categoryarea .list{width:calc(16.666% - 17px - 2px);margin-left:20px;margin-bottom:20px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(6n-5){margin-left:0px;} } @media screen and (min-width: 900px) and (max-width: 1200px) { .gksel_servicepage_categoryarea .list{width:calc(14.28% - 18px - 2px);margin-left:20px;margin-bottom:20px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(7n-6){margin-left:0px;} } @media screen and (min-width: 1200px) { .gksel_servicepage_categoryarea .list{width:calc(12.5% - 18px - 2px);margin-left:20px;margin-bottom:20px;height:60px;} .gksel_servicepage_categoryarea .list:nth-child(8n-7){margin-left:0px;} } .gksel_servicepage_categoryarea{float:left;width:100%;} .gksel_servicepage_categoryarea .list{float:left;font-size:12px;border:1px solid #CCC;} .gksel_servicepage_categoryarea .list_on{background:rgb(171,16,50);color:white;} .gksel_servicepage_categoryarea .list_off{background:white;color:#404041;} @media screen and (max-width: 600px) { .gksel_servicepage_brandinx{width:calc(100% - 40px);margin:40px 20px 30px 20px;} .gksel_servicepage_brandarea .list{width:calc(50% - 5px - 2px);margin-left:10px;margin-bottom:10px;height:90px;} .gksel_servicepage_brandarea .list:nth-child(2n-1){margin-left:0px;} } @media screen and (min-width: 600px) and (max-width: 750px) { .gksel_servicepage_brandinx{width:calc(100% - 100px);margin:20px 50px 30px 50px;} .gksel_servicepage_brandarea .list{width:calc(33.33% - 14px - 2px);margin-left:20px;margin-bottom:20px;height:90px;} .gksel_servicepage_brandarea .list:nth-child(3n-2){margin-left:0px;} } @media screen and (min-width: 750px) and (max-width: 900px) { .gksel_servicepage_brandinx{width:calc(100% - 100px);margin:20px 50px 30px 50px;} .gksel_servicepage_brandarea .list{width:calc(25% - 15px - 2px);margin-left:20px;margin-bottom:20px;height:90px;} .gksel_servicepage_brandarea .list:nth-child(4n-3){margin-left:0px;} } @media screen and (min-width: 900px) and (max-width: 1200px) { .gksel_servicepage_brandinx{width:calc(100% - 100px);margin:20px 50px 30px 50px;} .gksel_servicepage_brandarea .list{width:calc(20% - 16px - 2px);margin-left:20px;margin-bottom:20px;height:90px;} .gksel_servicepage_brandarea .list:nth-child(5n-4){margin-left:0px;} } @media screen and (min-width: 1200px) { .gksel_servicepage_brandinx{width:calc(100% - 100px);margin:20px 50px 30px 50px;} .gksel_servicepage_brandarea .list{width:calc(16.666% - 17px - 2px);margin-left:20px;margin-bottom:20px;height:90px;} .gksel_servicepage_brandarea .list:nth-child(6n-5){margin-left:0px;} } .gksel_servicepage_brandinx{float:left;} .gksel_servicepage_brandarea{position:relative;width:100%;height:100px;} .gksel_servicepage_brandarea .list{float:left;background:white;border:1px solid #CCC;} @media screen and (max-width: 374px) { .xuanfubtn_cart{cursor: pointer; position: fixed; bottom: 50px; right: 5px; width: 40px; height: 40px; border: 2px solid #999999; background: rgba(255, 255, 255, 0.8); border-radius: 100%; z-index: 1000;} .xuanfubtn_cart img{float: left; width: 20px; height: 20px; margin: 10px 10px 10px 10px;} .xuanfubtn_cart .xuanfubtn_cartnum{float: left; margin-left: 26px; margin-top: -50px; background: red; color: white; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 100%;} .shoppingcart_pressccares{display: none; cursor: pointer; position: fixed; width: 260px; bottom: 50px; right: 50px; border: 1px solid #CCC; background: white; z-index: 1000;} } @media screen and (min-width: 374px) and (max-width: 600px) { .xuanfubtn_cart{cursor: pointer; position: fixed; bottom: 50px; right: 15px; width: 50px; height: 50px; border: 2px solid #999999; background: rgba(255, 255, 255, 0.8); border-radius: 100%; z-index: 1000;} .xuanfubtn_cart img{float: left; width: 30px; height: 30px; margin: 10px 10px 10px 10px;} .xuanfubtn_cart .xuanfubtn_cartnum{float: left; margin-left: 40px; margin-top: -55px; background: red; color: white; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 100%;} .shoppingcart_pressccares{display: none; cursor: pointer; position: fixed; width: 290px; bottom: 50px; right: 70px; border: 1px solid #CCC; background: white; z-index: 1000;} } @media screen and (min-width: 600px) { .xuanfubtn_cart{cursor: pointer; position: fixed; bottom: 50px; right: 15px; width: 50px; height: 50px; border: 2px solid #999999; background: rgba(255, 255, 255, 0.8); border-radius: 100%; z-index: 1000;} .xuanfubtn_cart img{float: left; width: 30px; height: 30px; margin: 10px 10px 10px 10px;} .xuanfubtn_cart .xuanfubtn_cartnum{float: left; margin-left: 40px; margin-top: -55px; background: red; color: white; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 100%;} .shoppingcart_pressccares{display: none; cursor: pointer; position: fixed; width: 300px; bottom: 50px; right: 70px; border: 1px solid #CCC; background: white; z-index: 1000;} } .productinfo_shippingarea{float:left;width:100%;font-size:14px;margin-top:10px;} .productinfo_shippingarea .towhere{float:left;cursor:pointer;} .productinfo_shippingarea .xialabox_xiala{display:none;border-radius:5px;position:absolute;width:500px;margin-top:30px;background:white;border:1px solid #CCC;} @media screen and (max-width: 800px) { .gksel_article_up .leftarea{width:100%;} .gksel_article_up .rightarea{width:100%;margin-left:0px;} .gksel_article_do .leftarea{width:100%;} .gksel_article_do .rightarea{width:100%;margin-left:0px;} .gksel_article_productarea .picarea{width:100px;} .gksel_article_productarea .contentarea{width:calc(100% - 100px);} } @media screen and (min-width: 800px) { .gksel_article_up .leftarea{width:calc(50% - 35px);} .gksel_article_up .rightarea{width:50%;margin-left:35px;} .gksel_article_do .leftarea{width:calc(50% - 35px);} .gksel_article_do .rightarea{width:50%;margin-left:35px;} .gksel_article_productarea .picarea{width:200px;} .gksel_article_productarea .contentarea{width:calc(100% - 200px);} } .gksel_article_up{float:left;width:100%;} .gksel_article_up .leftarea{float:left;} .gksel_article_up .rightarea{float:left;} .gksel_article_do{float:left;width:100%;margin-top:30px;} .gksel_article_do .leftarea{float:left;} .gksel_article_do .rightarea{float:left;} .gksel_article_productarea{float:left;width:calc(100% - 2px);border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;background:white;margin-bottom:15px;} .gksel_article_productarea .picarea{float:left;} .gksel_article_productarea .contentarea{float:left;padding-bottom:20px;} @media screen and (max-width: 800px) { .gksel_productinfocontent_leftarea_en{width:100%;} .gksel_productinfocontent_leftarea_ch{width:100%;} .gksel_productinfocontent_rightarea_en{width:100%;margin-left:0px;} .gksel_productinfocontent_rightarea_ch{width:100%;margin-left:0px;} } @media screen and (min-width: 800px) { .gksel_productinfocontent_leftarea_en{width:280px;} .gksel_productinfocontent_leftarea_ch{width:240px;} .gksel_productinfocontent_rightarea_en{width:calc(100% - 280px - 20px);margin-left:20px;} .gksel_productinfocontent_rightarea_ch{width:calc(100% - 240px - 20px);margin-left:20px;} } .gksel_productinfocontent_leftarea_en{float:left;} .gksel_productinfocontent_rightarea_en{float:left;} .gksel_productinfocontent_leftarea_ch{float:left;} .gksel_productinfocontent_rightarea_ch{float:left;} @media screen and (max-width: 800px) { .gksel_contactpage_leftarea{width:100%;} .gksel_contactpage_rightarea{width:100%;margin-left:0%;} .contactus_page_fillin{width:calc(100% - 20px);padding:10px;} .contactus_page_fillin .sectionlist .phonecodearea{width:100%;} .contactus_page_fillin .sectionlist .leftarea{width:calc(50% - 3px);} .contactus_page_fillin .sectionlist .rightarea{width:calc(50% - 3px);margin-left:6px;} } @media screen and (min-width: 800px) { .gksel_contactpage_leftarea{width:22.5%;} .gksel_contactpage_rightarea{width:62.5%;margin-left:15%;} .contactus_page_fillin{width:calc(100% - 60px);padding:30px;} .contactus_page_fillin .sectionlist .phonecodearea{width:calc(50% - 20px);} .contactus_page_fillin .sectionlist .leftarea{width:calc(50% - 20px);} .contactus_page_fillin .sectionlist .rightarea{width:calc(50% - 20px);margin-left:40px;} } .gksel_contactpage_leftarea{float:left;} .gksel_contactpage_rightarea{float:left;} .contactus_page_fillin{float:left;background:rgba(152,152,154,0.2);font-size:12px;line-height:20px;margin-top:20px;} .contactus_page_fillin .sectionlist{float:left;width:100%;} .contactus_page_fillin .sectionlist .phonecodearea{float:left;margin-bottom:5px;} .contactus_page_fillin .sectionlist .leftarea{float:left;} .contactus_page_fillin .sectionlist .rightarea{float:left;} @media screen and (max-width: 800px) { .shoppingaddress_centerarea{width:calc(100% - 20px);margin-left:10px;} .shoppingaddress_contentarea .innercontent{width:calc(100% - 20px);margin:30px 10px;} .shoppingaddress_contentarea .innercontent .tabboxarea .list .namelabel{width:80px;line-height:47px;} .shoppingaddress_contentarea .innercontent .tabboxarea .list .inputlabel{width:calc(100% - 80px - 10px);} } @media screen and (min-width: 800px) { .shoppingaddress_centerarea{width:600px;margin-left:calc(50% - 300px);} .shoppingaddress_contentarea .innercontent{width:calc(100% - 120px);margin:30px 60px;} .shoppingaddress_contentarea .innercontent .tabboxarea .list .namelabel{width:120px;line-height:47px;} .shoppingaddress_contentarea .innercontent .tabboxarea .list .inputlabel{width:calc(100% - 120px - 10px);} } .shoppingaddress_popuparea{z-index:100;position: fixed;left:0;right:0;top:20px;bottom:20px;background:rgba(0,0,0,0.6);width:100%;max-width: 100%;top:0px;bottom:0px;margin:0px;display:none;} .shoppingaddress_centerarea{float:left;height:100%;overflow:auto;} .shoppingaddress_contentarea{float:left;width:100%;background:white;border-radius:5px;} .shoppingaddress_contentarea .innercontent{float:left;} .shoppingaddress_contentarea .innercontent .tabboxarea{float:left;width:100%;color:black;margin-top:20px;} .shoppingaddress_contentarea .innercontent .tabboxarea .list{float:left;width:100%;margin-top:10px;} .shoppingaddress_contentarea .innercontent .tabboxarea .list .namelabel{float:left;} .shoppingaddress_contentarea .innercontent .tabboxarea .list .inputlabel{float:left;} @media screen and (max-width: 800px) { .shoppinginvoice_centerarea{width:calc(100% - 20px);margin-left:10px;} .shoppinginvoice_contentarea .innercontent{width:calc(100% - 20px);margin:30px 10px;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list .namelabel{width:80px;line-height:47px;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list .inputlabel{width:calc(100% - 80px - 10px);} } @media screen and (min-width: 800px) { .shoppinginvoice_centerarea{width:600px;margin-left:calc(50% - 300px);} .shoppinginvoice_contentarea .innercontent{width:calc(100% - 120px);margin:30px 60px;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list .namelabel{width:120px;line-height:47px;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list .inputlabel{width:calc(100% - 120px - 10px);} } .shoppinginvoice_popuparea{z-index:100;position: fixed;left:0;right:0;top:20px;bottom:20px;background:rgba(0,0,0,0.6);width:100%;max-width: 100%;top:0px;bottom:0px;margin:0px;display:none;} .shoppinginvoice_centerarea{float:left;height:100%;overflow:auto;} .shoppinginvoice_contentarea{float:left;width:100%;background:white;border-radius:5px;} .shoppinginvoice_contentarea .innercontent{float:left;} .shoppinginvoice_contentarea .innercontent .tabboxarea{float:left;width:100%;color:black;margin-top:20px;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list{float:left;width:100%;margin-top:10px;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list .namelabel{float:left;} .shoppinginvoice_contentarea .innercontent .tabboxarea .list .inputlabel{float:left;} @media screen and (max-width: 800px) { .gksel_paymentmethodpage .innercontent .list .showlabel .paymentselectlabel{width:150px;margin-left:0px;margin-bottom:10px;} .gksel_paymentmethodpage .innercontent .list .showlabel .paymentselectlabel:first-child{margin-left:0px;} } @media screen and (min-width: 800px) { .gksel_paymentmethodpage .innercontent .list .showlabel .paymentselectlabel{width:150px;margin-left:2%;} .gksel_paymentmethodpage .innercontent .list .showlabel .paymentselectlabel:first-child{margin-left:0px;} } .gksel_paymentmethodpage{float:left;width:100%;margin-top:40px;} .gksel_paymentmethodpage .innercontent{float:left;width:90%;margin-left:5%;} .gksel_paymentmethodpage .innercontent .list{float:left;width:100%;margin:15px 0px;} .gksel_paymentmethodpage .innercontent .list .namelabel{float:left;width:120px;font-size:14px;} .gksel_paymentmethodpage .innercontent .list .showlabel{float:left;width:calc(100% - 120px);font-size:14px;} .gksel_paymentmethodpage .innercontent .list .showlabel .paymentselectlabel{cursor:pointer;float:left;color:white;line-height:50px;text-align:center;} @media screen and (max-width: 800px) { .gksel_servicetutorialpage .innercontent .list .showlabel .paymentselectlabel{width:150px;margin-left:0px;margin-bottom:10px;} .gksel_servicetutorialpage .innercontent .list .showlabel .paymentselectlabel:first-child{margin-left:0px;} } @media screen and (min-width: 800px) { .gksel_servicetutorialpage .innercontent .list .showlabel .paymentselectlabel{width:150px;margin-left:2%;} .gksel_servicetutorialpage .innercontent .list .showlabel .paymentselectlabel:first-child{margin-left:0px;} } .gksel_servicetutorialpage{float:left;width:100%;} .gksel_servicetutorialpage .list{cursor:pointer;float:left;width:calc(50% - 20px);margin-left:40px;margin-bottom:40px;} .gksel_servicetutorialpage .list:nth-child(2n-1){margin-left:0px;} @media only screen and (max-width:800px){ .gksel_searchservicelist_area .list{width:calc(50% - 8px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_searchservicelist_area .list:nth-child(2n){margin-left:0px;} } @media only screen and (min-width:800px){ .gksel_searchservicelist_area .list{width:calc(20% - 13px - 2px);margin-left:16px;margin-bottom:16px;} .gksel_searchservicelist_area .list:nth-child(5n-4){margin-left:0px;} } .gksel_searchservicelist_area{float:left;width:100%;margin-top:10px;} .gksel_searchservicelist_area .list{float:left;border:1px solid #CCC;background:white;} .gksel_searchservicelist_area .list:hover .inner_border{float:left;width:calc(100% - 2px);border:2px solid #b32948;margin-left:-1px;margin-top:-1px;background:white;} .gksel_searchservicelist_area .list:hover .btn_addcart_area{display:block;} .gksel_searchservicelist_area .list .btn_addcart_area{display:none;cursor:pointer;position:relative;width:calc(100% + 4px);margin-left:-2px;background:rgb(171,16,50);line-height:35px;text-align:center;color:white;font-size:14px;} .gksel_searchservicelist_area .list .inner_border{float:left;width:calc(100% - 2px);border:2px solid transparent;margin-left:-1px;margin-top:-1px;} .header_box{width:90%;margin:50px auto;overflow:hidden;} .header_box .left_Language{float:left;margin-top:15px;} .header_box .right_logo{float:right;width:40%;} .header_title{width:100%;overflow:hidden;margin:50px auto;} .header_title .box{width:100%;float:right;margin-right:10%;font-size:30px;font-weight:bold;text-align:right;} .header_btn{width:100%;margin:auto;position:absolute;left:0;bottom:10%;text-align:center;} @media only screen and (max-width:660px){ .header_box .left_Language{float:left;margin-top:1px;} .header_box .right_logo{float:right;width:40%;} .header_box .left_Language img{width:50px !important;} .header_title .box{margin-right:5%;font-size:16px;} .header_btn img{width:50px;} } .product_align_left{width:100%;max-width:1100px;margin-top:50px;} .product_align_left .left_img{width:35%;float:left;} .product_align_left .right_detailed{width:60%;margin-top:50px;float:left;margin-left:3%;} .product_align_left .right_detailed .title1{width:100%;text-align:right;font-size:30px;font-weight:bold;color:#ab1e34} .product_align_left .right_detailed .title2{width:100%;margin:25px auto;text-align:right;font-size:25px;} .more_btn{width:120px;height:50xp;display:block;line-height:50px;text-align:center;margin:auto;color:white;font-size:20px;background-color:#ab1e34} .product_align_right{width:100%;max-width:1100px;margin-top:50px;} .product_align_right .right_img{width:35%;float:left;} .product_align_right .left_detailed{width:60%;margin-top:50px;float:left;} .product_align_right .left_detailed .title1{width:100%;text-align:left;font-size:30px;font-weight:bold;color:#ab1e34} .product_align_right .left_detailed .title2{width:100%;margin:25px auto;text-align:left;font-size:25px;} .more_btn{width:120px;height:50xp;line-height:50px;text-align:center;margin:auto;color:white;font-size:20px;background-color:#ab1e34} @media only screen and (max-width:660px){ .product_align_left .right_detailed{margin-top:10px;} .product_align_left .right_detailed .title1{font-size:16px;} .product_align_left .right_detailed .title2{margin:10px auto;font-size:14px;} .product_align_left .right_detailed .title2 div{font-size:12px !important;} .more_btn{width:100px;height:35xp;line-height:35px;font-size:16px;} .product_align_right .left_detailed{margin-top:20px;margin-left:3%} .product_align_right .left_detailed .title1{font-size:16px;} .product_align_right .left_detailed .title2{margin:10px auto;font-size:14px;} .product_align_right .left_detailed .title2 div{font-size:12px !important;} } .footer_label{width:100%;max-width:1100px;margin-top:50px;position:relative;} .footer_label .title{width:90%;margin:auto;position:absolute;height:100%;line-height:300%;left:5%;top:0;text-align:right;color:white;font-size:20px;} .footer_text{width:90%;margin:auto;text-align:center;font-size:25px;font-weight:bold;} @media only screen and (max-width:660px){ .footer_text{text-align:center;font-size:18px;font-weight:bold;} .footer_label .title{width:90%;line-height:200%;font-size:16px;} } .power_of_attorney_body{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);overflow:auto;z-index:100;display:none;} .power_of_attorney_body .power{width:30%;display:block;margin:auto;position:relative} @media only screen and (max-width:800px){ .power_of_attorney_body .power{width:70%;} } .authorization_letter_body{width:60%;margin-left:20%;float:left;border:1px solid black;border-top:none;margin-top:50px;} .authorization_letter_body .box{width:100%;float:left;border-top:1px solid gray;position:relative;padding-bottom:10%;} .authorization_letter_body .box .box_logo{width:45%;float:left;padding:0px 0;} .authorization_letter_body .box .box_logo img{width:35%;display:block;margin:auto} .authorization_letter_body .box .box_btn{width:5%;float:left;margin-left:2.5%;margin-right:2.5%;color:red;margin-top:15px;} .authorization_letter_body .box .box_title{width:45%;float:left;margin-top:15px;text-align:left;cursor:pointer;} @media only screen and (max-width:800px){ .authorization_letter_body{width:100%;margin-left:0%;} .authorization_letter_body .box{padding-bottom:20%;} .authorization_letter_body .box .box_btn{margin-top:0px;} .authorization_letter_body .box .box_title{font-size:12px;margin-top:0px;} }