body{color:#2a2a2a;font:13px/1.5 'Open Sans',Arial,Verdana,Helvetica,sans-serif;margin:0;background-color:#fff;width:100%;min-width:1140px;}
dd,div,dl,dt,form,img,li,ol,p,ul{border:0;margin:0;padding:0}
img{vertical-align:middle}
ol,ul{list-style:none}
a{color:#000;text-decoration:none;transition:color .3s;cursor:pointer;}

a:hover{color:#ff5252}
input,button,select,textarea{font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif;font-size:14px;color:#2a2a2a;}

.bg { background-color: #F6F8FC; }



.wrap{margin:0 auto;width:1100px;}
.wrap2{margin:0 auto;width:1000px;}
 
body.show_left_menu{overflow:hidden;}
    body.bodyFixed{position:fixed;}

#header{width:100%;position:relative;z-index:14;background-color:#fff;height:135px}


#top1{width:100%;background-color:#000;height:30px;margin-bottom:10px}
#top{font-size:14px;line-height:30px;float:left;color:#fff;margin-left:20px}
#top1>div>a{float:right;margin:5px 0 0 30px;color:#fff;}



#logo {position:absolute;left:50%;transform:translate(-50%,5px)}
#logo a{float:left;}
#logo img{width:200px}

#top_button{float:right;padding:32px 0;}

#showMenu{position:absolute; left:10vw;line-height:1;cursor:pointer;border-top:1px solid #525e6e;border-bottom:1px solid #525e6e;display:inline-block;width:26px;height:20px;transition:all .3s;border-left:0;border-right:0;background-color:transparent;margin-top: 25px;}
#showMenu:after{display:block;border-top:1px solid #525e6e;transition:all .3s;content:""}

#showMenu:hover,
#showMenu:hover:after{border-color:#ff5252;}
#showMenu:hover{transform:scale(1.2)}



#menu{width:100%;text-align:center;height:40px; background-color:#fff;border-bottom:1px solid #eee;z-index:13;position:relative;}
#menu>ul {float:left;width:100%;position:relative;text-transform:uppercase; }
#menu>ul >li{display:inline-block;padding:0 25px;line-height:40px;}
#menu>ul >li>a{font-size:13px;position:relative;display:table; white-space:nowrap;transition:all .3s; font-weight:bold;}

#menu > ul > li > a:after { position: absolute; top: 38px;right: 50%; transform: translateX(50%); width: 0%; height: 3px; background: #ff5252; content: '';  transition: width 0.3s;  }
#menu > ul > li >ul{display:none;}
#menu > ul > li li{width:20%;display:inline-block;padding:10px 0;line-height:1}
#menu > ul > li >div{position:absolute;left:0;top:40px;width:100%;background-color:#fff;text-align:left;border-top:1px solid #eee;padding:20px 0 50px;display:none;box-shadow: 0 5px 5px rgba(0,0,0,.2)}
#menu > ul > li >div>ul{width:1100px;margin:0 auto;}
#menu > ul > li >div>ul ul{display:none;}
/*#menu > ul > li:hover{padding:0 45px;margin:0 -20px;position:relative;}*/
#menu li:hover>a{color:#ff5252}
#menu > ul > li:hover > a:after { width:100% }
#menu > ul > li:hover >div{display:block;}

#menu.toTop{position:fixed;top:0;z-index:9999;margin-top:0}
/*#menu:after{content:'';display:block;clear:both;width:100%}*/




#currency{position:relative;float:left;z-index:999;line-height:30px;font-size:12px;color:#fff;}
#currency p{cursor:pointer;width:111px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAAJklEQVR42mP4DwQMRACi1BFSRKxleBWTZAguTWQZgq6ZIkMocQkAv0Yr1TrVMtQAAAAASUVORK5CYII=) no-repeat right 11px;overflow:hidden;right:0;transition:all .3s}
#currency p:hover{background-position:right 13px}
#currency input{width:102px;height:30px;border:0 none;background-color:transparent;opacity:0;position:absolute;top:0;left:0;z-index:2;cursor:pointer;color: transparent;}
#currency ul{position:absolute;width:105px;background-color:#fff;left:-9999px;opacity:0;transition:opacity .3s, top .3s;top:38px;box-shadow:0 0 10px rgba(0,0,0,.15);}
#currency li{height:30px;width:105px;float:left;}
#currency a{display:block;padding-left:5px}
#currency img{height:20px;margin:5px;float:left;}
#currency.active ul{left:-5px;top:30px;opacity:1} 
#currency a:hover{background-color:#F6F8FC}

#search_btn,#cart_btn,#user_btn{float:left; height:30px;margin-left:50px;cursor:pointer;padding-left:30px;font-size:12px;line-height:30px}
#search_btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAUVBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy/AwMAwMDBwcHCQkJCgoKCwsLCJejzbAAAAqklEQVR42sWS2xKDIAxEBWQRhLSC0sv/f2hrZ1oT7PhqnsgcSJZNuu7M6G+mwOjnH0Qa8DlbBzO1bKoh0+ekHMbmXQ2/+zRACWgDrzVfiWtBFtKQWJZAotBQWeK9lJDAoZVQcUlzPIBt2QvXEIuE1nF/pClURBsvvm3RC2tD3egoPFglhKq28eh2LA71viwPXZDsjnbjjHe42K9N9X7ik6KvpHiwMzGcta0vJ6MFr2gaSGsAAAAASUVORK5CYII=) no-repeat 0;border:0}

#cart_btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAARVBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy9QUFDAwMBk+VN9AAAAk0lEQVR42sVRyw7DIAwjZbjjTVnX///UoXXSkiIq9VTfLNskMUrdhKee0lCsFuYsW1qcY+FZpFgZ5sJEAomXDBhJiEK0ljMXhIgwti7wYsiLMy9XqBgzlf/etG1lVYcpNLXj8YXLsiPUbK1t90ciOhY465N2Kxg6o2fV+mtfbt6P/SrdBwmoe5NAJ6bVLb/ugroPH7W2BitXIJPLAAAAAElFTkSuQmCC) no-repeat 0;position:relative; }
.sys_cart b{display:inline-block;position:absolute;padding:0 .3rem;font-size:.8rem;color:#fff;background-color:#ff5252;border-radius:.5rem;top:-.2rem;left:1rem;font-weight:normal;line-height:1rem;}

#cart_btn .cart_0{display:none;}


#user_btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAATlBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy9QUFCQkJCAgIBwcHAwMDBaXTYVAAAAoklEQVR42sWS2xKDIAxEDZcFRKXQ2tb//9FasRUh7+4Dk5mdJDsndN21IiGlULynYazr4TlvwLi+k0ZoPYUhF+7WmiOmXATExkzYiwhizL2TGDNueVbZnklr75R3J8acHpifLwnN8pmxSRDHwCRSipLBu565/PJ8cy811wJagDjtO/py4nKvM+dBRpbQfQ36OKuHqk/kW+h/FZhCQ0WHq/7qB1SvBI0bfY5AAAAAAElFTkSuQmCC) no-repeat 0;}





#header form{float:left;border:1px solid #C1C6D0;height:28px;border-radius:15px;background-color:#fff;overflow:hidden;}
#header form input{border:0 ;background-color:#fff;float:left;font-size:12px;height:28px;line-height:28px;width:199px;transition:all .3s}
#header form button{background:#fff url(../images/go.gif);border:0;float:left;width:21px;height:28px;margin:0 5px 0 15px;cursor:pointer;}
#header input:focus{width:255px}

/*.sys_log{float: left;font-size:12px;}*/









#leftMenu{position:fixed;left:0;top:0;z-index:99999;font-size:16px;bottom:0;width:0;} 

#leftMenu>p{position:fixed;left:0;top:0;bottom:0;transition:background .5s;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABmElEQVR42rXXz0tVQRjG8SkNRCqIiNy59w9oHYQRYYIgQuDGRK6GEOKmFrnoh/a/pZLgKuyHwXVRCoUSGOqnzblync45eb0z73J43+d7Znjnfc4EZ2M5ZAoMY60FCv6N5cTAK3iKw3ZIwEFOeLHTj5H+j4A7OeC4jhlsVWrngGMMPyO9LUyjtz0xCRy9eIRVHEdaz6uKuoYXO4rjG17gVl3hheG4i42o7jdmz/vVHcFxFXPYifIP8a52p93A8bAEuo0nF+3MWjj68RgfcBLlvEJPN/exEo5JHEXrn/EMN1JMnyr4WsnaQuohXwVvxS7eYiCHwwzWgEc60brcAfRaCGGoJuV+Lj8d/89Rp7VUXCru6fuS2ZvPUtEoEW9iKZelBtzDZiT6C43UrnbaSMXvynYkdoIV3Eztai2hUXyPRL5gKoerBfRhAusls/dlaldrL5wqKfqKhfh4k8GLRlqPkv9gPrWrhTZrm8delLSPN7idw1IDHpR0b7OukZLAS+4pvEZfTleLnzCfMFsYQlZLjcGLGR9tZ+B/AY5aq0zyRZo9AAAAAElFTkSuQmCC) no-repeat 380px 20px;}
#leftMenu>p:after{content:'';cursor:pointer;width:60px;height:60px;display:none;position:fixed;left:366px;top:6px;}


#leftMenu>div{position:relative;z-index:98;background-color:#fff;width:360px;overflow:hidden;height:100%;left:-400px;transition:all .3s}
#leftMenu>div>ul{overflow-x:hidden;overflow-y:auto;transition:all .3s;position:relative;height:calc(100% - 44px);}
#leftMenu>div>div{transition:all .3s;position:relative;}
#leftMenu>div>div>ul{overflow-x:hidden;overflow-y:auto;height:calc(100% - 90px);}
#leftMenu>div>ul{left:0}
#leftMenu .sys_log{float:none;background:#899BB5 url(../images/user.svg) no-repeat 40px center;color:#fff;font-size:16px;margin:0;padding-left:80px;background-size:auto 60%;}
#leftMenu .sys_log:hover{background-color:#899BB5;color:#fff; }

#leftMenu li{position:relative;}
#leftMenu a{padding:10px 40px;transition:all .3s;display:block;border-bottom:1px solid #eee;}
#leftMenu a:hover,#leftMenu em:hover+a{background-color:#eee;color:#000;}
#leftMenu ul ul{display:none;}
#leftMenu em{position:absolute;left:290px;height:44px;width:60px;background:url(../images/shift.svg) no-repeat 20px center;background-size:auto 40%;top:0px;z-index:2;transition:all .3s;cursor:pointer}
#leftMenu em:hover{background-position:30px center;}


#leftMenu em.active{transform:rotate(90deg);background-position:20px center !important;}
#leftMenu ul ul ul{background-color:#f8f8f8;font-size:14px;line-height:1}
#leftMenu li li a{padding-left:60px}
#leftMenu li li em.active+a{background-color:#eee}

#leftMenu>div>div{left:360px;width:360px;top:44px;position:absolute;height:100%;}

/*.show_left_menu #leftMenu{z-index:9999;}*/
.show_left_menu #leftMenu>p{background-color:rgba(0,0,0,.7);right:0;}
.show_left_menu #leftMenu>div{left:0}
#leftMenu.second>div>ul{left:-360px;}
#leftMenu.second>div>div{left:0;}
#leftMenu.second>div>div>ul{margin-top:44px;}
#leftMenu .back{font-weight:bold;color:#000;text-transform:uppercase;padding-left:80px;background:url(../images/arrow.svg) no-repeat 40px center;background-size:auto 40% ;border-bottom:5px solid #eee;display:block !important;width:240px;position:absolute;top:0;z-index:22}
.show_left_menu #header{z-index:99999}
.show_left_menu #leftMenu>p:after{display:block;}


#main{width:100%;background-color:#fff;min-height:400px}

#search_box{position:absolute;top:140px;left:0;width:100%;background-color:#fff;z-index:99990;display:none; box-shadow: 0 2px 8px rgba(0,0,0,.1)}
#search_box>form{height:30px;box-shadow: 0 2px 8px rgba(0,0,0,.1);padding:10px 20px;}
#search_box button{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAUVBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy/AwMAwMDBwcHCQkJCgoKCwsLCJejzbAAAAqklEQVR42sWS2xKDIAxEBWQRhLSC0sv/f2hrZ1oT7PhqnsgcSJZNuu7M6G+mwOjnH0Qa8DlbBzO1bKoh0+ekHMbmXQ2/+zRACWgDrzVfiWtBFtKQWJZAotBQWeK9lJDAoZVQcUlzPIBt2QvXEIuE1nF/pClURBsvvm3RC2tD3egoPFglhKq28eh2LA71viwPXZDsjnbjjHe42K9N9X7ik6KvpHiwMzGcta0vJ6MFr2gaSGsAAAAASUVORK5CYII=) no-repeat center;border:0;background-size:cover;width:30px;height:30px;float:left;}
#search_box input{border:0;line-height:30px;height:30px;font-size:20px;width:800px;float:left;margin-left:20px;}
#search_box i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAP1BMVEX////i4uJ3d3c9PT0QEBAjIyM5OTk8PDxXV1dbW1tlZWVwcHCFhYXAwMDQ0NDZ2dnp6ent7e3x8fH4+Pj9/f3Ia7o1AAAAeElEQVR42tXSRxKAIAwFUBALxRbC/c/qWCkmjuPO7P68BfmAEL8bqGSeex8DujZV6DQKRgvL9GaJEnYpaYcytumoDDJ10dUa2btQTStZM94xCut5SCvsu6AlFM49CYXY4aaQ9isU8u5ouzmmMBRvNIUXXyQ8zHdcAGnoDEZxb2ILAAAAAElFTkSuQmCC) no-repeat center;border:0;background-size:cover;width:30px;height:30px;float:left;margin-left:30px;display:none;}

#search_box ul{padding:20px 50px;}
#search_box li{padding:5px 0}
#search_box ul:before{content:"TRENDING SEARCHES";font-size:24px;}


#index .title { display: inline-block; text-align: center; font-size: 24px; position: relative; color: #000; line-height: 24px; }
#index h3.title:before, #index h3.title:after { position: absolute; content: ""; width: 60px; height: 2px; background: #000; top: 48%; }
#index h3.title:before { left: -75px; }
#index h3.title:after { right: -75px; }
.TodaysPick{margin-top:50px}
.TodaysPick ul{display: flex;flex-flow: row wrap;align-items: stretch;}
.TodaysPick li{width:254px;float:left;margin: 0 28px 30px 0;font-size:16px;}
.TodaysPick li:nth-child(4n){margin-right:0;}
.TodaysPick img{width:254px;height:254px;}
.TodaysPick a{display:block;margin-bottom:8px}
.TodaysPick del { color: #C1C6D0; margin-right: 20px; }
.TodaysPick .img{position:relative;overflow:hidden;}
.TodaysPick a b { position: absolute; background-color: #fff; border-radius: 20px; transform: translate(-50%,-50%); top: 40%; left: 50%; z-index: 3; color: #222; line-height: 40px; white-space: nowrap; padding: 0 25px; text-align: center;opacity:0; transition:all .3s;font-weight:normal;font-size:14px}
.TodaysPick a b:hover{background-color:#222;color:#fff;}
.TodaysPick a:after{content:"";background-color:#000;width:254px;height:254px;position:absolute;top:0;left:0;transition:all .3s;opacity:0;}

.TodaysPick span{color:#ff5252;float:left;}
	.TodaysPick .btn { padding: 5px 15px; background-color: #ff5252; color: #fff; display: inline-block; vertical-align: middle; float: right; font-size: 14px; border-radius: 7px; }

.TodaysPick .img:hover b{top: 50%;opacity:1}
.TodaysPick .img:hover:after{opacity:.5}


#clvadsfg{width:539px;float:left;overflow:hidden;text-align:center}
#clvadsfg h2{font-size:42px;line-height:1.3;margin:20px 0 60px;color:#000}
#clvadsfg p{position:relative;}
#clvadsfg p:before { content: ''; display: block; width: 50px; height: 0; left: 50%; top: -25px; transform: translateX(-50%); border-top: 1px solid rgba(0,0,0,0.3); position: absolute; }
#clvadsfg a{display:inline-block;padding:13px 20px;background-color:#FF5959;font-size:16px;color:#fff;font-weight:bold;text-transform:uppercase;margin-top:30px;transition:all .3s}
#clvadsfg a:hover{background-color:#ff5252}


#Arrivals{width:100%;float:left;}
#Arrivals ul{border-left:1px solid #E0E4EB}
#Arrivals li{width:20%;float:left;position:relative;}
#Arrivals img{width:100%;}
#Arrivals a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(36,201,133,.5);color:#fff;padding:80px 20px 0;text-align:center;opacity:0;transition:all .3s}
#Arrivals li:hover a{opacity:1;}
#Arrivals li.big{width:40%}

#Popular{width:1140px;float:left;display:flex;flex-flow:row wrap;align-items:stretch;text-align:center;margin:0 -20px;}
#Popular li{width:20%;padding:20px;float:left;color:#c1c6d0;box-sizing:border-box;}
#Popular img{width:100%;}


#sildebar{width:204px;padding:10px 3px;background-color:#F6F8FC;float:left;margin-top:20px}
#sildebar>ul{padding:0 19px}
#sildebar li{padding:3px 0}
#sildebar>ul>li>a{font-weight:bold;margin:14px 0;display:inline-block;font-size:14px}
#sildebar li li.sltli>a{color:#ff5252}

#sildebar i{float:right;width:21px;height:21px;display:block;background-image:url(data:image/gif;base64,R0lGODlhFQAVAIAAAPb4/GBugiH5BAAAAAAALAAAAAAVABUAAAIWhI+py+0Po5y02otX2DzkD4biSJZZAQA7);cursor:pointer}
#sildebar .noactive i{background-image:url(data:image/gif;base64,R0lGODlhFQAVAIAAAPb4/GBugiH5BAAAAAAALAAAAAAVABUAAAIchI+py+0Po5y0omANznuGD3aSSJFehqbqyrZHAQA7)}

#sildebar li i{margin-top:14px}
#sildebar ul ul{max-height:400px;transition:all .3s;overflow:auto;margin-bottom:20px;display:none;}
#sildebar ul.sltul{display:block;}
#sildebar ul ul ul{max-height:none;}
#sildebar .noactive>ul{overflow:hidden;margin-bottom:0; max-height:0}

#sildebar li li li{margin-left:10px}


#filter dt{padding:17px 19px;font-weight:bold;border-top:1px solid #E0E4EB;text-transform:capitalize;color:#525e6e;font-size:14px}

#filter dd{max-height:200px;transition:all .3s;overflow:auto;margin-bottom:20px;width:194px}
#filter .noactive+dd{overflow:hidden;max-height:0;margin-bottom:0}
#filter p{padding:2px 0 2px 19px;}
#filter p a:before{content:'';display:inline-block;background-color:#DBDFE6;border:5px double #F6F8FC;height:10px;width:10px;vertical-align:middle;margin-right:10px;transition:all .3s;border-width:3px\9;}

#sildebar #filter p.active :before{background-color:#ff5252;}
#filter p a:hover{color:#2a2a2a}
#filter p a:hover:before{background-color:#899BB5}
#filter dd>a{width:76px;height:24px;line-height:24px;background-color:#fff;border:1px solid #c1c6d0;border-radius:13px;display:inline-block;margin:0 5px 14px ;position:relative;}
#filter dd>a.active{background-color:#ff5252;color:#fff;border-color:#ff5252;}

#filter #sort_by a:before{border:0;height:16px;width:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALZJREFUeNqsk8EJwzAMReWMY+jNd2eA7pExnDEySAfwPb2FjNFDJ1Bl+G5Vk6YlquBhEP9/C2Q7ZiZLuY2AIJyFXjihtwhZuAjXN3UJUAzCyp9rhebpac13CGchCREk9BiaoQ0I6uZJ8M1khN6kJgk6YFQ3b5l1SJ1k1AEZzbRjriRosw64oRl/CIjQFg91ZKxO7Zmw+2/Va08NyDjLA/I7Zg/Ny/OvNZof0uGnbP5MzvqdHwIMANcxAEXB97rqAAAAAElFTkSuQmCC);border-radius:50%}



#content{width:870px;float:right;background-color:#F6F8FC;margin-top:20px}
.breadcrumbs{font-size:12px;line-height:1;padding:50px 0}
#content .breadcrumbs{padding:29px 30px 0 30px;}
.breadcrumbs div{float:left;}
.breadcrumbs li{display:inline;margin-right:5px}
.breadcrumbs li a{margin-right:5px}
.breadcrumbs li:last-child,.breadcrumbs li:last-child>a{margin-right:0}
.breadcrumbs>a{display:inline-block;padding:0 10px;border:1px solid #E4E4E4;margin:0 5px}
.breadcrumbs>a:hover{border-color:#e97700}
.breadcrumbs i{font-style:normal;margin:0 10px}
.breadcrumbs .turnpage{float:right;margin:0;padding:0;border:0;clear:none}
.breadcrumbs .turnpage span,.breadcrumbs .turnpage a{display:none}
.breadcrumbs .turnpage .ps{display:block;float:right;margin:0;padding:0;line-height:1;font-size:12px;text-transform:uppercase;height:auto}



#plist{width:100%;float:left;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-align-items:stretch;display:-moz-flex;-moz-flex-flow:row wrap;-moz-align-items:stretch;display:-ms-flex;-ms-flex-flow:row wrap;-ms-align-items:stretch;display:flex;flex-flow:row wrap;align-items:stretch;font-size:14px;color:#ff5252}
#plist>li{width:250px;float:left;padding:30px 0 0 30px;}
#plist a{font-size:13px;display:block;}
#plist img{width:100%;margin-bottom:5px;}
#plist div{width:100%;height:42px;overflow:hidden;}
#plist div p{white-space: nowrap;clear: both;text-align:center;overflow-y: hidden;user-select: none; -webkit-overflow-scrolling: touch;}
/*#plist li:after{content:'free shipping buy two get 20% Off';color:#e00;display:block;font-size:12px}*/
#plist div img{width:32px;display:inline-block;margin-right:5px;border:1px solid #F6F8FC;cursor:pointer;margin-top:5px;border-radius:50%}
#plist .active{border-color:#ff5252}
#plist div img:last-child{margin-right:0}

.turnpage{text-align:center;clear:both;padding:50px 0;}
.turnpage .ps{display:none}
.turnpage a,.turnpage span{display:inline-block;line-height:2rem;height:2rem;margin:0 1rem;font-size:1rem}
.turnpage .currentPageNo{background-color:#ff5252;color:#fff;width:2em;margin:0 .35rem;border-radius:50%}

#pro_img{width:500px;float:left;padding-bottom:50px;}
#pro_img>div{width:500px;float:left;overflow:hidden;}
#pro_img>div>p{ white-space:nowrap;clear:both;}
#pro_img>div>p>img{width:72px;padding:3px;border:2px solid #fff;margin:8px 8px 0 0;cursor:pointer;transition:all .3s;}

#pro_img>div>p>img:last-child{margin-right:0}
#pro_img>div>p>img:hover{border-color:#C1C6D0}
#pro_img .active{border-color:#ff5252 !important}

#big_img{width:500px;position:absolute;top:0;left:0;}
#big_img.active{z-index:5}
.jqzoom {  float: left; position: relative; padding: 0px; cursor: crosshair; overflow:hidden; }
.jqzoom img { float: left; }
div.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
div.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);background-color:#fff; }

#Customize{width:100%;}
#Customize:before { content: "\e6ea"; display: inline-block; vertical-align: middle; margin-right: 10px; font-family: "icon" !important; font-size: 16px; font-style: normal; }
#pro_img .swiper-slide { width: auto; }
#pro_img .swiper-slide img { width: 500px; }
#pro_img .swiper-pagination { position: relative; width: 100%; margin-top:10px}
#pro_img .swiper-pagination-bullet { width: 10%; height: auto; background: none; margin:0 5px;}
#pro_img .swiper-pagination-bullet img { width: 100%; }
#pro_img .swiper-button-next, #pro_img .swiper-button-prev { margin-top: -50px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23ff5252'/%3E%3C/svg%3E"); position: absolute; width: 27px !important; }
#pro_img .swiper-button-prev { transform: rotate(180deg); left: -27px; }
#pro_img .swiper-button-next { right: -27px; }

#sys_buy > #phone_cfg a { display: inline-block; text-align: center; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.3); padding: 10px; margin: 5px; cursor: pointer; }
#sys_buy > #phone_cfg span{color:#ff5252}
#sys_buy > #phone_cfg b{ display: block; font-size:15px; }
#sys_buy > #phone_cfg a.active { background-color: #ff5252; color: #fff; cursor:default; }
#sys_buy > #phone_cfg>p{ padding: 15px 0 20px;line-height: 1;color: #2a2a2a;font-size: 14px;font-weight: bold;}
#sys_buy > #phone_cfg a.active 	span{color:#fff;}





#pro_img+form{float:right;width:550px;}
#product-name{font-size:20px;line-height:1.5;color:#000;font-weight:bold;}
.sys_price{font-size:2.4rem;color:#ff5252;font-weight:bold;border-bottom:1px solid #e0e4eb;padding:10px 0 20px;margin-bottom:15px}


#sys_attrs dl{width:100%;}
#sys_attrs dt,.Series dt{padding:15px 0 20px;text-transform:capitalize;line-height:1;color:#2a2a2a;font-size:14px;font-weight:bold}



#sys_attrs dt.tr{padding-bottom:1.8rem;}

#sys_attrs img,.Series img{width:50px;border-radius:2px;cursor:pointer;}

#sys_attrs li,.Series a{display:inline-block;padding:0 25px;border:1px solid #C1C6D0;line-height:28px;border-radius:15px;margin:0 12px 10px 0;cursor:pointer;transition:border-color .3s,background-color .3s,color .3s;background-color:#fff;}

#sys_attrs li:hover,.Series a:hover{border-color:#666}
#sys_attrs li.active{background-color:#ff5252;color:#fff;border-color:#ff5252}
#sys_attrs li.attr_img, .Series a{padding:4px;background-color:#fff;border-radius:3px;}
#sys_attrs li.attr_img.active{border-width:2px;padding:3px;}
.Series a.active{border-width:2px;padding:3px;border-color:#ff5252}



#sys_attrs li.disabled{border-style:dashed;color:#bbb}
#sys_attrs li.disabled img{opacity:.5}

#sys_attrs #Details{padding-right:1.5rem;padding-bottom:5rem;}
#sys_attrs dl dl{padding:0;border:0;}
#sys_attrs dd dd{font-size:1.2rem;line-height:1.3;padding:0}
#sys_attrs .msg{padding-bottom:10px;color:#f00;display:none;line-height:1}
#sys_attrs .error .msg{display:block;}
#sys_attrs .error dt{color:#f00}

#qty,#makeyouown{border-top:1px solid #E0E4EB;padding-top:35px;margin-top:35px;font-size:14px;display:none;}
#qty .btn_3{width:222px;}
#qty p{display:inline-block;border:1px solid #C1C6D0;height:48px;border-radius:25px;vertical-align:middle;margin:0 25px;overflow:hidden;}


#sys_attrs  input{border:0;font-size:16px;width:68px;text-align:center;vertical-align:middle;line-height:48px;height:48px}
#sys_attrs i,#sys_attrs u{height:48px;width:48px;vertical-align:middle;display:inline-block;cursor:pointer;transition:all .3s}
#sys_attrs u{text-decoration:none;background:#F6F8FC url(data:image/gif;base64,R0lGODlhDAAMAIABAG56jf///yH5BAEAAAEALAAAAAAMAAwAAAIXjA1we8nsXlMS0Zmy3jzOaoGBJ5GPWQAAOw==) no-repeat center;}
#sys_attrs i{background:#F6F8FC url(data:image/gif;base64,R0lGODlhDAACAIAAAG56jQAAACH5BAAAAAAALAAAAAAMAAIAAAIEhI+pVwA7) no-repeat center;}
#sys_attrs i:hover,#sys_attrs u:hover{background-color:#E0E4EB}

#makeyouown a{width:280px;}




#like{width:100%;float:left;padding:30px 0;overflow:hidden;border-top:1px solid #E0E4EB;margin-top:30px}
#like ul{width:1140px;float:left;display:flex;flex-flow:row wrap;align-items:stretch;margin:0 -20px}
#like li{width:20%;padding:20px;float:left;color:#ff5252;font-size:20px;box-sizing:border-box;line-height:1.5}
#like a{font-size:14px;margin-bottom:10px;float:left}
#like img{width:100%;border-radius:5px;margin-bottom:5px}

#Details{width:100%;float:left;padding:50px 0}
#ProductBox{padding:20px;border:1px solid #E0E4EB;margin-bottom:100px}

#thickness {float:left;width:400px;font-size:14px;margin-left:40px}
#thickness > div { padding-left:30px; color: #000; background: url(data:image/gif;base64,R0lGODlhIAAgALMAAMXFxampqbi4uIiIiJubmwICAklJSf39/XV1dScnJ9PT0+np6WJiYv////7+/vr6+iH5BAAAAAAALAAAAAAgACAAAAT/sMlJq7046827dh0ISscmTmVJjo3ampLjUnLayN/L3qcKqrOKA6RgJI6IheuBSBQSBkDwgigYBoRmgQAaPBGEgaHA2FkYBYDkISEUBg0D4hZTWDOCgoJEbwAKczQSCwUBGFB0Zn8MQDENaBiFJUOJIAAJC5Qof5FqBz+Ck3w3CwmRBDqOLJ8TbA15GAYJJyh0rEOishh2ASeUPn0xf3sYbgKawX0jdgNmE10FAkK+dH8Izs83XtKVqQ7Wjhgjbr0vL65/cNgWIOSUPXnqPDk37omvbyPI7Po3AVuO4vkAJW6Eq3+oDiC8MTCDsxL/BPzhUsvchRHAQOQppCqZBwoBFFB95PDL4kh2Hk9eJLhPpZCUGCIAADs=) no-repeat; background-size: 20px;margin-top:20px }


#thickness > div:first-child { background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAANTU1OPj47i4uFRUVP39/S4uLvHx8cPDw6urq2dnZ5eXl4mJiURERHx8fPj4+P///yH5BAAAAAAALAAAAAAgACAAAAT/8MlJq70460wk+d4HPmJZkqNIomZrVmC3ys5Q3HiOJ07szaxEw9QoDEuDRewUIiwGPZGAEWAISgYG4tTpfhAMAytQABAAhYCMQD6MJt1DmlVDrMAGL9osg5P5Ig0JRIMlU3lNWVuGDFFICiYKUCYDCQCXl3IImJxyApwAlWsENwOmpwWnqgMMqas3XgRyaiULiyYISlgFbpGTIACDMx2WdAOQLCJCfQRhKg9ZhC8iDlq1Wyy5JWAOK8kkfyLBS5biaV3eKBKzIs4f0e+8sT/0klG2Itofxz4wPwTLzhQCyEdQC2/oUFRb5Awet1heEM4Ihw8BJDS0uDDrs2JWKAIDRQAYKHAlRTqOEO1RYQAS0ig4JmGiECJJgUF1LNJd8FJtQYEFYUJs8LeGTCs1Oof+i+EpoVIKb17AeQo14RqcVJNapXchAgA7) }


#thickness > div:last-child { background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///y0lJJuVldbR0Ovm5k5GRbGrq/39/N7b2ff08/v5+O7s6+Ph38O/vfDw7np0ciH5BAAAAAAALAAAAAAgACAAAAT/EMhJq7046827PhIIhkZgeJU4HUdTBE9QNOuYHYwSIsL7OAdCrCBgAEAJ4+XwKrxkggXlsOgFZM1MQGDoEmwpAKFhaPS0tOMU4FCrR42AduA+umSyhuo4kGMCdBQlBjotWysACH4XgCGJjTYEjRMMiymQRw8PiBICm0c4lhWTIAV0NiCVFH0YB5gAATpvEwFSfKIrAWkHDpZgAUYgcRkFJyGxjrkEEwYFxAIUAQgjIAsHrGqeGZpuD9AUxZo23Es9sgB9XyEJLwhqCiYZCyY2PQ2yA04CIwLIGf3B7DRx0oDdiT4GwIR5UGCZiGosJChgUOmBwjUHFDhxx2kVjIsYMhTESGPhQIkH52446ocSjIMY3zqgyhfvSAlTyVBI7FfsxT6dGYTAsAZU5Z6iJZEq3RABADs=); }



.padding-left-sm-h{position:relative;margin:25px 0 35px}
.rating-container { border-top: 1px solid #bbb; justify-content: space-around; display: flex; font-size: 12px; line-height:3; }
.rating-container:after ,.rating-container > div:before ,.rating-container div.current:after {content: ""; display: block; position: absolute; top: -5px; height:9px; }
.rating-container:after {top:-4PX}


.rating-container:after { width: 0; right: 0; border-right: 1px solid #bbb; box-sizing: border-box; }
.rating-container > div { position: relative; flex-grow: 1; flex-basis: 0; text-align: center; box-sizing: border-box; }
.rating-container > div:before {width: 0; left: 0; border-left: 1px solid #bbb; box-sizing: border-box; }
.rating-container div.current:after { background-color: #bbb; right: 0; left: 1px; }












.addSuccess{color:#fff;font-size:1.8rem;padding:0 3rem;line-height:3;background-color:rgba(0,0,0,.5);border-radius:2.7rem;position:fixed;top:50%;font-weight:bold;left:50%;margin:-2.7rem 0 0 -10.1rem;z-index:1033}





/*---------------footer--------------------*/
#Guarantee{height:80px}
#Guarantee div{float:left;font-size:14px;line-height:2;width:33.33%}

#Guarantee svg{float:left;width:3rem;height:3rem;margin:3px 10px ;}

#Guarantee h6{font-size:14px;margin:0;}
#Guarantee p{white-space:nowrap; }

#footer{width:100%;background-color: #525e6e;text-align:center;padding-bottom:3rem;margin-top:80px;color:#fff;}
#footer a{position:relative;color:#fff;}
#footer div{clear:both;padding:2.5rem 0 2rem}
#footer div div a{margin:.4rem 1.6rem;display:inline-block;}
#footer p a{margin:0 16px;display:inline-block;position:relative;}
#footer address{font-style:normal;padding-bottom:30px}

#footer div div a:after ,#footer address a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); }

#footer div div a:hover:after, #footer address a:hover:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }

#footer p a:before { position: absolute; border-radius: 50%; top: -7px; left: -8px; z-index: 1; box-sizing: content-box; width: 48px; height: 48px; background-color: #ff5252; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39); -webkit-transform: scale(0); transform: scale(0); }

#footer p a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }




/*---------------cart--------------------*/
#cart{width:1000px;margin:0 auto;}

#shop_item{width:100%;float:left;background-color:#F6F8FC}
#shop_item li{width:100%;float:left;padding:10px;box-sizing:border-box;border-bottom:1px solid #e0e4eb;}
#shop_item img{width:50px;margin:5px;vertical-align:middle;}
#shop_item  a img{float:left; width:100px;margin:0}

#shop_item div{float:left;width:300px;margin-left:10px;color:#808b9b;font-size:12px}
#shop_item div>a{font-size:14px;}
#shop_item p{text-align:right;float:right;width:168px}
#shop_item p a{margin-left:130px}
#shop_item b{color:#ff5252;display:block;font-size:18px;margin-bottom:12px}
#shop_item i{background:#899BB5 url(data:image/gif;base64,R0lGODlhDAACAIAAAP///wAAACH5BAAAAAAALAAAAAAMAAIAAAIEhI+pVwA7) center no-repeat;}
#shop_item em{background:#899BB5 url(data:image/gif;base64,R0lGODlhDAAMAIABAP///////yH5BAEAAAEALAAAAAAMAAwAAAIXjA1we8nsXlMS0Zmy3jzOaoGBJ5GPWQAAOw==) center no-repeat;}
#shop_item i,#shop_item em{display:inline-block;width:28px;height:28px;border-radius:50%;vertical-align:middle;margin-top:-3px;cursor:pointer;transition:all .3s;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
#shop_item i:hover,#shop_item em:hover{background-color:#2a2a2a}
#shop_item input{width:46px;border:0 none;text-align:center;vertical-align:middle;background-color:#F6F8FC;margin-top:-5px}

#shop_item li:last-child {border-bottom:0;}
#shop_item u{text-decoration:none;border:1px solid #ccc;border-radius:2px;font-size:1rem;padding-right:.5rem;line-height:1.5;display:inline-block;margin-top:.5rem;}
#shop_item u:before{content:'QTY';display:inline-block;padding:0 .5rem;border-right:1px solid #ccc;margin-right:.5rem;}
#shop_item .del{display:inline-block;cursor:pointer;width:20px;height:20px;background:url(data:image/gif;base64,R0lGODlhFAAUAKIAAPb4/GJ1loeXsai1x9ng5+fs8cnS3bjD0iH5BAAAAAAALAAAAAAUABQAAANaCLrc/jCWQCstEQxBuhfDU4yCMJ5FeTJW6wZZ3AwGQAgKBxjhA+4wQKC2gfwMwaEG5wshFcpiEwglMh3HpNXo1C65gMJBccBIsT3HuVHyuG/XBuFVIcju+EYCADs=);vertical-align:middle;opacity:.7;transition:opacity .3s;margin-top:15px}
#shop_item .del:hover{opacity:1}


#shop_total{width:370px;float:right;padding:20px 0;font-size:16px;font-weight:bold}
#shop_total span{float:right;}
#shop_total li{margin:10px 0}
#DiscountPrice:before{content:'- '}
#txtCoupon,#emailCoupon{width:94%;height:36px;line-height:36px;padding: 0 0 0 5%;border: 1px solid #C1C6D0;border-radius:4px}
#btnValidate,#emailValidate{position:absolute;top:0;right:0;border:0 none;background-color:#C1C6D0;color:#606e82;height:38px;padding:0 1.8rem;border-bottom-right-radius:4px;border-top-right-radius:4px;cursor:pointer;transition:all .3s }
#btnValidate:hover,#emailValidate:hover{color:#fff;background-color:#2a2a2a;}

#getCoupon{position:relative;width:350px;display:none;}
#emailCoupon+div{display:none !important;}

#paypal-button-container .btn_4{border-radius:4px;}
#shop_total div{width:100%;float:left;}
#shop_total div+span{width:32px;display:block;text-align:center;float:left;line-height:44px;font-weight:normal;font-size:12px;}
#shop_total .btn_6{width:100%;background:#ffc439 url(data:image/png;base64,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) no-repeat center;border-radius:22px;height:44px;display:block;transition:all .3s}
#shop_total .btn_6:hover{background-color:#f3bb36; }




.shoppingbag_0>.wrap2{display:none;}
.empty{display:none;text-align:center;padding-bottom:120px}
.shoppingbag_0 .empty{display:block;}
.empty img{max-width:100%;margin:50px 0 10px;}
.empty p{margin-bottom:15px;}


/*---------------login--------------------*/
#login_form{padding:40px 0 60px;width:425px;margin:0 auto}
#login_form>p{font-size: 38px; color: #525e6e;margin-bottom:30px}
#login_form input{width:100%;height:44px;line-height:22px;padding:10px 20px;border: 1px solid #C1C6D0;box-sizing:border-box;border-radius:22px;margin-top:20px;text-align:center;}
#login_form button{margin:20px 0 8px;}
#login_form .tab{width:420px;height:83px;padding:15px 30px;background-image:url(../images/login1.png);margin-bottom:-10px}
#login_form .tab li{width:50%;float:left;text-align:center;line-height:63px;font-size:24px;cursor:pointer;}
#login_form.active .tab{background-image:url(../images/login0.png)}


#login_form form{display:none;padding:30px 50px 50px;background-color:#fff;border-radius:15px;box-shadow:0 0 30px rgba(0,0,0,.1);}
#login_form form.active{display:block;}

.hide_text{display:none;color:#ff5252;margin-top:.5rem;}
.error+.hide_text{display:block;}




#log_box { display:inline-block;}
#log_box_log { padding: 30px 50px 50px; background-color: #fff; border-radius: 15px; box-shadow: 0 0 30px rgba(0, 0, 0, .1); width:333px}
#log_box ul.tab { background: url(data:image/webp;base64,UklGRpAAAABXRUJQVlA4TIMAAAAvDgAGAD+gqG0biD/afu+NhoK2bRj+XAvgbwrbtkH+/7cw3vzH/weATMmwmlTsIiYwtW3bxn3fepuqqZqqqZqqqW/n/4d1nV+I6D/ZpE262z/MtyIRzeLQsUEyT1fRCY0qfZM2P7RHu1T0wCSjXoJCXxN7G9RW9CoWnTodFfpY+PeQNgA=) no-repeat 47%; font-size: 28px; }
#log_box ul.tab li { display: inline-block; margin-right: 40px; cursor: pointer; }
#log_box ul.tab .active { color: #2991C7; } #login_form2 form { background-color: transparent; box-shadow: none; width: 340px; }

#log_box ul.tab li:last-child{margin:0;}

#log_box input ,#fb_login,#gg_login{ border: 1px solid #C1C6D0; background-color: #fff; border-radius: 22px; width: 100%; padding: 10px; text-align:center;box-sizing:border-box;}

#log_box label { margin-top: 15px; display: block; color: #C1C6D0;  }

#log_box .btn_1 { margin-top: 15px; }
#log_box form { display: none; }
#log_box form.active { display: block; }

#log_box_chk{ width: 340px; padding:100px 45px 0; display: none; vertical-align:top;text-align:left;}
#log_box_chk.show{display:inline-block;}

#log_box .or_line b{font-size:16px}



#fb_login,#gg_login{height:44px;margin-top:15px;text-align:left;background-size:auto 60% !important;text-indent:88px;cursor:pointer;}

#fb_login{background:url(../images/2023_Facebook_icon.svg) no-repeat 60px  center;}
#gg_login{background:url(../images/Google_Favicon_2025.svg) no-repeat 60px center;}

#fb_login:hover,#gg_login:hover{opacity:.7}










/*-----------------checkout-----------------------*/
#step{margin:20px 0;text-align:center;font-weight:bold;color:#525e6e;font-size:18px;padding:40px;background:#F6F8FC url(data:image/gif;base64,R0lGODlhWAICAIAAAODg4AAAACH5BAAAAAAALAAAAABYAgIAAAIhhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTHMFADs=) no-repeat center 51px}

#step li{display:inline-block;width:116px;margin:0 90px}
#step i{display:inline-block;clear:both;width:16px;height:16px;background-color:#E0E0E0;border:4px solid #E0E0E0;border-radius:12px}
#step .active{background-color:#fff;border-color:#ff5252}

.steps dl,.steps2 dl{width:100%;box-sizing:border-box;/*border:1px solid #E0E4EB;border-bottom:0;display:flex;*/}
.steps dt,.steps2 dt{font-size:16px;font-weight:bold;text-transform:uppercase;color:#525e6e;padding:10px}


.radio_label input{display:none;}
.steps dd li{padding-bottom:20px;width:100%;position:relative;}
.steps .radio_label{padding-left:2.2rem;display:block;cursor:pointer;}
.steps .radio_input{margin:0 12px 0 -32px;}

#addrs strong{color:#525e6e;font-size:16px;display:inline-block;padding-bottom:5px;}
#addrs li a{position:absolute;top:5px;display:block;cursor:pointer;width:20px;height:20px;opacity:.7;transition:opacity .3s}
#addrs .del{right:40px;background:url(data:image/gif;base64,R0lGODlhFAAUAKIAAP///2J1loeXsai1x9ng5+fs8cnS3bjD0iH5BAAAAAAALAAAAAAUABQAAANaCLrc/jCWQCstEQxBuhfDU4yCMJ5FeTJW6wZZ3AwGQAgKBxjhA+4wQKC2gfwMwaEG5wshFcpiEwglMh3HpNXo1C65gMJBccBIsT3HuVHyuG/XBuFVIcju+EYCADs=)}
#addrs .edit{right:0;background:url(data:image/gif;base64,R0lGODlhFAAUAKIAAP///2V3ls/X4XeKpuTo77C7zJupv73H1SH5BAAAAAAALAAAAAAUABQAAANUCLrc/vCJQWtZZNxGi/eCQgTB4AShM5bEmTLr0LpNPNMYKUdoziqB26KnMPyAr+HLcGgQGc9HFBkBTK1JHDTr5F63J4NgTCYXgo4Dac0mGarwODwBADs=)}
#addrs input:checked+i+a{display:none;}
#addrs .btn_5{margin:0 0 20px 30px}
#addrs span{margin-right:10px}
#addrs li a:hover{opacity:1}



#PaymentMethod img{margin-right:1rem;vertical-align:middle;}
#PaymentMethod{border-bottom:1px solid #E0E4EB}
#OrderPreview{border:0}
#OrderPreview li{min-height:100px}
#OrderPreview a img{width:100px;float:left;}
#OrderPreview img{width:50px;vertical-align:middle;}

#OrderPreview li>a{position:absolute;}
#OrderPreview li>b{position:absolute;right:0;top:0;font-size:16px}
#OrderPreview div{padding:0 80px 0 120px;font-size:12px;}
#OrderPreview a{font-weight:bold;font-size:16px}

.steps2 dl{padding:25px 40px 15px;}
.steps2 dt{width:16%;}
.steps2 dd{width:84%;}

#newForm{width:598px;padding:30px ;margin:0 auto;display:none;}

#add_title{font-size:28px;font-weight:bold;text-align:center;color:#525e6e;margin:10px 0 30px;}





.payform li{padding-bottom:20px;position:relative;width:100%;float:left;z-index:2}
.payform .half{width:50%;padding-right:10px;box-sizing:border-box}
.payform .half2{width:50%;padding-left:10px;box-sizing:border-box}


.payform>li>label{position:absolute;width:100%;line-height:43px;color:#999;font-size:14px;top:0;left:0;transition:all .3s;color:#C1C6D0}
.payform .half2 label{left:10px}


.payform li.active> label{line-height:16px;font-size:12px;top:-5px;color:#899BB5}


.payform input,.payform select,.payform textarea{width:100%;height:43px;line-height:43px;padding: 0;border:0;border-bottom: 1px solid #C1C6D0;}
.payform select{background-color:transparent}
#newForm i{content:'';position:absolute;width:14px;height:6px;top:19px;right:30px;background:url(data:image/gif;base64,R0lGODlhDgAGAKIAAP///6y5y8fP3NLZ47rF1PDy9t/k65qqwCH5BAAAAAAALAAAAAAOAAYAAAMdGAPcbqEc4hw5hd3cSgiVcSyAKFSMFwiHgTpCVCUAOw==) no-repeat center;display:none;z-index:-1;}
#newForm  select+i{display:block;}
#newForm .half2 i{right:20px;}

.payform input{transition:all .2s}
.payform textarea{width:100%;line-height:1.5;border: 1px solid #C1C6D0;border-radius:5px;height:150px;resize: none;padding:10px;box-sizing:border-box;}

#contactUsMsg{width:100%;line-height:23px;padding:10px 0;border:0;border-bottom: 1px solid #C1C6D0;font-size:14px;-webkit-user-modify: read-write-plaintext-only;}
#contactUsMsg:empty:before{content:'Message';color:#c1c6d0}

#contactUsMsg.error:not(:empty){border-color:#C1C6D0 !important}
/*-----------------user-----------------------*/
.boxs{border:1px solid #E0E4EB;margin:50px auto;background-color:#F6F8FC;position:relative;}
#user_nav{padding:0 25px;position:absolute;font-size:14px;background-color:#F6F8FC;margin-top:10px;    border-radius: 5px;}

#user_nav a{margin:20px 0;transition:all .3s}
#user_nav a:hover{color:#899BB5;}

#user_nav i{display:inline-block;background:url(/StaticRes/udiy_m/images/home.svg) no-repeat center;background-size:100%;width:1.3rem;height:1.3rem;vertical-align:middle;margin-right:.5rem;}
#user_nav .address{background-image:url(/StaticRes/udiy_m/images/address.svg)}
#user_nav .money{background-image:url(/StaticRes/udiy_m/images/money.svg)}
#user_nav .order{background-image:url(/StaticRes/udiy_m/images/order.svg)}
#user_nav .buy{background-image:url(/StaticRes/udiy_m/images/buy.svg)}
#user_nav .pwd{background-image:url(/StaticRes/udiy_m/images/pwd.svg)}
#user_nav .contact{background-image:url(/StaticRes/udiy_m/images/contact.svg)}
#user_nav .out{background-image:url(/StaticRes/udiy_m/images/out.svg)}

#user_nav a{display:table;margin:25px 0;}
#user_nav a.active{color:#ff5252;}
#user_nav a.active:after,#user_nav a:hover:after{margin-left:10px;}
#user_content{width:100%;padding-left:224px;box-sizing:border-box;min-height:500px}
#user_content>div{background-color:#fff;min-height:300px;width:100%;}

#user_content #addrs li{padding:20px 30px;border-bottom:1px solid #E0E4EB;position:relative;}
#user_content #addrs li a{top:20px;}
#user_content #addrs .edit{right:30px;}
#user_content #addrs .del{right:70px;}
#user_content #newForm{float:left;}
#user_content #addrs ul:empty{height:200px;background:url(../images/noOrder.png) no-repeat center;}

#affi_Category{text-align:center;margin-top:20px}
#affi_Category a{display:inline-block;padding:5px 10px;background-color:#f8f8f8;font-size:16px;margin:0 10px 5px 0;}
#affi_Category .active{background-color:#ff5252;color:#fff;}


#user_content>.affi_box{width:500px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);margin:  20px auto ;min-height:auto;padding:20px 20px 40px}
.affi_box h2{text-align:center;font-size:24px;}
.affi_box p{margin:10px 0}
.affi_box img{width:100%}
#user_content .downImg{background:#ff5252 url(../images/downImg.svg) no-repeat center;width:50px;height:50px;background-size:80%;position:absolute;right:0;top:-9999px;opacity:0;transition:opacity .3s;border-radius:5px}
#user_content .swiper-slide:hover .downImg{top:0;opacity:1}
#user_content .swiper-pagination-bullet{width:10px;height:10px}
#user_content .swiper-pagination-bullet-active{background-color:#ff5252}

#affiliateList{width:100%;border:0;border-collapse:collapse;font-size:14px;margin-top:20px}
#affiliateList th{background-color:#E0E4EB;padding:10px;height:40px;text-align:left;}
#affiliateList td{height:40px;padding:10px}
#affiliateList tr:nth-child(2n+1){background-color:#f8f8f8}

/*-----------------orders-----------------------*/
#order_list{}
#order_list:empty,#order_list:empty+div{display:none;}
#order_list:empty+div+.empty{display:block;}
.orderList{box-shadow:0 0 5px rgba(0,0,0,.3);margin:10px 0}
.orderList>p{padding:25px 30px 17px;}
.orderList>div:not(:last-child){padding:20px 122px;position:relative;border-top:1px solid #E0E4EB;min-height:82px}
.orderList>div:not(:last-child) a:first-child{position:absolute;top:20px;left:30px;}
.orderList img{width:82px;}
.orderList div:not(:last-child) a+a{display:inline-block;text-transform:uppercase;font-size:14px;}
.orderList div:not(:last-child) span{position:absolute;right:30px;bottom:23px;}
.orderList div:not(:last-child) b{position:absolute;top:20px;right:30px;font-size:16px;}
.orderList div:last-child{background-color:#F6F8FC;padding:20px 30px;font-weight:bold;font-size:16px}

.orderList em{font-style:normal;color:#2991C7;margin-left:20px}
.orderList .fr{margin:-10px -15px 0 0 }
.orderList .fr a,#user_content dd.fs14 a{display:inline-block;background-color:#899BB5;color:#fff;width:160px;line-height:44px;text-align:center;border-radius:22px;vertical-align:middle;margin:0 15px;font-weight:bold;font-size:16px;transition:all .3s}
.orderList .fr a+a:after,#user_content dd.fs14 a:after{}
.orderList .fr a:hover,#user_content dd.fs14 a:hover{background-color:#525e6e}
#order_list +.turnpage{border-top:0;min-height:0;padding:25px 0}
.hide_1{display:none;}
#user_content dl{border-bottom:1px solid #E0E4EB;float:left;box-sizing:border-box;width:100%;padding:30px 0 30px 30px;}

#user_content dt{width:26%;float:left;font-size:16px;font-weight:bold;text-transform:uppercase;color:#525e6e}
#user_content dd{width:74%;float:left;}
#user_content dd.fs14 a{position:absolute;top:30px;right:30px;}
#user_content dd #order_list{float:left;width:100%}

#user_content dd.fs14 a.underline{position:static;font-size:14px;color:#ff5252;background-color:#fff;padding:0;display:inline;margin:0;font-weight:normal;line-height:1.5;vertical-align:baseline;}

#user_content dd.fs14 a.underline:after{display:none;}

#order_detail div{border-bottom:1px solid #E0E4EB;padding:0 80px 30px 100px;position:relative; font-size:12px;margin-top:30px;min-height:80px}
#order_detail img{width:80px}
#order_detail a:first-child{position:absolute;left:0;top:0;}
#order_detail b{position:absolute;right:30px;top:0;font-size:16px;}
#order_detail a+a{font-size:14px;}
#order_detail span{position:absolute; right:30px;}
#order_detail div:last-child{border-bottom:0;padding-bottom:0}
#order_detail div:first-child{margin-top:0}


/*-----------------payment-----------------------*/




#zhb_form .half{width:50% ;float:left;clear:none;padding-right:7px;box-sizing:border-box;}
#zhb_form .half+.half{padding:0 0 0 7px}
#zhb_form input{width:100%;height:44px;line-height:22px;padding:10px 20px;border: 1px solid #C1C6D0;box-sizing:border-box;border-radius:22px;margin-top:20px;}




#failed{position:fixed;width:20rem;background-color:#fff;top:50%;left:50%;margin:-9rem 0 0 -11.5rem;padding:2rem 1.5rem 1.5rem;z-index:1003;display:none;border-radius:1rem;}
#failed p,#failed a,#failed button{margin-bottom:1rem;}
#loading,#bg{position:fixed;width:100%;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.05) url(../images/loading.svg) no-repeat center;background-size:5% auto;z-index:999;display:none;}







/*-----------------result-----------------------*/
#result {padding:86px 120px 100px 455px;background-position:110px 40px !important;box-shadow:0 0 15px rgba(0,0,0,.1) ;margin:40px 0 80px}


#try_again ul{border-top:1px solid #e0e4eb;}

#try_again label{display:block;}
#try_again img{margin:0 10px;vertical-align:middle;}
#try_again ul:empty{display:none;}


.result_3{display:none;margin-top:15px;float:left;}
.active_3>.result_3{display:block;}
.active_3>.result_1{display:none;}
#result.active_3{padding-top:64px}

/*@media all and (max-width:1099px){
.wrap{width:1000px;}
#Popular,#like ul{width:1040px}
#content{width:770px}
#plist>li{width:217px}
#pro_img+form{width:480px}
}*/
/*-----------------result-----------------------*/
#case_page select{height:60px;width:248px;padding-left:15px;font-size:22px;margin:0 50px 0 15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAPCAMAAABQgiZcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRF/////v7+k5OTkpKSlJSUlpaW9/f3urq6r6+v9fX12NjY3d3d7e3t5OTk7+/vo6OjpaWl6enp4eHhtbW1zs7Om5ubnp6empqavr6+9vb2srKy/f395eXl8vLylZWVv7+/2tran5+f1NTUqKio+/v719fXoqKihWGNSwAAAIdJREFUeNpiYBgwwMoOphiBEAz4ObCrk5eTgDGBKhkFWLgYYFpQgQgzO0yGUVqNhRenzUpMwlDjVMSYBRmhJmMBqkxSYJpNlJmHEYdhYHEFJqDjGTlZmfgYcZkFFmbkZlJmkGRilsVtJxQIsYgzsXISEYwyTIpsRIc5I7FqGIlQxohHFUCAAQD9FANEQhcTNQAAAABJRU5ErkJggg==) no-repeat right;border:1px solid #939393}
#case_page select::-ms-expand { display: none; }
#case_page .btn_1{font-size:22px;width:286px;height:60px;line-height:60px;border-radius:30px}





#mode_choose {width:900px;background-color:#fff; height:80%; position: fixed; z-index: 900; top: 10%; left: 0; right: 0; margin: 0 auto;line-height:2.5;font-size:16px;box-shadow:rgba(0,0,0,.3) 0 0 10px;display:none}
/*#autocomplete { position: absolute; display: block; border: 10px solid #F6F8FC; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAUVBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy/AwMAwMDBwcHCQkJCgoKCwsLCJejzbAAAAqklEQVR42sWS2xKDIAxEBWQRhLSC0sv/f2hrZ1oT7PhqnsgcSJZNuu7M6G+mwOjnH0Qa8DlbBzO1bKoh0+ekHMbmXQ2/+zRACWgDrzVfiWtBFtKQWJZAotBQWeK9lJDAoZVQcUlzPIBt2QvXEIuE1nF/pClURBsvvm3RC2tD3egoPFglhKq28eh2LA71viwPXZDsjnbjjHe42K9N9X7ik6KvpHiwMzGcta0vJ6MFr2gaSGsAAAAASUVORK5CYII=) no-repeat 8px center; width: 100%; box-sizing: border-box; height: 60px; z-index: 6; padding: 0 10px 0 45px;font-size:18px}
#mode_choose .autocomplete-suggestions { background: #fff; top: 50px; overflow-y: auto; box-shadow: 0 0 5px rgba(0,0, 0, .3); max-height: calc(100% - 50px) !important; box-sizing: border-box; padding: 10px; }
#mode_choose .autocomplete-group{font-weight:bold; border-top:1px solid #ccc;padding:0 10px;margin-top:10px}
#mode_choose .autocomplete-suggestion{padding:0 10px;line-height:1.8;cursor:pointer;color:#666}
#mode_choose .autocomplete-suggestion:hover{background-color:#F6F8FC;color:#000}*/
#mode_choose .probrand{display:none;}
#autocomplete input{position: absolute; display: block; border: 10px solid #F6F8FC; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAUVBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy/AwMAwMDBwcHCQkJCgoKCwsLCJejzbAAAAqklEQVR42sWS2xKDIAxEBWQRhLSC0sv/f2hrZ1oT7PhqnsgcSJZNuu7M6G+mwOjnH0Qa8DlbBzO1bKoh0+ekHMbmXQ2/+zRACWgDrzVfiWtBFtKQWJZAotBQWeK9lJDAoZVQcUlzPIBt2QvXEIuE1nF/pClURBsvvm3RC2tD3egoPFglhKq28eh2LA71viwPXZDsjnbjjHe42K9N9X7ik6KvpHiwMzGcta0vJ6MFr2gaSGsAAAAASUVORK5CYII=) no-repeat 8px center; width: 100%; box-sizing: border-box; height: 60px; z-index: 6; padding: 0 10px 0 45px;font-size:18px}
#autocomplete ul{background-color:#fff;  top: 50px; overflow-y: auto; box-shadow: 0 0 5px rgba(0,0, 0, .3); max-height: calc(100% - 50px) !important; box-sizing: border-box; padding: 10px;position:absolute;z-index: 3;width:100%}
#autocomplete ul:empty{display:none;}
#autocomplete li{display:block;width:24%;padding:0 .5%;float:left;cursor:pointer;}
#autocomplete li:hover{background-color:#f8f8f8}

#mode_choose>ul{ width: 25%; background-color: #F6F8FC;overflow-y:auto;height:100%;padding:60px 0 20px;box-sizing:border-box;}
#mode_choose>ul::-webkit-scrollbar {display:none}
#mode_choose li { list-style: none;  }
#mode_choose p { cursor: pointer; margin-left:10px; transition: all .3s; background: no-repeat 10px center; background-size: auto 80%; }
#mode_choose p:hover { color: #ff5252; }
#mode_choose img{width:32px;margin:0 10px 0 5px;padding:4px;}
#mode_choose ol { position: absolute;width:75%;background-color:#fff; right: 0; display: none; height: 100%; overflow: auto; top: 0; text-indent: 20px;padding:60px 0 20px;box-sizing:border-box; }
#mode_choose ol li{width:33.3333%;float:left;white-space:nowrap;font-size:15px;}
#mode_choose li.active>ol{display:block;}
#mode_choose li.active > p { background-color: #fff; display: block; color: #ff5252; }
#mode_choose>b{position:absolute;top:-15px;right:-15px;display:block;width:24px;height:24px;background-color:#fff;border-radius:50%;line-height:24px;text-align:center;background-color:#555;color:#fff;cursor:pointer;transition:all .3s;border:3px double #fff;z-index:7}
#mode_choose>b:hover{background-color:#000}


#mode_choose u { display: block; position: absolute; bottom: 0; height: 30px; display: block; font-size: 12px; color: #888; background-color: #fff; text-align: center; text-decoration: none; line-height: 30px; width: 100%; font-style: italic; }


#mode_choose > ul > span { display: inline-block;  width: 25%; height: 42px; position: absolute; bottom: 0; left: 0; text-align: center; line-height: 2.5; background-color: #fff; cursor: pointer; transition: .5s all; }
#mode_choose ul > span:after { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; border-left: 3px solid #ff5252; border-top: 3px solid #ff5252; transform: rotate(-135deg); }
#mode_choose > ul > span:hover { opacity: .5; }
#mode_choose > p { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); z-index: -2; margin-left: 0; }




.pay_w60{width:60%;float:left;}
.or_line{border-top:1px solid #ccc;width:100%;text-align:center;margin:30px 0 25px;}
.or_line b{display:inline-block;padding:0 10px;background-color:#fff;margin-top:-15px;float:left;position:relative;margin-left:42%;}
#paypal-button-container .btn_4 img{vertical-align:middle;margin-right:.5rem;}
/*.pay_w60 dl{width:100%;box-sizing:border-box;padding:35px;box-shadow:0 0 10px rgba(0,0,0,.3)}*/
.pay_w60 dl{padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:20px}
.pay_w60 .chk_box>li{padding:10px 5px;} 

#pay_card li{padding-left:40px;box-sizing:border-box;cursor:pointer;}
#pay_card li.active i.radio_input{background-color: #ff5252;}
#pay_card p{float:right;}
#pay_card img{height:1.5rem; }
#pay_card img{margin-right:0;}
#pay_card .radio_input+img{margin-right:.5rem;}
#OrderPreview{padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);}
#OrderPreview dt{padding-bottom:20px;}
#try_again li{padding:10px;width:100%}
#shop_total .btn_4{border-radius:4px;}




#sys_buy .sys_att_add .error{color:#f00 !important}
.sys_att_add { width: 100px; height: 100px; background-color: #f8f8f8; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.sys_att_add em { position: absolute; z-index: 1; width: 20px; height: 20px; cursor: pointer;text-align:center;line-height:20px ;right:0px;top:0px;display:none;}
.sys_att_add em:before {background-color:rgba(0,0,0,.3);color:#fff;}
#sys_buy .sys_att_add input[type=file] { height: 200px; width: 200px; position: absolute; left: -80px; cursor: pointer; top: -80px; opacity: 0; }
.sys_att_add b{font-size:12px;font-weight:normal;text-align:center;display:block;width:100px;height:100px;}
.sys_att_add b:before { background-color: #ff5252; display: inline-block; width: 30px; height: 30px; border-radius: 50%; color: #f8f8f8; font-size: 28px; line-height: 28px; font-weight: bolder; margin-top: 20px; }
.sys_att_add.activeImg > em { display: block; }
.sys_att_add.activeImg > b { display: none; }
#sys_attrs textarea{width:100%;min-width:100%;max-width:100%;padding:5px;box-sizing:border-box;border:1px #ccc solid;}
.error + .sys_att_add b{color:#f00}
#sys_attrs .error + dd> textarea{border-color:#f00}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;}


/*---------------2025.9.20------------------*/

.shipping_time_line{font-size:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAATCAYAAADiQ08DAAABMUlEQVR42r1WwRHDIAzLKBklo2SUzNFPRuGfpWjVQxx17RAwie907ZWGyDKymSYlQgjx8/GHZVki1/G9Fdu2xWlEHMfxWtc1Suz7rhKc51lNSENK/tlAQlcJMsmmgPSaYkQi8P2fhdsI4uW1EqEsLSrVCAJ4J1AeFYjhLqVEMk4TQfFMDqyZRsLLoBRh/S7hIZgq9xNQUTVSkjc/CGLpvAxFjWBRFVtBmoIkLbS0l6sEEVjvcvuZ6r1nUBqlRj5nQJdZGFHirqaOssJJZyNr1Bm8bep4SA4lSDXlZOHFgaZqmSSyNXHGa6arErTaDAjxQoFNOe7Ozib/V+5Lt3KKlOTZ6rodzE2ZuWMzmeCwyCXAxj19C8+TFGe9SzXZA9nDPJmXLc19WdAU8N6Sy2mlrb8BYy7hM9V6nEAAAAAASUVORK5CYII=) no-repeat 0 center;padding-left:60px}
.shipping_time_lines { display: flex; padding:30px 0; position: relative;}
.shipping_time_lines:after { position: absolute; content: ""; width: 66%; border: 1px solid #c4eef2; top: 50px; left:17%}
.shipping_time_lines > div { width: calc(100% / 3);display: flex; flex-direction: column; align-items: center; text-align: center; }
.shipping_time_lines > div > div:first-child { width: 40px; height: 40px;  position: relative; z-index: 10;}
.shipping_time_lines > div:first-child > div:first-child { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDExNi5kZGM3YmM0LCAyMDIxLzA4LzE3LTEzOjE4OjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJBNTY0REY1MDBDMTFGMEE2NDM4Q0M5NTU1NUQzOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJBNTY0RTA1MDBDMTFGMEE2NDM4Q0M5NTU1NUQzOTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QkE1NjRERDUwMEMxMUYwQTY0MzhDQzk1NTU1RDM5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QkE1NjRERTUwMEMxMUYwQTY0MzhDQzk1NTU1RDM5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp/ibw0AAAKsSURBVHjazJjPa9RAFMczk2SzsT8EEQ0UtLCC7aUFoafepO7Vg1eLf4T4V4h/hLTXHrxW8eapILSXVnChPyjsFhHsD7PZ/PKbzJqmm9lksjtxfWRnN5nkfXZm3nvzXkgYhoqYnHs+jks/sH2/F4R+/KBKSI0SU1WnVTqrqTgEtZFCcDcI2o77o+c5QVCozqD0bk2zDL1O6ehgNwyPbQdUpbyA/cA0dEJKgzuOe2g7nvBCZEUjZN407ht6CXDrd3e0gXKH3rhVFwLvX9o/XU+RJ3d0bXHaHLhIq6ZCoBBq88CYYenUhA3lfDCsSda6cgXKOyn9NPEc2LBSsQDh/jUpjX0d8zznzYftvdP20pz17HEDrTUzNSbYiwMDM3KaxKbsfWfnF2jBfvf5C1pZE96NI2DkTpiB025v2K3bBy2AMeK3z5tS2HP1GgJLNGLE4Zz7mgsNNm5ZK81wFBuOSPSXKMABquFT9klM/sdvrewciJthBMb+Woq6sbO7ubPL7cJfwfH66aoVr06OAKphVy8F/nTwHS0MDSPjmiEmo1kEBpQilyjnDxdXbFbHMUNAqT/GjjuyAEqVCQlVh2cn1QmgFDnivwcDSpGZFqcvsV8ys0r/zrpTckO+AEpObOeoaEPM8d38WAuf5nY9NA1NJAVfX1lmHswdaL7jcQXQCIwsvDBcg52EDmhEoMCUvl9/wXpfbWzhIreLm/RHYPxC7p+zLQ7IvdmZEbrSAlw/A0HqKwJeW3iElcbgklORLm6m3QejzsFJYaaXXumXK8vstLArS2VlVT+hRw729deVV3H4RFHz5PYUK6j6IVOP65yq48Z8qoy7jtWorqwhBZasIipdwN3YJJB4os6pggq1A6Xb4O6E6ko6m1u0/U9l6iQL80m+ipjky5dKXzf9EWAAGeW4iOAw7GkAAAAASUVORK5CYII=)}
.shipping_time_lines > div:nth-child(2) > div:first-child { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEX////x+/zj9/nX9PfO8fTI7/PF7vL3/f3f9vjL8PTE7vL6/v7c9ffo+PrW8/Z+xs9nucOW09qs4ecjkZ8LhJQ5n6xRrLcRYW03AAABHUlEQVR42pWV25aDIAxFkYvaiDUI+P+fWuhCLtWMzHkKulci4RAZazRwIdU4Kin4wEhN8wsqvebpFls0XKSXK7cquJFafzkNhHTLvYHUu5NrSA1/Kldf4UFpR4t6AtXSFt7wlLkrPqXFbl2R31syntGcYnQ+Z/QOW3AO4Hm+zlUvmkU89+AX6AFhYJwAw47q7+RMEGCQrUjBJJnR16Rkiv5G645MKjaSGfFwpUsjCSYVUNEZEcszRW7m55ls27OdvQuLzdSgqBuOsXeYagaL+Ko0L0cYzeN9ZaAY23KE2RQGrdv3M2WKTTFFthnAEbPgNU42m/Lqa939Gifj1nfQmPtY/+9ydV/X/gHQP1L6h1T/2OsfpP2juX/YP/w+Pm62OZnFgyn5AAAAAElFTkSuQmCC)}
.shipping_time_lines > div:last-child > div:first-child  { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEX////x+/zj9/nX9PfO8fTI7/PF7vL3/f3f9vjL8PTE7vL6/v7c9ffo+PrW8/ZnucMjkZ8LhJR+xs85n6yW09qs4edRrLdJu+RgAAAA9ElEQVR42o2V6w6DIAyFkYtixQGie/9HnS6DUCqz50cT8Eua0vYoBNIglTbjaLSSg+hqsjNUmu10iy0OiNxCudXAjczacg46cph7QVcvJodIB39Vsq/woF9Fi3kCzYIT+xCRwoaST/m0RaJCXj2y+ZDifsYYIccjhvzNnmDpb4Wg+O37OS/QgkcIewvCICQBrzIIKIWioPeRgEroBnyHs6QjpQbUwjRgrerGiJEHjnyQnVrzQE2epwMq8uAdUJIWdsCBDMU9OOMx2zC3x1SPGXtwyyocW2pWweM9ZC8Xe135BsC3FL5J8W2Pb6R8a+ab/cPv4wOhmDbmHpuAzgAAAABJRU5ErkJggg==)}
.shipping_time_lines > div > div > div:first-child { margin: 7px 0; font-weight: bold; font-size: 18px; }
.shipping_time_lines > div > div > div:last-child{color:#333}

.wrap-max{margin:0 auto;min-width:1100px;width:100%;max-width:1500px;}
.wrap-max-wrap{width: 100%;overflow:visible;position: relative; height: 100%;}
.wrap-max-box{display:flex;align-items: flex-start;}

.wrap-max-box #pro_img{position: sticky;width:48%;margin-right:7%;top: 0;float:none;padding-bottom:0}
.wrap-max-box #pro_img>div,.wrap-max-box #big_img,
.wrap-max-box #pro_img .swiper-slide img {width:100%}
.wrap-max-box #pro_img .swiper-button-prev{left:0;}
.wrap-max-box #pro_img .swiper-button-next{right:0;}
.wrap-max-box #pro_img .swiper-button-prev,.wrap-max-box #pro_img .swiper-button-next{background-color:rgba(255,255,255,.5);border-radius:50%;padding:10px 19px}

.wrap-max-box #Customize{width: 280px;}
.wrap-max-box #Customize:before{display:none;}

.click_shipping_ruturns { height: 55px; cursor: pointer; width: 100%; background-color: #F6F6F6; border-radius: 4px; padding: 17px 14px; box-sizing: border-box; }
.click_shipping_ruturns h2 { margin: 0; padding: 0; float: left; line-height: 1; font-size: 18px; }
.click_shipping_ruturns .icon { transform: rotate(90deg); display: inline-block; float: right; }
.shipping_returns_text { background: #fff; border: 5px solid #f6f6f6; padding: 8px;display:none;border-top:0 none; }
.shipping_returns_text table { border: 5px solid #f6f6f6;margin-top:10px }
.shipping_returns_text th{padding:10px 0;}
.shipping_returns_text td{padding:10px 0;border:1px solid #f6f6f6}
.shipping_returns_text h3{margin:0;line-height:2.5;}
.shipping_returns_text h3 img{width:24px;vertical-align: middle;margin-right:5px}
.shipping_returns_text .b+div{margin:20px 0 10px;}
.active>.shipping_returns_text{display:block;}
.active>.click_shipping_ruturns{border-bottom-left-radius:0;border-bottom-right-radius:0;}

.max-deta-title{background-color:#F6F6F6;text-align:center;line-height:3;margin-top:30px;font-size:18px}
#max-deta>ul li{display:inline-block;margin:0 120px;cursor:pointer;}
#max-deta>#Details{display:none;padding:0}
#max-deta #googleRveiew{display:none;}

#max-deta>#Details.active,#max-deta #googleRveiew.active{display:block;}

.max-list { display: flex; flex-flow: row wrap; align-items: stretch; }

.max-list > li { width: calc((100% - 90px) / 4); margin:30px 30px 0px 0; background-color: #f6f6f6; overflow: hidden; font-size:14px;text-align:center; display:inline-block;vertical-align:top;box-sizing:border-box;padding:10px}
.max-list > li:nth-child(4n),.max-list > li:last-child  { margin-right: 0; }
.max-list li img{width:100%}
.max-list b{font-size:16px}


.serieLis {background:url(/StaticRes/udiy/images/shift.svg) no-repeat 250px 8px;background-size:15px;}
.serieLis.active{background-color:#F6F8FC !important;}
.serieLis>a{display:block;}
.serieLis:nth-child(3n+1).active{margin-right:580px;}
.serieLis:nth-child(3n+2).active{margin-right:290px;}
.serieLis:nth-child(3n+2)>div{margin-left:-290px;}
.serieLis:nth-child(3n+3)>div{margin-left:-580px;}

/*--------25.12.23-----------*/
#language {float:left; width:30px;height:30px;margin-left:50px;cursor:pointer;position:relative;z-index:999}
#language img{width:22px;margin:4px;}
#language:hover ul{display:block;}
#language ul {display:none; position: absolute;  background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); line-height: 30px; z-index: 2;  top: 58px; border-radius:16px;right:0;padding:10px;}
#language li{padding:5px 10px 5px 45px; white-space:nowrap;width:180px;border-radius:30px;position:relative;}
#language ul:after{display:none;content:'';width:50px;height:150px;transform:rotate(72deg);position:absolute;z-index:-1;top:-68px;right:83px;}
#language:hover ul:after{display:block;}
#language li:hover{outline:1px solid #000; }
#language ul:before{display:none;content:'';width:50px;height:50px;position:absolute;z-index:-2;top:-44px;right:0px;}
#language:hover ul:before{display:block;}
#language li.active:before { content: "\e6a5"; font-family: "icon" !important; position: absolute; left: 16px; font-size: 14px; font-weight: bold; font-style: normal; }