* { padding:0px; margin:0px; font-family:arial,"宋体","Hiragino Sans GB",sans-serif;-webkit-tap-highlight-color: transparent }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;}
table,table a {font-size:14px; color:#646464;}
table a:hover{ font-size:14px;color:#646464;}
table.order {font-size:14px;color:#646464;}
sub,sup {	font-size:9px;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul,li{list-style:none; -webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
ins { text-decoration:none; }

img { position:relative; width:100%; }
p { display:inline; }

input{ outline:expression(this.hideFocus=true);outline:none; cursor:pointer; height:28px; color:#205064; border:1px solid #e8e8e8; float:none; display:inline; font:12px/28px "微软雅黑"; }

a,a:visited { text-decoration:none; color:#696969; cursor:pointer; }
a:hover { color:#ff0000; }
a:focus { outline: none; -moz-outline-style: none; }

b { font-weight:normal; }
i { font-style:normal; }

html { overflow-x:hidden; }
html,body {	-webkit-text-size-adjust: none; width:100%; height:100%; position:relative; }
form { float:left; width:100%; height:100%; position:relative; overflow:hidden; }

.clear{ clear:both; height:0; overflow:hidden; }
.blank5 { height:5px; clear:both; overflow:hidden; display:block; }
.blank6 { height:6px; clear:both; overflow:hidden; display:block; }
.blank7 { height:7px; clear:both; overflow:hidden; display:block; }
.blank8 { height:8px; clear:both; overflow:hidden; display:block; }
.blank10 { height:10px; clear:both; overflow:hidden; display:block; }
.blank12 { height:12px; clear:both; overflow:hidden; display:block; }
.blank15 { height:15px; clear:both; overflow:hidden; display:block; }
.blank20 { height:20px; clear:both; overflow:hidden; display:block; }
.blank25 { height:25px; clear:both; overflow:hidden; display:block; }
.blank30 { height:30px; clear:both; overflow:hidden; display:block; }
.blank35 { height:35px; clear:both; overflow:hidden; display:block; }
.blank40 { height:40px; clear:both; overflow:hidden; display:block; }
.blank50 { height:50px; clear:both; overflow:hidden; display:block; }
.blank53 { height:53px; clear:both; overflow:hidden; display:block; }
.blank100 { height:100px; clear:both; overflow:hidden; display:block; }
.blank { height:0px;overflow:hidden; }
#blank { clear:both; overflow:hidden; display:block; }

img{  
    pointer-events: none;/*禁用鼠标*/  
} 

.websiteWrapper { width:100%; height:100%; max-width:1440px; margin:0px auto; background:#ffffff; overflow:hidden; position:relative; }
.websiteWrapperbg { width:100%; height:100%; position:absolute; z-index:1; left:0px; top:0px; overflow:hidden; }
.websiteWrapperbg img { width:100%; height:100%; position:relative; }

.InnerWrapper { width:100%; max-width:1024px; margin:0px auto; background:#ffffff; position:relative; }

.leftWrapper { float:left; display:none; z-index:25; background:url(/images/abg80.png) repeat; position:relative; overflow:hidden; }
.leftWrapper h1 { float:left; font:12px/40px "宋体"; background:#000000; color:#ffffff; text-align:center; border-bottom:1px solid #666666; border-right:1px solid #666666; cursor:pointer; }

.leftWrapper_Class { float:left; width:0px; height:0px; position:relative; overflow:hidden; }
#leftWrapper_Class_content,#leftWrapper_Style_content { float:left; }
.leftWrapper_Class ul { float:left; }

.leftWrapper_Class ul li { float:left; position:relative; overflow:hidden; }
.leftWrapper_Class ul li span { float:left; background:url(/images/abg.png) repeat; text-align:center; width:80px; height:40px; font:12px/40px "宋体"; color:#ffffff; cursor:pointer; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.leftWrapper_Class ul li span.center { color:#ababab; }

.TopWrapper { float:left; width:100%; height:40px; z-index:25; background:url(/images/abg80.png) repeat; position:relative; overflow:hidden; }
.TopWrapper h1 { float:left; font:12px/40px "宋体"; background:#000000; color:#ffffff; text-align:center; border-bottom:1px solid #666666; border-right:1px solid #666666; cursor:pointer; }

.TopWrapper_Class { float:left; width:100%; height:40px; position:relative; overflow:hidden; }
.TopWrapper_Class_Scroll { width:327600px; height:40px; }
#TopWrapper_Class_content,#TopWrapper_Style_content { float:left; }
.TopWrapper_Class ul { float:left; }

.TopWrapper_Class ul li { float:left; position:relative; overflow:hidden; }
.TopWrapper_Class ul li span { float:left; background:url(/images/abg.png) repeat; text-align:center; width:80px; height:40px; font:12px/40px "宋体"; color:#ffffff; cursor:pointer; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.TopWrapper_Class ul li span.center { color:#ababab; }

.leftWrapper_Login { float:right; width:80px; height:40px; }
.leftWrapper_Login a,.leftWrapper_Login a:visited { float:left; width:80px; height:40px; font:12px/40px "宋体"; color:#ffffff; text-align:center; }

.Wrapper_Brang { float:left; height:40px; }
.Wrapper_Brang a,.Wrapper_Brang a:visited { float:left; width:80px; height:40px; font:12px/40px "宋体"; color:#ffffff; text-align:center; }

.AboutUs { float:left; width:94%; margin:20px 3%; font:16px/1.8em "宋体"; color:#666666; }
.AboutUs img  { max-width:100%; width:auto; }
.AboutUs p { display:block; }
.rightWrapper { float:left; display:none; z-index:15; position:relative; }
.bottomWrapper { display:block; z-index:15; width:100%; z-index:20; background:url(/images/abg80.png) repeat; position:absolute; bottom:0px; right:0px; overflow:hidden; }

.ProductClassShow { float: left; width: 100%; }
.ProductClassShow ul { float:left; width:100%; padding:5px 0px; text-indent: 10px; }
.ProductClassShow ul li { float:left; font: 14px/30px "宋体"; height: 30px; padding-right:10px; }
.ProductClassShow ul li a { color:#000000; }
.ProductClassShow ul li a.center { border-bottom:1px solid #dddddd; }
.ProductClassShow ul li.center { background:#cccccc; }

.DesignClassShow { float: left; width: 100%; }
.DesignClassShow ul { float:left; position:relative; left:50%; padding:5px 0px; }
.DesignClassShow ul li { float:left; position:relative; left:-50%; font: 14px/30px "宋体"; height: 30px; padding:0px 10px; }
.DesignClassShow ul li a { color:#000000; }
.DesignClassShow ul li a.center { border-bottom:1px solid #dddddd; }
.DesignClassShow ul li.center { background:#cccccc; }

.ContainWrapper { float:left; width:100%; position:relative; z-index:15; position:relative; overflow:hidden; }
.ShowProduct { float:left; width:calc(100% - 10px); margin:0px 5px 20px 5px; font:16px/1.8em "宋体"; color:#666666; }
.ShowProduct ul { float:Left; width:100%;  }
.ShowProduct ul li { float:Left; width:calc(50% - 10px); margin:10px 5px; position:relative; }
.ShowProduct ul li h2 {  position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:5; overflow:hidden; }
.ShowProduct ul li h2 img { width:100%; position:relative; }
.ShowProduct ul li a { float:left; width:100%; background:ulr(/images/abg.png) repeat; position:relative; z-index:10; padding-bottom:40px; }
.ShowProduct ul li a img { width:100%; }
.ShowProduct ul li a span { position:absolute; bottom:0px; left:0px; width:100%; height:40px; background:url(/images/abg80.png) repeat; text-align:center; font:14px/40px "宋体"; color:#ffffff; }

.DesignList { float:left; width:100%; }
.DesignList ul { float:left; width:100%; }
.DesignList ul li { float:left; position:relative; width:calc(50% - 28px); margin:0px 14px 28px 14px; position:relative; }
.DesignList ul li h2 { position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:5; overflow:hidden; }
.DesignList ul li a,.DesignList ul li a:visited { float:left; position:relative; z-index:10; width:100%; overflow:hidden; -moz-box-shadow: 0 2px 8px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3); box-shadow: 0 2px 8px rgba(0,0,0,.3); background:ulr(/images/abg.png) repeat; overflow:hidden; }
.DesignList ul li a b { position:absolute; top:0px; right:0px; background:url(/images/Ricon.png) no-repeat; background-size:100% 100%; width:30%; height:30%; }
.DesignList ul li a em { position:absolute; left:0px; background:url(/images/abg60.png) repeat; width:100%; height:30px; text-align:center;bottom:5px; font:bold 14px/30px "宋体"; color:#454545; }
.DesignList ul li a:hover em { color:#000000; }
.DesignList ul li a:hover 
{
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.7);
    box-shadow: 0 2px 12px rgba(0,0,0,.7); 
}
.DesignList ul li a img { position:relative; width:100%; }

.centerWrapper { float:left; display:none; position:relative; z-index:15; position:relative; overflow:hidden; }
.centerWrapper h1 { float:left; width:100%; font:12px/50px "宋体"; height:40px; color:#000000; border-bottom:1px solid #000000; text-indent:10px; }
#centerWrapper_content { float:left; width:100%; }
.Design { float:left; width:100%; }
.Design ul { float:left; width:100%; }
.Design ul li { float:left; position:relative; }
.Design ul li h2 { position:absolute; z-index:5; left:0px; top:0px; }
.Design ul li a,.Design ul li a:visited { float:left; position:relative; z-index:10; width:100%; height:150px; overflow:hidden; -moz-box-shadow: 0 2px 8px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3); box-shadow: 0 2px 8px rgba(0,0,0,.3); padding:2px; background:#ffffff; }
.Design ul li a b { position:absolute; top:0px; right:0px; background:url(/images/Ricon.png) no-repeat; background-size:100% 100%; width:30%; height:30%; }
.Design ul li a em { position:absolute; left:0px; background:url(/images/abg60.png) repeat; width:100%; height:30px; text-align:center;bottom:5px; font:bold 14px/30px "宋体"; color:#454545; }
.Design ul li a:hover em { color:#000000; }
.Design ul li a:hover 
{
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.7);
    box-shadow: 0 2px 12px rgba(0,0,0,.7); 
}
.Design ul li a img { position:relative; }

.Scheme { float:left; width:100%; display:none; }
.Scheme ul { float:left; width:100%; }
.Scheme ul li { float:left; position:relative; }
.Scheme ul li h2 { position:absolute; z-index:5; left:0px; top:0px; }
.Scheme ul li a,.Scheme ul li a:visited { float:left; position:relative; z-index:10; width:100%; height:100px; overflow:hidden; }
.Scheme ul li a img { position:relative; }

.More { float:left; width:100%; height:60px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; font:14px/60px "宋体"; color:#a0a0a0; }
 
.UserWrapper { float:left; position:relative; z-index:15; }

.Login { float:left; background:#000000; position:relative; overflow:hidden; }
.Login_content { float:left; width:100%; height:100%; position:relative; overflow:hidden; }
.Login h1 { float:left; width:100%; text-align:center; font:14px/60px "微软雅黑"; color:#ffffff; }
.Login dl { float:left; width:100%; position:relative;}
.Login dl dt { float:left; width:100%; }
.Login dl dt span { float:left; text-indent:0px; padding:0px 2%; width:95%; margin:0 0 20px 0; border:1px solid #3f3f3f; background-color:#222222; font:14px/40px "微软雅黑"; color:#ffffff; position:relative; z-index:5; }

.LoginIn { position:absolute; left:2%; z-index:10; top:0px; width:96%; border:none; background:none; height:40px; font-size:14px; color:#ffffff; }
.LoginSub { border:0; border-radius:6px; font:20px/44px "microsoft yahei"; color:#FFF; background:#ea5b24; width:100%; height:44px; cursor: pointer; }
.LoginRegistL { position:absolute; top:100%; margin-top:-64px; left:0px; background:#222222; border:1px solid #3f3f3f; border-radius:6px; font:20px/44px "microsoft yahei"; text-align:center; color:#ffffff; width:48%; height:44px; cursor:pointer; }
.LoginRegistR { position:absolute; top:100%; margin-top:-64px; right:0px; background:#222222; border:1px solid #3f3f3f; border-radius:6px; font:20px/44px "microsoft yahei"; text-align:center; color:#ffffff; width:48%; height:44px; cursor:pointer; }
.BackBtn { border:1px solid #3f3f3f; border-radius:6px; font:20px/44px "microsoft yahei"; color:#FFF; background:#222222; width:100%; height:44px; cursor: pointer; margin-top:20px; }

.Regist { float:left; background:#000000; position:relative; display:none; }
.Regist h1 { float:left; width:100%; text-align:center; font:14px/60px "微软雅黑"; color:#ffffff; }
.Regist dl { float:left; width:100%; position:relative; height:100%; }
.Regist dl dt { float:left; width:100%; }
.Regist dl dt span { float:left; text-indent:0px; padding:0px 2%; width:95%; margin:0 0 15px 0; border:1px solid #3f3f3f; background-color:#222222; font:14px/40px "微软雅黑"; color:#ffffff; position:relative; z-index:5; }

.RegistIn { position:absolute; left:2%; z-index:10; top:0px; width:96%; border:none; background:none; height:40px; font-size:14px; color:#ffffff; }
.RegistSub { border:0; border-radius:6px; font:20px/44px "microsoft yahei"; color:#FFF; background:#ea5b24; width:100%; height:44px; cursor: pointer; }

.User { float:left; background:url(/images/abg80.png) repeat; position:relative; }
.User ul { float:left; width:100%; position:relative; top:50%; }
.User ul li { float:left; position:relative; cursor:pointer; padding-bottom:30px; }
.User ul li h2 { float:left; width:100%; overflow:hidden; position:relative; text-align:center; }
.User ul li h2 img { width:100%; height:100%; position:relative; max-width:200px; max-height:127px; }
.User ul li span { position:absolute; left:0px; bottom:0px; width:100%; text-align:center; font:bold 18px/30px "微软雅黑"; height:30px; color:#ffffff; }


.mainWrapper { float:left; width:100%; height:100%; position:relative; z-index:5; overflow:hidden; -webkit-overflow-scrolling:touch }
.mainWrapperBg { width:100%; height:100%; position:absolute; z-index:5; left:0px; right:0px; overflow:hidden; }
#mainWrapperbgs { width:100%; height:100%; position:absolute; z-index:-1; left:0px; right:0px; overflow:hidden; background:url(/images/abg75.png) repeat; }

.Ceramic_left { position:absolute; z-index:15; background:url(/images/abg80.png) repeat; overflow:hidden; display:none; }
.Ceramic_left h1 { float:left; font:12px/40px "宋体"; padding:10px 0px; background:#000000; color:#ffffff; text-align:center; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; cursor:pointer; }
.Ceramic_left_Class { float:left; width:0px; height:0px; position:relative; overflow:hidden; }
.Ceramic_left_Class ul { float:left; }
.Ceramic_left_Class ul li { float:left; position:relative; overflow:hidden; text-align:center; width:80px; height:60px; font:12px/60px "宋体"; color:#ffffff; cursor:pointer; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.Ceramic_left_Class ul li span { float:left; padding:5px 10px; width:60px; text-align:left; height:34px; font:12px/1em ""; position:relative; }
.Ceramic_left_Class ul li em { float:left; padding:0px 0px; text-align:center; width:80px; height:16px; font:12px/16px "宋体"; color:#ffffff; }


.Ceramic_left_Class ul.Com { padding:30px 0px; }
.Ceramic_left_Class ul.Coms { padding-left:23px; }

.ComTop { top:121px; left:0px; background:url(/images/ComTop.png) center no-repeat; width:80px; height:30px; position:absolute; display:none; z-index:20; cursor:pointer; }
.ComBot { bottom:0px; left:0px; background:url(/images/ComBot.png) center no-repeat; width:80px; height:30px; position:absolute; display:none; z-index:20; cursor:pointer; }
.Comleft { left:160px; top:0px; background:url(/images/ComLeft.png) center no-repeat; width:23px; height:60px; position:absolute; display:none; z-index:20; cursor:pointer; }
.Comright { right:0px; top:0px; background:url(/images/ComRight.png) center no-repeat; width:23px; height:60px; position:absolute; display:none; z-index:20; cursor:pointer; }

.Ceramic_left_Login { float:left; width:81px; height:61px; background:#000000; }
.Ceramic_left_Login a,.Ceramic_left_Login a:visited { float:left; width:80px; height:60px; font:12px/60px "宋体"; color:#ffffff; text-align:center; }

#Ceramic_right_Plaquetype_content,#Ceramic_left_Product_content,#Ceramic_right_Routine_content,#Ceramic_right_Combination_content,#Ceramic_right_Beltline_content,#Ceramic_right_Mosaic_content,#Ceramic_right_Angle_content,#Ceramic_right_content,#Ceramic_right_Wood_content { float:left; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Ceramic_right_content { padding-right:80px; padding-bottom:60px; }
.Ceramic_right { position:absolute; z-index:15; display:none; background:url(/images/abg80.png) repeat;  }
.Ceramic_rights {  float:left; width:100%; height:100%; position:relative; z-index:5; overflow:hidden; }
.Ceramic_right h1 { float:left; font:12px/40px "宋体"; padding:10px 0px; background:#000000; color:#ffffff; text-align:center; overflow:hidden; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; cursor:pointer; }
.Ceramic_right_Class { float:left; width:0px; height:0px; position:relative; overflow:hidden; }
.Ceramic_right_Class ul { float:left; }
.Ceramic_right_Class ul li { float:left; position:relative; overflow:hidden; }
.Ceramic_right_Class ul li span { float:left; background:url(/images/abg.png) repeat; width:60px; padding:10px 10px; height:40px; font:12px/40px "宋体"; color:#ffffff; cursor:pointer; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; position:relative; z-index:5; }
.Ceramic_right_Class ul li b { position:absolute; right:0px; top:0px;  width:0px; height:0px; z-index:10; }
.Ceramic_right_Class ul li b.center { background:url(/images/Current.png) right top no-repeat; width:32px; height:32px; }

.CeramicList { position:absolute; background:url(/images/abg80.png) repeat; }
.CeramicList a { position:relative; overflow:hidden; float:left; cursor:pointer; }
.CeramicList img { padding:5px; width:60px; height:60px; }
.CeramicList a span { position:absolute; right:0px; top:0px; width:0px; height:0px; }
.CeramicList a.center span { background:url(/images/Current.png) no-repeat; width:32px; height:32px; }

.DesignSelect { position:absolute; z-index:10; right:0px; bottom:0px; width:80px; height:60px; background:#000000; }
.DesignSelect a,.DesignSelect a:visited { float:left; width:80px; height:60px; font:12px/60px "宋体"; color:#ffffff; text-align:center; }

.Ceramic_Content { float:left; z-index:10; position:relative; }

#ZoomBtn { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.Scale { background:url(/images/skin_v6_2.png) -64px -35px no-repeat; background-size:161px 67px; }
.Enlarge { background:url(/images/skin_v6_2.png) -96px -35px no-repeat; background-size:161px 67px; }


#InvertedBtn { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.InvertedOn { background:url(/images/skin_v6_2.png) -32px 0px no-repeat; background-size:161px 67px;}
.InvertedOff { background:url(/images/skin_v6_2.png) -64px 0px no-repeat; background-size:161px 67px; }


#RotationBtn { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.RotationOn { background:url(/images/skin_v6_2.png) 0px 0px no-repeat; background-size:161px 67px; }
.RotationOff { background:url(/images/skin_v6_2.png) -32px -35px no-repeat; background-size:161px 67px; }

#AddPattern { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.AddPattern { background:url(/images/skin_v6_2.png) -96px 0px no-repeat; background-size:161px 67px; }
.DelPattern { background:url(/images/skin_v6_2.png) -128px 0px no-repeat; background-size:161px 67px; }


#UVMove { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.UVMoveOn { background:url(/images/skin_v6_2.png) -128px -35px no-repeat; background-size:161px 67px; }
.UVMoveOff { background:url(/images/skin_v6_1.png) -128px -35px no-repeat; background-size:161px 67px; }

.SaveBG { position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:0; background:url(/images/abg80.png) #ffffff repeat; }
#Save3D { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.Save3D { background:url(/images/skin_v6_2.png) 0px -35px no-repeat; background-size:161px 67px; }

.Save2D { position:absolute; width:100px; height:40px; text-align:center; font:16px/40px "宋体"; color:#333333; z-index:1000; bottom:100px; left:50%; margin-left:-110px; cursor:pointer; text-align: center; background:rgba(255, 251, 240, 0.8); /*R G B opacity*/ -moz-user-select: none; -khtml-user-select: none; user-select: none;  -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5); box-shadow: 0px 5px 10px rgba(0,0,0,0.5); }
.Back2D { position:absolute; width:100px; height:40px; text-align:center; font:16px/40px "宋体"; color:#333333; z-index:1000; bottom:100px; left:50%; margin-left:10px; cursor:pointer; text-align: center; background:rgba(255, 251, 240, 0.8); /*R G B opacity*/ -moz-user-select: none; -khtml-user-select: none; user-select: none;  -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5); box-shadow: 0px 5px 10px rgba(0,0,0,0.5); }

.QRCode { position:absolute; width:300px; height:327px; border:10px solid #ffffff; left:50%; margin-left:-160px; z-index:20; top:50%; margin-top:-160px; background:#fffffff; display:none; }
.QRCode a,.QRCode a:visited { position:absolute; right:-20px; top:-20px; background:url(/images/Closed.png) no-repeat; z-index:10; background-size:20px 20px; width:20px; height:20px; text-indent:-9999px; }
.QRCode img { width:100%; height:100%;  pointer-events:auto; position:relative; z-index:5; }
#MusicBtn { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.MusicOn { background:url(/images/skin_v6_1.png) -64px -35px no-repeat; background-size:161px 67px; }
.MusicOff { background:url(/images/skin_v6_1.png) -64px 0px no-repeat; background-size:161px 67px; }

.VDBtn { position:absolute; width:32px; height:32px; z-index:1000; background:url(/images/skin_v6.png) center no-repeat; background-size:32px 32px; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

#QRBtn { position:absolute; width:32px; height:32px; z-index:1000; background:url(/images/skin_v6_1.png) 0px -35px no-repeat; background-size:161px 67px; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

.BackBtns { position:absolute; width:32px; height:32px; z-index:1000; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.BackBtns a,.BackBtns a:visited { float:left; width:32px; height:32px; font:12px/32px "宋体"; background:url(/images/Abg80.png) repeat; border-radius: 16px; color:#ffffff; text-align:center; }
#VRBtn { position:absolute; width:32px; height:32px; z-index:1000; background:url(/images/skin_v6_1.png) 0px 0px no-repeat; background-size:161px 67px; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

#PListBtn { position:absolute; width:32px; height:32px; z-index:1000; background:url(/images/skin_v6_1.png) -32px -35px no-repeat; background-size:161px 67px; bottom:-999px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }





.ShowDesign { position:absolute; bottom:0px; left:0px; background:url(/images/abg65.png) repeat; height:80px; z-index:999; }
.ShowDesign dl { height:80px; }
.ShowDesign dl dt a { background:url(/images/hide.png) center center no-repeat; height:80px; background-size:40px 40px; }
.ShowDesign dl dd { }
.CloseDesign { position:absolute; bottom:0px; left:0px; height:40px; z-index:999; }
.CloseDesign dl { height:40px; }
.CloseDesign dl dd { float:left; height:0px; width:0px; overflow:hidden; }
.CloseDesign dl dt a { background:url(/images/show.png) no-repeat;  height:40px; background-size:40px 40px; }
.CloseDesign dl dd { display:none; }

#Design dl { float:left; width:100%; }
#Design dl dt { float:left; width:40px; height:80px; }
#Design dl dt a { float:left; width:40px; }

#Design dl dd { float:left; height:80px; position:relative; overflow:hidden; margin:0px 5px 0px 0px; position:relative; left:-20px; }
#Design dl dd span { float:left; margin:10px 5px; position:relative; }
#Design dl dd span b { position:absolute; z-index:10; left:0px; top:0px; width:60px; height:60px; background:#ffffff; }
#Design dl dd span b img { width:0px; height:0px; overflow:hidden; -moz-user-select: none;-khtml-user-select: none; user-select: none; }
#Design dl dd a,#Design dl dd a:visited { float:left; position:relative; z-index:20; width:60px; height:60px; background:url(/images/Dthumbs_bgs.png) no-repeat; background-size:60px 60px; }
#Design dl dd a i { float:left; width:55px; height:20px; margin:38px 2px 2px 2px; text-align:center; background:url(/images/abg65.png) repeat; font:12px/20px "宋体"; color:#ffffff; overflow:hidden; }
#Design dl dd a.center { background:url(/images/Dthumbs_bg.png) no-repeat; background-size:60px 60px; }

#canvas-frame { float:left; position:relative; z-index:5; background:#cccccc; }

#ScrollCanvas { position:absolute; top:0px; left:0px; z-index:7; }
#mainbg { position:absolute; top:0px; left:0px;  z-index:10; overflow:hidden; background:#ffffff; cursor:pointer; }
#mainbg img { width:100%; height:100%;}
#mainWrapperbg { position:absolute; z-index:20; width:100%; height:100%; left:0px; top:0px; cursor:pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;  }

#CeramicCollage { position:absolute; left:0px; top:0px; z-index:5; }
#BgImg { position:relative; z-index:10; }


#productimage{ float:left; position:relative; z-index:15; overflow:hidden; background:#ffffff; }

#productimage img { width:600px; height:600px;}


.main { width:100%; height:100%; max-width:640px; min-width:320px; margin:0px auto; background:#ffffff; overflow:hidden; position:relative; }
.Wrapper_Content { width:100%; height:100%; float:left; z-index:1; left:0px; top:0px; position:relative; overflow:hidden; }
.Wrapper_Main { float:left; width:100%; position:relative; z-index:10; }

.Logins { float:left; width:100%;}
.Logins h1 { float:left; width:100%; font:30px/50px "微软雅黑"; color:#ff0000; text-align:center; }
.Logins dl { float:left; width:100%; }
.Logins dl dt { float:left; width:98%; padding:10px 1%; position:relative; }
.Logins dl dt span { float:left; width:98%; text-indent:60px; border: 1px solid #999; border-radius:6px; font:14px/40px "微软雅黑"; color:#999; position:relative; z-index:5; }
.Logins dl dt span.username { background:url(/images/icon_username.png) left center no-repeat; }
.Logins dl dt span.password { background:url(/images/icon_passwd.png) left center no-repeat; }
.Logins dl dt span.phone { background:url(/images/icon_phone.png) left center no-repeat; }
.Logins dl dt span.email { background:url(/images/icon_email.png) left center no-repeat; }
.Logins dl dt span.verifycode { width:49%; background:url(/images/icon_captcha.png) left center no-repeat; }
.Logins dl dt span.verifycodeImg { width:45%; margin-left:4%; float:left; border:1px solid #999999; border-radius:0px; text-indent:0px; height:40px; }
.Logins dl dd { float:left; width:98%; padding:10px 1%; font:12px/30px "宋体"; color:#000000; }
.Logins dl dd em { float:left; width:20px; height:20px; }
.Logins dl dd a,.Logins dl dd a:visited { color:#ff0000; }

.LoginsIn { position:absolute; left:60px; z-index:10; top:2px; width:86%; border:none; background:none; height:36px; font-size:14px; color:#000000; }
.verifycodeIn { position:absolute; left:60px; z-index:10; top:2px; width:130px; border:none; background:none; height:36px; font-size:14px; color:#000000; }
.LoginsSub { border:0; border-radius:6px; font:20px/44px "microsoft yahei"; color: #FFF; background: #ea5b24; width:98%; height: 44px; cursor: pointer; }
.LoginsRegist { border:1px solid #999999; border-radius:6px; font:20px/44px "microsoft yahei"; color:#999999; background:#ffffff; width:98%; height: 44px; cursor: pointer; }

.Regist_checkbox { width:16px; height:16px; margin-top:7px; }


div.pinch-zoom-container {  }
div.pinch-zoom,
div.pinch-zoom img{
	width: 100%;
	-webkit-user-drag: none;
	pointer-events:auto;
}



.Head { position:absolute; top:0px; width:100%; z-index:10; background:#eaeaea; border-bottom:1px solid #cccccc; }

.Head2DContent { float:left; width:100%; height:60px; display:none; }
.LOGO { float:left; width:200px; height:60px; font:24px/60px "微软雅黑"; color:#000000; text-align:center; }
.Head2DCTitle { float:left; }
.Head2DCContent { position:absolute; top:60px; width:100%; height:40px; font:12px/40px "宋体"; color:#ffffff; text-align:center; background:url(/images/Abg80.png) repeat; border-bottom:1px solid #cccccc; }

.OutBtn { float:right; margin-right:20px; margin-top:7px; width:80px; height:26px; font:12px/26px "宋体"; color:#ffffff; background:#3399ff; border:none; }
.HeadContent { float:left; width:100%; height:60px;  }

.LOGO { float:left; }
.Setting { float:right; }
.Setting ul { float:left; }
.Setting ul li { float:left; width:80px; font:12px/60px "宋体"; color:#3399ff; }

.Max3D { float:left; width:100%; height:100%; position:relative; z-index:5; }

#canvas2D-frame { position:absolute; top:0px; left:0px; z-index:5; background:#f1f1f1; width:100%; height:100%; }
#canvas3D-frame { position:absolute; top:0px; left:0px; z-index:5; background:#f1f1f1; width:100%; height:100%; display:none; }


.LeftTree { position:absolute; left:0px; z-index:5; top:0px; width:300px; height:100%; overflow:hidden; background:#ffffff; border-right:1px solid #cccccc; }
.LeftTreeContent { float:left; position:relative; top:60px; width:300px; height:100%; }
.LeftTreeContentul { float:left; width:300px; }
.LeftTreeContentul ul { float:left;  }
.LeftTreeContentul ul li { float:left; }
.LeftTreeContentul ul li a,.LeftTreeContentul ul li a:visited { float:left; width:98px; height:40px; font:14px/40px "宋体"; color:#333333; text-align:center; border-bottom:1px solid #cccccc; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.LeftTreeContentul ul li.center a { border-bottom:1px solid #ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }

.LeftTreeContentdl1 { float:left; width:300px; height:100%; display:none; }
.LeftTreeContentdl1 ul { float:left; padding:10px; }
.LeftTreeContentdl1 ul li { float:left; width:280px; height:200px; margin-bottom:10px; position:relative; }
.LeftTreeContentdl1 ul li h2 { float:left; width:280px; height:200px; position:relative; overflow:hidden; }
.LeftTreeContentdl1 ul li a { position:absolute; top:0px; left:0px; width:280px; height:200px; }
.LeftTreeContentdl1 ul li a:hover { background:url(/images/Abg80.png) repeat; }
.LeftTreeContentdl1 ul li a span { position:absolute; display:none; width:280px; height:24px; text-align:center; left:0px; top:88px; font:14px/30px "宋体"; color:#ffffff; }
.LeftTreeContentdl1 ul li a:hover span { display:block; }

.LeftTreeContentdl2 { float:left; width:300px; height:100%; background:url(/images/LeftBg.png) left repeat-y; position:relative; }
.LeftTreeContentdl2 ul { float:left; width:60px; }
.LeftTreeContentdl2 ul li { float:left; position:relative; cursor:pointer; }
.LeftTreeContentdl2 ul li h2 { position:absolute; z-index:5; top:5px; left:0px; width:60px; height:35px; }
.LeftTreeContentdl2 ul li h2 img { width:0px; height:0px; }
.LeftTreeContentdl2 ul li b { float:left; width:60px; height:20px; padding-top:40px; position:relative; z-index:10; border-bottom:1px solid #e8e7e7; font:12px/20px "宋体"; color:#666666; text-align:center; background:url(/images/abg.png) repeat; }
.LeftTreeContentdl2 ul li:hover,.LeftTreeContentdl2 ul li.center { background:#ffffff; }
.LeftTreeContentdl2 ul li:hover b,.LeftTreeContentdl2 ul li.center b { margin-right:-1px; margin-top:-1px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #ffffff;  }

.LeftTreeContentdl2 ul li i { position:absolute; display:none; z-index:1; left:0px; padding-left:60px; width:239px; min-height:60px; border:1px solid #333333; background:#ffffff; }
.LeftTreeContentdl2 ul li i { float:left; width:239px; }
.LeftTreeContentdl2 ul li i em { float:left; padding:5px; }
.LeftTreeContentdl2 ul li i em a,.LeftTreeContentdl2 ul li:hover i em a:visited { float:left; width:auto; height:14px; padding:0px 2px; font:12px/14px "宋体"; color:#333333; }
.LeftTreeContentdl2 ul li i em a:hover,.LeftTreeContentdl2 ul li i em a.center { color:#ffffff; background:#999999; }


.LeftTreeContentdl2 dl { float:right; width:240px; height:100%; position:relative; overflow:hidden; background:#ffffff; z-index:105; }
.LeftTreeContentdl2 dl dt { float:left; width:240px; }
.LeftTreeContentdl2 dl dt span { float:left; width:240px; padding:10px 0px; font:12px/20px "宋体"; color:#333333; }
.LeftTreeContentdl2 dl dt span a,.LeftTreeContentdl2 dl dt span a:visited { font:12px/20px "宋体"; color:#333333; padding:0px 5px; }
.LeftTreeContentdl2 dl dt i { float:left; width:230px; padding:5px; background:#eaeaea; }
.LeftTreeContentdl2 dl dd span { float:left; padding:0px 5px 0px 20px; }
.LeftTreeContentdl2 dl dt i a,.LeftTreeContentdl2 dl dt i a:visited { float:left; padding:2px 5px; font:12px/20px "宋体"; color:#333333; }
.LeftTreeContentdl2 dl dd { float:left; width:240px; overflow:hidden; position:relative; }
.LeftTreeContentdl2 dl dd span a,.LeftTreeContentdl2 dl dd span a:visited { padding:5px 10px; font:12px/30px "宋体"; color:#333333; text-align:center; border:1px solid #cccccc; margin-right:10px; }
.LeftTreeContentdl2 dl dd i { float:left; width:220px; padding:5px 15px 5px 5px; }
.LeftTreeContentdl2 dl dd i a,.LeftTreeContentdl2 dl dt i a:visited { float:left; padding:5px; width:100px; height:100px; overflow:hidden; position:relative; }
.LeftTreeContentdl2 dl dd i a img { width:100%; height:100%; }
.LeftTreeContentdl2 dl dd i em { float:left; padding:5px; width:100px; min-height:100px; overflow:hidden; position:relative; cursor:pointer; }
.LeftTreeContentdl2 dl dd i em h2 { position:absolute; left:5px; top:5px; width:100px; height:100px; overflow:hidden; z-index:5; }
.LeftTreeContentdl2 dl dd i em a,.LeftTreeContentdl2 dl dd i em a:visited { float:left; width:100px; padding:0px; padding-top:100px; height:25px; z-index:10; position:relative; background:url(/images/abg.png) repeat; font:12px/25px "宋体"; color:#333333; text-align:center; }

#Scrool { position:absolute; bottom:142px; right:5px; z-index:101; width:5px; }
#Scrool b { position:absolute; right:0px; width:5px; margin:5px 0px; background:#737373; cursor:pointer; }
#Scrool b em { position:absolute; left:0px; width:5px; height:5px; }
#Scrool b em.top { top:-5px; background:url(/images/Scroolbg.png) top no-repeat; background-size:5px 10px; }
#Scrool b em.bot { bottom:-5px; background:url(/images/Scroolbg.png) bottom no-repeat; background-size:5px 10px; }



.RightTree { position:absolute; right:10px; z-index:15; top:80px; }
.RightTreeContent { float:left; width:300px; }
.RightTreeContent ul { float:left; border:1px solid #dddddd;  border-right:none; background:#ffffff; }
.RightTreeContent ul li { float:left; }
.RightTreeContent ul li a,.RightTreeContent ul li a:visited { float:left; border-right:1px solid #dddddd; width:80px; text-align:center; font:12px/24px "宋体"; color:#000000; }
.RightTreeContent ul li a:hover { background:#3399ff; color:#ffffff; }
.RightTreeContent ul li a.center { background:#3399ff; color:#ffffff; }
.RightTreeContent dl { float:left; padding-left:60px; margin-top:10px; }
.RightTreeContent dl dt { float:left; }
.RightTreeContent dl dt a,.RightTreeContent dl dt a:visited { float:left; width:35px; height:60px; }
.RightTreeContent dl dt a.RotateLeft { background:url(/images/RotateLeft.png) center no-repeat; }
.RightTreeContent dl dt a.RotateRight { background:url(/images/RotateRight.png) center no-repeat; }
.RightTreeContent dl dd { float:left; width:58px; height:60px; position:relative; }
.RightTreeContent dl dd a,.RightTreeContent dl dd a:visited { position:absolute; }
.RightTreeContent dl dd a.AspectLeft { background:url(/images/AspectLeft.png) center no-repeat; width:14px; height:32px; top:14px; left:0px; }
.RightTreeContent dl dd a.AspectRight { background:url(/images/AspectRight.png) center no-repeat; width:14px; height:32px; top:14px; right:0px; }
.RightTreeContent dl dd a.AspectTop { background:url(/images/AspectTop.png) center no-repeat; width:32px; height:14px; top:0px; left:13px; }
.RightTreeContent dl dd a.AspectBottom { background:url(/images/AspectBottom.png) center no-repeat; width:32px; height:14px; bottom:0px; left:13px; }
.RightTreeContent dl dd a.AspectCenter { background:url(/images/AspectCenter.png) center no-repeat; width:32px; height:32px; top:14px; left:14px; }

.Operation2D { position:absolute; left:50%; bottom:0px; z-index:400; display:none; }
.Operation2D dl { float:left; position:relative; left:-50%; border:1px solid #dddddd; border-bottom:none; background:#ffffff; }
.Operation2D dl dt { float:left; width:0px; display:none; background:#eaeaea; font:bold 14px/28px "宋体"; color:#333333; text-align:center; }
.Operation2D dl dd { float:left; border-bottom:1px solid #dddddd; font:12px/28px "宋体"; color:#999999; }
.Operation2D dl dd span { float:left; width:40px; height:28px; background:#f1f1f1; background-size:16px 16px; font:12px/28px "宋体"; color:#999999; text-align:center; }
.Operation2D dl dd span.del { background:url(/images/Del2D.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd span.can { background:url(/images/Cancle2Dbg.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd span.copy { background:url(/images/copy.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd span.post { background:url(/images/post.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd span.mat { background:url(/images/mat.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd span.CWidth { background:url(/images/Width.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd span.CHeight { background:url(/images/Height.png) #f1f1f1 center no-repeat; }
.Operation2D dl dd i { float:left; width:60px; text-align:center; font:12px/28px "宋体"; color:#999999; }
.Operation2D dl dd a,.Operation2D dl dd a:visited { float:left; width:60px; text-align:center; font:12px/28px "宋体"; color:#999999; }
.Operation2D dl dd a:hover { background:#3399ff; color:#ffffff; }
.Operation2D dl dd b { float:left; width:60px; text-align:center; font:12px/28px "宋体"; color:#999999; }



.CanvasWall { position:absolute; display:none; z-index:105; border:1px solid #cccccc; }
.OperationType { position:absolute; width:100%; height:86px; z-index:10; background:#ffffff; border-bottom:1px solid #cccccc; }
.OperationType dl { float:left; width:100%;  }
.OperationType dl dt { float:left; width:100%; border-bottom:1px solid #dddddd; }
.OperationType dl dt a,.OperationType dl dt a:visited { float:left; width:80px; height:26px; text-align:center; font:12px/26px "宋体"; color:#000000; border-right:1px solid #dddddd; }
.OperationType dl dt a:hover { background:#cccccc; color:#ffffff; }
.OperationType dl dd { float:left; width:100%; }
.OperationType dl dd i { float:left; position:relative; margin:5px 5px 0px 5px; }
.OperationType dl dd i em { position:absolute; top:0px; left:0px; z-index:5; width:60px; height:30px; }
.OperationType dl dd i a,.OperationType dl dd i a:visited { float:left; position:relative; z-index:10; width:60px; padding-top:30px; height:25px; font:12px/25px "宋体"; color:#000000; text-align:center; }

.OperationIng { float:left; height:600px; width:100%; position:relative; z-index:5; }
#canvas2-3D-frame { position:absolute; top:0px; left:0px; z-index:5; background:#cccccc; }

.OperationIngParameter { position:absolute; bottom:0px; width:100%; height:60px; background:#ffffff; z-index:15; border-top:1px solid #cccccc; }
.OperationIngParameter dl { float:left; }
.OperationIngParameter dl dt { float:left; font:12px/60px "宋体"; color:#666666; width:70px; text-align:center; }
.OperationIngParameter dl dt a,.OperationIngParameter dl dt a:visited { float:left; font:12px/60px "宋体"; color:#666666; width:70px; text-align:center; }
.OperationIngParameter dl dt a:hover { color:#3399ff; }
.OperationIngParameter dl dd { float:left; width:110px; }
.OperationIngParameter dl dd span { float:left; width:110px; height:30px; }
.OperationIngParameter dl dd span em { float:left; font:12px/30px "宋体"; color:#666666; }
.OperationIngParameter dl dd span i { float:left; width:40px; height:26px; padding-left:15px; background:url(/images/sbtn1.jpg) 0px center no-repeat; font:12px/26px "宋体"; color:#333333; text-align:center; }
.OperationIngParameter dl dd span i.checked { background:url(/images/sbtn2.jpg) 0px center no-repeat; }
.OperationInput { float:left; width:50px; height:24px; margin-top:3px; font:12px/24px "宋体"; color:#333333; }

.CanvasClosed { position:absolute; right:-26px; top:-26px; width:24px; height:24px; background:url(/images/icon_Del.png) no-repeat; cursor:pointer; }

.CanvasWallbg { position:absolute; width:100%; height:100%; z-index:100; display:none; background:url(/images/abg70.png) repeat; }


.Control_Panel { position:absolute; display:none; z-index:105; border:2px solid #ffffff; width:1000px; height:400px; }
.Control_Panel h1 { float:left; width:1000px; text-indent:10px; height:40px; background:#eaeaea; font:14px/40px "宋体"; color:#333333; }
.Control_Panel h1 a,.Control_Panel h1 a:visited { position:absolute; right:8px; top:8px; width:24px; height:24px; background:url(/images/DCancle.png) center no-repeat; }

.Save_Panel { float:left; width:1000px; background:#fafafa; height:360px; position:relative; overflow:hidden; }
.Save_Panel dl { float:left; }
.Save_Panel dl dt { float:left; width:360px; height:320px; margin:20px; }
.Save_Panel dl dd { float:left; width:600px; height:30px; margin-top:20px; }
.Save_Panel dl dd span { float:left; width:70px; text-align:right; height:30px; font:12px/30px "宋体"; color:#333333; }
.D3DTitle { float:left; width:300px; height:30px; padding:0px 5px; background:#ffffff; font:12px/30px "宋体"; color:#333333; }
.D3DSize { float:left; width:100px; height:30px; padding:0px 5px; background:#ffffff; font:12px/30px "宋体"; color:#333333; }
.SaveD3DBtn { float:left; background:#dddddd; width:100px; height:30px; border:none; text-align:center; font:14px/30px "宋体"; color:#ffffff; }
.D3DStyle,.D3DClass { height:30px; }

.Deferred { position:absolute; display:none; z-index:105; border:2px solid #ffffff; background:#ffffff; }
#DeferredCanvas-frame { position:absolute; top:0px; left:0px; z-index:5; background:#f1f1f1; }

.DeferredBg { position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:100; display:none; background:url(/images/abg80.png) repeat; }

.DeferredLeft { position:absolute; display:none; z-index:110; width:300px; left:0px; top:0px; background:#ffffff; height:100%; }
.DeferredLeft h1 { float:left; width:300px; height:30px; text-indent:10px; font:14px/30px "微软雅黑"; color:#666666; background:#bababa; }
.DeferredLeft h1 a,.DeferredLeft h1 a:visited { position:absolute; right:5px; top:3px; width:24px; height:24px; background:url(/images/DCancle.png) center no-repeat; }
.DeferredLeft_Content { float:left; width:280px; }
.DeferredLeft_Content dl { float:left; width:280px; padding:10px; }
.DeferredLeft_Content dl dt { float:left; border-left:1px solid #dddddd; }
.DeferredLeft_Content dl dt span { float:left; width:100px; border:1px solid #dddddd; border-left:none; text-align:center; font:12px/30px "宋体"; color:#666666; cursor:pointer; }
.DeferredLeft_Content dl dt span.center { border-bottom:1px solid #ffffff; }
.DeferredLeft_Content dl dd { float:left; width:278px;  border:1px solid #dddddd; margin-top:-1px; }
.DeferredLeft_Content dl dd span { float:left; width:278px; margin:10px 0px; }
.DeferredLeft_Content dl dd span b { float:left; width:68px; font:14px/42px "宋体"; height:42px; color:#666666; text-align:right; }
.DeferredLeft_Content dl dd span i { float:left; width:210px; }
.DeferredLeft_Content dl dd span i em { float:left; margin:2px 2px; height:40px; text-align:center; width:58px; border:1px solid #dddddd; font:12px/20px "宋体"; color:#666666; }
.DeferredLeft_Content dl dd span i em.center { background:#eaeaea; border:1px solid #333333; }
.DeferredLeft_Content ul { float:left; width:278px; border:1px solid #dddddd; margin:0px 10px;  }
.DeferredLeft_Content ul h2 { float:left; width:278px; background:#bababa; font:14px/30px "宋体"; text-indent:10px; color:#666666 }
.DeferredLeft_Content ul li { float:left; width:278px; margin:10px 0px; }
.DeferredLeft_Content ul li span { float:left; width:70px; height:25px; font:12px/25px "宋体"; color:#cccccc; text-align:right; }
.DeferredLeft_Content ul li i { float:left; width:126px; background:#aaaaaa; margin:10px 7px; height:5px; }
.DeferredLeft_Content ul li i em { float:left; width:18px; }
.DeferredLeft_Content ul li i a,.DeferredLeft_Content ul li i a:visited { position:absolute; left:0px; top:-5px; width:14px; height:14px; background:url(/images/CircleBtn.png) no-repeat; }
.DeferredLeft_Content ul li b { float:left; width:68px; height:25px; font:12px/25px "宋体"; color:#cccccc; }

.DeferredBtn { float:left; position:relative; left:50%; margin-left:-50px; width:100px; border:none; background:#000000; font:12px/30px "宋体"; color:#ffffff; }

.D3Move { position:fixed; z-index:200; left:0px; top:0px; display:none; width:150px; height:150px; background:url(/images/3DMove.png) no-repeat; }
.D3Move dl { float:left; }
.D3Move dl dt { float:left; margin:25px; width:100px; height:100px; position:relative; z-index:5; }
.D3Move dl dd { position:absolute; width:20px; height:20px; z-index:10; }
.D3Move dl dd.top { top:3px; left:50%; margin-left:-8px; }
.D3Move dl dd.left { left:3px; top:50%; margin-top:-12px; }
.D3Move dl dd.right { right:3px; top:50%; margin-top:-12px;  }
.D3Move dl dd.bot { bottom:3px; left:50%; margin-left:-8px;  }

.D3MovePlane,.ScroolPlane { position:fixed; left:0px; top:0px; display:none; background:url(/images/abg.png) repeat; width:100%; height:100%; z-index:300; cursor:pointer; }

.CollageMethod { position:absolute; bottom:50px; background:url(/images/abg80.png) repeat; left:50%; height:110px; z-index:200; display:none; }
.CollageMethod h1 { float:left; width:100%; height:30px; border-bottom:2px solid #ffffff; }
.CollageMethod h1 a,.CollageMethod h1 a:visited { float:left; padding:0px 10px; font:12px/30px "宋体"; color:#ffffff; }
.CollageMethod h1 em { float:right; width:20px; height:30px; font:bold 18px/30px "aril"; color:#ffffff; position:relative; right:5px; cursor:pointer; }

.ScrollUl_Content { float:left; height:80px; overflow:hidden; position:relative; margin:0px 30px; z-index:10; }
.ScrollUl { position:absolute; width:32760px; height:80px; left:0px; top:0px; display:none; }
.ScrollUl ul { float:left; }
.ScrollUl ul li { float:left; width:80px; height:80px; position:relative; overflow:hidden; }
.ScrollUl ul li span { float:left; background:url(/images/abg.png) repeat; width:60px; padding:10px 20px 10px 0px; height:60px; font:12px/40px "宋体"; color:#ffffff; cursor:pointer; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; position:relative; z-index:5; }
.ScrollUl ul li b { position:absolute; right:0px; top:0px;  width:0px; height:0px; z-index:10; }
.ScrollUl ul li b.center { background:url(/images/Current.png) right top no-repeat; width:32px; height:32px; }

.CeramicList { position:absolute; background:url(/images/abg80.png) repeat; top:-71px; left:0px;  }
.CeramicList a { position:relative; overflow:hidden; float:left; cursor:pointer; }
.CeramicList img { padding:5px; width:60px; height:60px; }
.CeramicList a span { position:absolute; right:0px; top:0px; width:0px; height:0px; }
.CeramicList a.center span { background:url(/images/Current.png) no-repeat; width:32px; height:32px; }

.Comlefts { left:4px; top:30px; background:url(/images/ComLeft.png) center no-repeat; width:23px; height:80px; position:absolute; z-index:20; cursor:pointer; }
.Comrights { right:4px; top:30px; background:url(/images/ComRight.png) center no-repeat; width:23px; height:80px; position:absolute; z-index:20; cursor:pointer; }

#displayN { display:none; }


.ControlBtn { position:absolute; top:10px; left:10px; z-index:15; width:100px; background:#ffffff; border:1px solid #dddddd; border-bottom:none; height:25px; overflow:hidden; }
.ControlBtn ul { float:left; }
.ControlBtn ul li { float:left; }
.ControlBtn ul li a,.ControlBtn ul li a:visited { width:100px; height:24px; border-bottom:1px solid #dddddd; float:left; font:12px/24px "宋体"; color:#666666; text-align:center; }
.ControlBtn ul li a:hover { background:#f1f1f1; }
.ModeInput { width:40px; height:20px; background:none; border:none; border-bottom:1px solid #cccccc; font:12px/20px "宋体"; color:#666666; text-align:center; }


.Popularity { position:absolute; z-index:20; left:20px; top:20px; font:12px/30px "宋体"; color:#ffffff; text-shadow:#444444 1px 1px 1px; }



.PatternPara { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(/images/abg70.png) repeat; z-index:1002; display:none; }
.PatternPara_Content { float:left; position:relative; left:50%; top:50%; width:260px;  background:#ffffff; margin-left:-130px; margin-top:-130px; }
.PatternPara_Content h1 { float:left; width:260px; border-bottom:1px dashed #dddddd; height:30px; background:#ffffff; position:relative; font:12px/30px "宋体"; color:#000000; text-align:center; }
.PatternPara_Content h1 a,.PatternPara_Content h1 a:visited { position:absolute; right:-10px; top:-10px; background:url(/images/Closed.png) no-repeat; background-size:20px 20px; width:20px; height:20px; text-indent:-9999px; z-index:20; }
.PatternPara_Content dl { float:left; width:100%; margin:5px 0px; }
.PatternPara_Content dl dt { float:left; width:80px; font:12px/30px "宋体"; color:#ff0000; height:30px; text-align:right; margin:5px 0px; }
.PatternPara_Content dl dd { float:left; width:180px; min-height:30px; margin:5px 0px; }
.PatternPara_Content dl dd b { float:left; font:12px/30px "宋体"; color:#ff0000; }
.PatternPara_Content dl dd img { position:relative; float:left; width:150px; height:150px; pointer-events:auto; margin-left:5px; }
.PatternParaText { float:left; margin:0px 5px; padding:0px 10px; width:60px; height:28px; background:#fafafa; border:1px solid #f1f1f1; font:12px/28px "宋体"; color:#444444; }
.PatternParaBtn { float:left; margin:0px 5px; width:100px; height:32px; background:#000000; border:1px solid #dddddd; text-align:center; font:12px/32px "宋体"; color:#ffffff; }




.UploadIng { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(/images/abg70.png) repeat; z-index:1002; display:none; }
.UploadIng_Content { float:left; position:relative; left:50%; top:50%; width:260px;  background:#ffffff; margin-left:-130px; margin-top:-130px; }
.UploadIng_Content h1 { float:left; width:260px; border-bottom:1px dashed #dddddd; height:30px; background:#ffffff; position:relative; font:12px/30px "宋体"; color:#000000; text-align:center; }
.ProductList a,.ProductList a:visited,.UploadIng_Content h1 a,.UploadIng_Content h1 a:visited { position:absolute; right:-10px; top:-10px; background:url(/images/Closed.png) no-repeat; background-size:20px 20px; width:20px; height:20px; text-indent:-9999px; z-index:20; }
.UploadIng_Content dl { float:left; width:100%; margin:5px 0px; }
.UploadIng_Content dl dt { float:left; width:100%; }
.UploadIng_Content dl dd { float:left; width:100%; margin:5px 0px; display:none; }
.UploadIng_Content dl dd img { position:relative; float:left; left:30px; width:200px; height:200px; pointer-events:auto; }
.UploadIng_Content b { float:left; width:100%; font:12px/28px "宋体"; color:#ff0000; text-align:center; }
.UploadIngText { float:left; margin:5px 28px; padding:0px 10px; width:200px; height:28px; background:#fafafa; border:1px solid #f1f1f1; font:12px/28px "宋体"; color:#444444; }
#Save3DBtn { float:left; margin:5px 28px; width:200px; height:32px; background:#000000; border:1px solid #dddddd; text-align:center; font:12px/32px "宋体"; color:#ffffff; }

.CutImg { position:absolute; z-index:20; left:0px; top:0px; display:none; overflow:hidden; padding:10px; border:1px solid #cccccc; background:#000000; }
#CutCanvas { width:100%; float:left; position:relative; z-index:5; cursor:pointer; }
.CutCanavas { float:left; width:100%; }
.CutOperation { float:left; width:100%; }
.CutOperation dl { float:left; width:100%; height:24px; margin:6px 0px; }
.CutOperation dl dt { float:left; width:35px; font:12px/24px "宋体"; color:#ffffff; }
.CutOperation dl dd { float:left; }
.CutOperation dl dd a,.CutOperation dl dd a:visited { float:left; margin:2px 5px; padding:0px 5px; border:1px solid #f1f1f1; background:#000000; font:12px/20px "宋体"; color:#ffffff; height:20px; }
.CutOperation dl dd a.center { border:1px solid #000000; background:#f1f1f1;  color:#000000; }
.CutOperation dl dd b { float:left; margin:0px 5px; padding:0px 5px;  font:12px/24px "宋体"; color:#ffffff; height:24px; }
.CutBtn { float:left; width:100%; margin:6px 0px; }
.CutBtn a,.CutBtn a:visited { margin-left:35px; float:left; width:50px; background:#ffffff; border:#bababa; font:12px/24px "宋体"; color:#000000; text-align:center; }

.CrackBeauty { position:absolute; z-index:20; left:50%; top:50%; margin-left:-161px; margin-top:-111px; height:180px; display:none; overflow:hidden; padding:10px; width:300px; border:1px solid #cccccc; background:#000000; }
.CrackTitle { float:left; width:100%; height:30px; font:12px/30px ""; color:#ffffff; border-bottom:1px solid #cccccc; margin-bottom:10px; }
.CrackColor { float:left; width:100%; }
.CrackColor dl { float:left; width:300px; }
.CrackColor dl dt { float:left; width:35px; font:12px/24px "宋体"; height:48px; color:#ffffff; }
.CrackColor dl dd { float:left; }
.CrackColor dl dd a,.CrackColor dl dd a:visited { float:left; margin:8px 5px; width:30px; height:30px; position:relative; border:1px solid #ffffff; }
.CrackColor dl dd a em { position: absolute; right: 0px; top: 0px; width: 0px; height: 0px; z-index: 10; }
.CrackColor dl dd a.center em { background: url(/images/Current.png) right top no-repeat; width: 32px; height: 32px; }
.CrackWidth { float:left; width:100%; }
.CrackWidth dl { float:left;  }
.CrackWidth dl dt { float:left; width:35px; font:12px/24px "宋体"; color:#ffffff; }
.CrackWidth dl dd { float:left; }
.CrackWidth dl dd a,.CrackWidth dl dd a:visited { float:left; margin:11px 5px; padding:0px 5px; width:20px; overflow:hidden; border:1px solid #f1f1f1; background:#000000; font:12px/20px "宋体"; color:#ffffff; height:20px; position:relative; }
.CrackWidth dl dd a em { position: absolute; right: 0px; top: 0px; width: 0px; height: 0px; z-index: 10; }
.CrackWidth dl dd a.center { border:1px solid #000000; background:#f1f1f1;  color:#000000; }
.CrackWidth dl dd a.center em { background: url(/images/Current.png) right top no-repeat; width: 32px; height: 32px; }

.CrackBtn { float:left; width:100%; margin:6px 0px; }
.CrackBtn a,.CrackBtn a:visited { margin-left:35px; float:left; width:50px; background:#ffffff; border:#bababa; font:12px/24px "宋体"; color:#000000; text-align:center; }

#Color1 { background:url(/images/Color1.jpg) repeat; }
#Color2 { background:url(/images/Color2.jpg) repeat; }
#Color3 { background:url(/images/Color3.jpg) repeat; }
#Color4 { background:url(/images/Color4.jpg) repeat; }
#Color5 { background:url(/images/Color5.jpg) repeat; }
#Color6 { background:url(/images/Color6.jpg) repeat; }

.ProductList { position:absolute; z-index:20; left:0px; top:0px; left:50%; top:50%; display:none; background:url(/images/abg80.png) repeat; border:5px solid #ffffff; }
 
.ProductLists { float:left; width:100%; height:100%; overflow:hidden; position:relative; z-index:5; }
.ProductList_Content { float:left; padding-bottom:20px;width:100%;  -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.ProductList_Content dl { float:left; padding:5px 2%; width:96%; }
.ProductList_Content dl dt { float:left; width:100%; }
.ProductList_Content dl dt img { width:100%; height:auto; }
.ProductList_Content dl dd { float:left; width:100%; padding:5px 0px; }
.ProductList_Content dl dd span { float:left; width:50%; font:14px/25px "宋体"; color:#ffffff; }
.ProductList_Content dl dd span.right { text-align:right; }

.Page_bottom { position:absolute; bottom:102px; right:0px; z-index:106; width:240px; background:#ffffff; height:40px; }

.page { float:right; width:auto; height:22px; position:relative; top:9px; }
.page dl { float:left; width:auto; height:22px; position:relative; margin:0px; }
.page dl dd { padding:0px; border:0px; width:auto; height:auto; float:left; position:relative; zoom:1; margin:0px 2px; overflow:visible; }
.page dl dd.pagep a { min-width:16px; width:auto !important; width:16px; padding:0px 2px; height:20px; float:left; color:#808080; border:1px solid #d7d6d6; position:relative; font:12px/20px "宋体"; background:#ffffff; text-align:center; display:inline; cursor:pointer; zoom:1; }
.page dl dd.pagep a:hover { color:#ffffff;	background:#006699; }
.page dl dd.pagepa { min-width:16px; width:auto !important; width:16px; display:inline; padding:0px 2px; font:bold 12px/20px "宋体"; height:20px; float:left; color:#ffffff; background:#006699; border:1px solid #d7d6d6; text-align:center; cursor:pointer; zoom:1; margin:0px 2px; }


.turnon { float:right; position:relative; top:9px; padding:0px 5px; }
.Tnum { width:18px; height:20px; padding:0px 4px; font:14px/14px "宋体"; color:#666; border:1px solid #ccc; background:#ffffff; margin:0px 5px; display:inline; text-align:center; }
.turnonbtn { padding:0px 5px; height:20px; font:14px/1em "宋体"; color:#000; border:1px solid #ccc; background:#ffffff; margin:0px; }


.spinner {
		  margin: 100px auto;
		  width: 90px;
		  height: 90px;
		  position: relative;
		  text-align: center;
		   
		  -webkit-animation: rotate 2.0s infinite linear;
		  animation: rotate 2.0s infinite linear;
		}
		 
		.dot1, .dot2 {
		  width: 60%;
		  height: 60%;
		  display: inline-block;
		  position: absolute;
		  top: 0;
		  background-color: #67CF22;
		  border-radius: 100%;
		   
		  -webkit-animation: bounce 2.0s infinite ease-in-out;
		  animation: bounce 2.0s infinite ease-in-out;
		}
		 
		.dot2 {
		  top: auto;
		  bottom: 0px;
		  -webkit-animation-delay: -1.0s;
		  animation-delay: -1.0s;
		}
		 
		@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
		@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
		 
		@-webkit-keyframes bounce {
		  0%, 100% { -webkit-transform: scale(0.0) }
		  50% { -webkit-transform: scale(1.0) }
		}
		 
		@keyframes bounce {
		  0%, 100% {
		    transform: scale(0.0);
		    -webkit-transform: scale(0.0);
		  } 50% {
		    transform: scale(1.0);
		    -webkit-transform: scale(1.0);
		  }
		}
		
		
		
.mod18{ width:100%; position:relative; float:left; background:#ffffff; }
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px; background:url(/images/cicons-2.png) no-repeat; background-position:-16px -25px; }
.mod18 #prevTop,.mod18 #nextTop{top:50%; margin-top:-125px; width: 23px;  height: 60px; background-size:23px 60px;}
.mod18 #prev,.mod18 #next{ bottom:44px; width:12px; height:20px;}
.mod18 #prevTop{background:url(/images/ComLefts.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/images/ComRights.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(/images/cicons-2.png) no-repeat;background-position:-39px -25px;}
.mod18 li{ float:left; }
.mod18 .cf  { float:left; }
.mod18 .cf li{ position:relative;color:#fff; }
.mod18 .cf a{ display:block; float:left; color:#fff; width:100%; height:100%; }
.mod18 .cf li span { display:block;position:absolute;left:0px; bottom:calc(-20px - 2rem); font-size: 1.2rem; height: 2rem; padding:10px 20px; text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.mod18 .cf li span b { color: #000; width: 46%; padding:0px 2% ; height: 2rem; line-height: 2rem; float: left; font-size: 1.2rem; font-weight: normal; text-align: center; color:#ffffff;  }
.mod18 .cf li span b.left { text-align:left; }
.mod18 .cf li span b.right { text-align:right; }

.mod18 .picBox{ width:100%; position:relative;overflow:hidden; background:url(/images/abg.png) repeat; padding-bottom:calc(20px + 2rem); }
.mod18 .picBox ul{ position:absolute; left:0;}
.mod18 .picBox li { }
.mod18 .picBox img { pointer-events:auto; }

.mod18 .listBox{ width:calc(100% - 60px);height:100px;margin:0 30px;position:relative; padding-top:10px; overflow:hidden;}
.mod18 .listBox ul{ height:88px;position:absolute; }
.mod18 .listBox li{ cursor:pointer;position:relative; overflow:hidden;}
.mod18 .listBox li i{ display:none; }
.mod18 .listBox li a { display:block; position:relative; float:left; width:80px;height:80px; padding:5px 8px; }
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(/images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}

.Product_List a,.Product_List dl a:visited{ position:absolute; bottom:30px; width:12px; height:20px; background:url(/images/cicons-2.png) no-repeat; }
.Product_List a.left { left:8px; background-position:-16px -25px; }
.Product_List a.right { right:8px; background-position:-39px -25px; }

#to_top {
    display: none; /* 默认隐藏 */
    position: fixed; 
    bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    border: none;
    outline: none; 
    width:64px;
    height:64px;
    background:url("/images/BTop.png") center no-repeat; /* 设置背景颜色，你可以设置自己想要的颜色或图片 */
    background-size:64px 64px;
    color: white; /* 文本颜色 */
    cursor: pointer; 
}