@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	user-select:none;
	-webkit-touch-callout:none;/*系统默认菜单被禁用*/
	-webkit-user-select:none;/*webkit浏览器*/
	-khtml-user-select:none;/*早起浏览器*/
	-moz-user-select:none;/*火狐浏览器*/
	-ms-user-select:none;/*IE浏览器*/
	user-select:none;/*用户是否能够选中文本*/
}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}
.cart-bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.1) scaleY(0.85);transform:scaleX(1.1) scaleY(0.85)}40%{-webkit-transform:scaleX(0.85) scaleY(1.1);transform:scaleX(0.85) scaleY(1.1)}60%{-webkit-transform:scaleX(1.06) scaleY(0.95);transform:scaleX(1.06) scaleY(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.1) scaleY(0.85);-ms-transform:scaleX(1.1) scaleY(0.8);transform:scaleX(1.1) scaleY(0.85)}40%{-webkit-transform:scaleX(0.85) scaleY(1.1);-ms-transform:scaleX(0.85) scaleY(1.1);transform:scaleX(0.85) scaleY(1.1)}60%{-webkit-transform:scaleX(1.06) scaleY(0.95);-ms-transform:scaleX(1.06) scaleY(0.95);transform:scaleX(1.06) scaleY(0.95)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.cart-rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}20%,40%,60%,80%{-webkit-transform:translateX(6px);transform:translateX(6px)}}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-6px);-ms-transform:translateX(-6px);transform:translateX(-6px)}20%,40%,60%,80%{-webkit-transform:translateX(6px);-ms-transform:translateX(6px);transform:translateX(6px)}}
.cart-shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}60%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}40%{-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);transform:rotate(-4deg)}60%{-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
.cart-swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}
.cart-tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-15%) rotate(-5deg);transform:translateX(-15%) rotate(-5deg)}30%{-webkit-transform:translateX(13%) rotate(3deg);transform:translateX(13%) rotate(3deg)}45%{-webkit-transform:translateX(-10%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}
@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-15%) rotate(-5deg);-ms-transform:translateX(-15%) rotate(-5deg);transform:translateX(-15%) rotate(-5deg)}30%{-webkit-transform:translateX(13%) rotate(3deg);-ms-transform:translateX(13%) rotate(3deg);transform:translateX(13%) rotate(3deg)}45%{-webkit-transform:translateX(-10%) rotate(-3deg);-ms-transform:translateX(-10%) rotate(-3deg);transform:translateX(-7%) rotate(-3deg)}60%{-webkit-transform:translateX(6%) rotate(2deg);-ms-transform:translateX(6%) rotate(2deg);transform:translateX(6%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}
.cart-wobble{-webkit-animation-name:wobble;animation-name:wobble}
/* Make clicks pass-through */
#nprogress{
  pointer-events: none;
}
#nprogress1{
	display: block;
	position: fixed;
	z-index: 1031;
	top: 50%;
	right: 0;
	left:0;
	margin:auto;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	width:50px;
}
#nprogress1:before{
    content: "\e3a8";
	display:block;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #ff5000;
	border-left-color: #ff5000;
	border-radius: 50%;
	
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite;
}
/* Remove these to get rid of the spinner */
#nprogress .spinner{
  display: block;
  position: fixed;
  z-index: 1031;
  top: 50%;
  right: 0;
  left:0;
  margin:auto;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  width:50px;
}

#nprogress .spinner-icon{
  width: 50px;
  height: 50px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #ff5000;
  border-left-color: #ff5000;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ajax_loading{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
}

@font-face {
	font-family:Arvo-Italic;
	src:url(../fonts/Arvo-Italic-c7ef8860493eea08869c7370e5459395.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Arvo-Regular;
	src:url(../fonts/Arvo-Regular-31c017da02c964a448a7025ad0edf45f.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:BERNIER Regular;
	src:url(../fonts/BERNIER-Regular-699da3ebc64bc736de56b4f8e801a5dd.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Lobster-Regular;
	src:url(../fonts/Lobster-Regular-61bb8fc89f7f91dab8e66f92be958f82.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Moonshiner-Italic;
	src:url(../fonts/Moonshiner-Italic-24efe8af7de572fdfe820bad1d52ffba.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Moonshiner-Regular;
	src:url(../fonts/Moonshiner-Regular-a9370998a10494df1cff57a656468612.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Nickainley;
	src:url(../fonts/Nickainley-c29eeac74621043ccc6ced82768e9e22.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:OpenSans-Italic;
	src:url(../fonts/OpenSans-Italic-c7dcce084c445260a266f92db56f5517.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:OpenSans-Regular;
	src:url(../fonts/OpenSans-Regular-629a55a7e793da068dc580d184cc0e31.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:PlayfairDisplay-Italic;
	src:url(../fonts/PlayfairDisplay-Italic-6029087d8c825fcc107df0649ce206e2.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:PlayfairDisplay-Regular;
	src:url(../fonts/PlayfairDisplay-Regular-6020254653122a64ef822674dba44485.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:PoetsenOne-Regular;
	src:url(../fonts/PoetsenOne-Regular-e7f249e71a563eed9c495835657eb9c2.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:RissaTypeface;
	src:url(../fonts/RissaTypeface-38cd10414061d33b1abe2db65e3bbc43.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:ZCOOL;
	src:url(../fonts/ZCOOL-5a38966641fe5f51ad0896f2cfc5030f.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:DIN-Condensed-Bold;
	src:url(../fonts/DIN-Condensed-Bold-1be717be4cbdadc9e334445d0169a5fc.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Flipper-Cd-Bold;
	src:url(../fonts/Flipper-Cd-Bold-1db574995f3da5048793e94161a16e64.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Avenir-Next-DemiBold;
	src:url(../fonts/Avenir-Next-DemiBold-aced03d9f058e92f41aa7ba01962ee52.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Arial-Bold;
	src:url(../fonts/Arial-Bold-c42709e0ff0173ecc0a6579966d7b2c5.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:HYyouranJ;
	src:url(../fonts/HYyouranJ-dba0ccde283c9388bde00d8e4e05ae61.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:Liberator;
	src:url(../fonts/Liberator-5d7e9c15851618f02f88a3afad26de8d.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:BookmanOldStyle;
	src:url(../fonts/BookmanOldStyle-4267d8aa8711bb8c72cbefb26066c9e0.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:ChalkboardSE-Light;
	src:url(../fonts/ChalkboardSE-Light-788cb53ebb03076eb0ab737ae235ca73.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:FabfeltScript-Bold;
	src:url(../fonts/FabfeltScript-Bold-27eb5d7014eca1bf8d96d40d5fec5eb7.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:PanameFY;
	src:url(../fonts/PanameFY-0080147d33cfb1c3cf43e814ddc15ac5.otf) format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:pixel;
	src:url(../fonts/pixel-b17f212d535fb98bd3e8cdab21e055af.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:FZxijhJ;
	src:url(../fonts/FZxijhJ-c17eb0bd62ee2dee616c84a22c5581d3.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:MNhanzhenJ;
	src:url(../fonts/MNhanzhenJ-f3945489ac5a9bc6b9607ed0e2d62833.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
body {
	margin: 0;
	font: 14px/1.5 "微软雅黑",arial,sans-serif;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input,textarea {
	margin: 0;
	padding: 0;
	font: 14px/1.5 "微软雅黑",arial,sans-serif
	-webkit-user-select:auto;
	outline: none; 
}

img {
	border: 0;
	vertical-align: middle
}

a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #333
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none
}

.clear {
	padding: 0;
	margin: 0;
	display: block;
	float: none;
	height: 0;
	clear: both;
	overflow: hidden
}

.clearfix:before,.clearfix:after {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

font {
	font-family: '宋体'
}

.fl {
	float: left
}

.fr {
	float: right
}

.orange {
	color: #ff5000!important
}

.red {
	color: #f00!important
}

.green {
	color: #24b7ad!important
}

.black {
	color: #000
}



::-webkit-input-placeholder {
	color: #ddd
}

:-moz-placeholder {
	color: #ddd
}

@font-face {
	font-family:AdineKirnberg;src:url("../fonts/AdineKirnberg.TTF")
}

@font-face {
	font-family:Decorated035 BT;src:url("../fonts/Decorated035 BT.TTF")
}

@font-face {
	font-family:DexGothicD;src:url("../fonts/DexGothicD.TTF")
}

@font-face {
	font-family:DexorOutD;src:url("../fonts/DexorOutD.TTF")
}

@font-face {
	font-family:DextorD;src:url("../fonts/DextorD.TTF")
}

@font-face {
	font-family:Eklektic;src:url("../fonts/Eklektic.TTF")
}

@font-face {
	font-family:Galleria;src:url("../fonts/Galleria.TTF")
}

@font-face {
	font-family:Gallerin;src:url("../fonts/Gallerin.TTF")
}

@font-face {
	font-family:Monoton-Regular;src:url("../fonts/Monoton-Regular.TTF")
}

@font-face {
	font-family:News706 BT;src:url("../fonts/News706 BT.TTF")
}

@font-face {
	font-family:Quicksilver;src:url("../fonts/Quicksilver.TTF")
}

@font-face {
	font-family:Vandermark-Oblique;src:url("../fonts/Vandermark-Oblique.TTF")
}

@font-face {
	font-family:Vandermark;src:url("../fonts/Vandermark.TTF")
}

@font-face {
	font-family:Vandermark;src:url("../fonts/Arial.TTF")
}

@font-face {
	font-family:Calisto MT;src:url("../fonts/Calisto-MT.TTF")
}

@font-face {
	font-family:Hangyaboly;src:url("../fonts/Hangyaboly.ttf")
}

@font-face {
	font-family:HarringtON;src:url("../fonts/HarringtON.TTF")
}

@font-face {
	font-family:Lucida Calligraphy Italic;src:url("../fonts/Lucida-Calligraphy-Italic.TTF")
}

@font-face {
	font-family:Lucida Handwriting Italic;src:url("../fonts/Lucida-Handwriting-Italic.ttf")
}

@font-face {
	font-family:Monotype Corsiva;src:url("../fonts/Monotype-Corsiva.TTF")
}

@font-face {
	font-family:Old English text;src:url("../fonts/Old-English-text.TTF")
}
@font-face {
	font-family:Snell Roundhand Script;src:url("../fonts/Snell-Roundhand-Script.ttf")
}
@font-face {
	font-family:STENCIL;src:url("../fonts/STENCIL.TTF")
}
@font-face {
	font-family:Tangerine;src:url("../fonts/Tangerine.ttf")
}

@font-face {
	font-family:ALS Script;src:url("../fonts/ALS-Script.ttf")
}
@font-face {
	font-family:CURLZ MT;src:url("../fonts/CURLZ-MT.TTF")
}
@font-face {
	font-family:Comic sans ms;src:url("../fonts/comic-sans-ms.ttf")
}

.design-box{
	width:1000px;
	margin: 0 auto;
}
.logo {
	padding: 10px 30px;
	line-height: 80px;
	text-align:center;
}
.logo a{
	display:inline-block;
}
.pageBox{
	border-radius:4px;
	overflow:hidden;
}
.createContent {
	height: auto;
	background: #fafafa
}

.createGoods {
	position: relative;
	width: 100%;
	z-index: 1;
	background: #fff;
	border:1px solid #e1e1e1;
	padding-bottom:20px;
	border-radius:0 0 4px 4px;
	box-sizing:border-box;
}
.createGoods .createGoods_bg{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:-1;
}
.createImage {
	position: relative;
	width: 600px;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom:30px;
}

.image_fisrt {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.image_fisrt img,.images_third img {
	width: 100%
}

.image_second {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.images_third {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3
}

.images_fourth {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 4
}

.createThumb {
	position: absolute;
	width: 100px;
	top: 25px;
	left: 15px;
	z-index: 100
}

.createThumb ul li {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
	cursor: pointer;
	position:relative;
	border-radius:4px;	
}
.createThumb ul li span{
	position:absolute;
	left:0; 
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.4);
	font-size:12px;
	text-align:center;
	display:block;
	padding:5px;
	color:#fff;
	box-sizing:border-box;
}
.createThumb ul li canvas{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
.createThumb ul li.on,
.createThumb ul li:hover {
	border: 1px solid #505050; 
	padding:0;
}

.functionIcon {
	font-size:0;
	text-align:center;
}
.functionIcon span{
	display:inline-block;
	text-align:center;
	margin: 0 5px;
}
.functionIcon span i{
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius:50%;
	background:#b4b4b4;
	padding:5px;
	box-sizing:border-box;
}
.functionIcon i svg{
	fill:#fff;
}
.functionIcon i:hover {
	background:#595959;
}

.createAdd{
	background:#505050;
	position:relative;
	height:60px;
}
.createAdd .titlenav svg,
.createAdd .createInfo svg{
	margin:0 0 -10px 0;
	fill:#fff;	
}

.createAdd .titlenav ul{
	font-size:0;	
}
.createAdd .titlenav ul li{
	display:inline-block;
	font-size:14px;	
	padding:0 20px;
	color:#fff;
	background:none;
	height: 60px;
	line-height: 60px;
	position: relative;
	cursor: pointer
}
.createAdd .titlenav ul li:hover{
	background:#696969;
}
.createAdd .createInfo{
	position:absolute;
	right:0;
	top:0;	
	text-align: center
}
.createInfo_btn a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	margin:10px;
	background:#f4b00d;
	color:#fff;
	border-radius:5px;
}
.createInfo_btn a.buy{
	width:auto;
	padding:0 25px;
	font-size:14px;	
}

.createAddcont{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
	background:rgba(0,0,0,0.2);
}
.createAddcont .addimg-box,
.createAddcont .addtext-box{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	background:#fff;
	box-shadow:0 0 5px #ddd;
	min-height:400px;
	border-radius:4px;
}
.createAddcont .addimg-box .title,
.createAddcont .addtext-box .title{
	padding:0 20px;
	line-height:50px;
	border-bottom:2px solid #ebecec;
	position:relative;
	font-size:16px;
	color:#333;
}
.createAddcont .addimg-box .title.text,
.createAddcont .addtext-box .title .text{
	font-size:14px;
}
.createAddcont .addimg-box .title .addimg-close,
.createAddcont .addtext-box .title .addtext-close{
	position:absolute;
	right:20px;
	top:15px;
	cursor:pointer;
	line-height:1;
}
.createAddcont .title svg{
	fill:#7b7776;
}
.createAddcont ul{
	overflow: auto;
	padding:0 20px;
}
.createAddcont ul.ImagesList,
.createAddcont ul.TestList{
	max-height:400px;
    overflow-y: auto;
}

.createAddcont ul li {
	overflow: hidden;
	margin: 10px 0;
	padding:8px 15px;
	border-radius:4px;
	width:300px;
}
.createAddcont ul li.design_img_item{
	border:1px solid #dae1e6;
}
.createAddcont .addbtn {
	border: 2px #ccc dashed;
    height: 60px;
	position:relative;
}
.createAddcont .addbtn svg{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	fill:#a9a9a9;
}


.ImagesList .item {
	position: relative
}
.ImagesList .item .check_label,
.TestList .item .check_label{
	display:none;
}

.ImagesList li .close{
	position: absolute;
	top: 50%;
	right: 2px;
	cursor: pointer;
	height: 20px;
    width: 20px;
    border-radius: 50px;
	transform:translateY(-50%);
	background:#000;
	border-radius:50%;
	cursor:pointer;
	text-align:center;
}
.ImagesList li .close svg{
	fill:#fff;
	margin:0 0 1px;
}
.ImagesList li:hover .close {
	display: block
}
#frm_upload{
	position:absolute;

	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:1;
	cursor:pointer;
}
#iptAddImg{
	height:100%;
	width:100%;
	cursor: pointer;
}

.img_side {
	position: relative;
	border: 1px solid #fafafa;
	overflow: hidden;
	width: 80px;
	height: 80px
}
.img_side .adimg{
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 80px;
    height: 80px;
}
.img_side img {
	vertical-align: middle
}

.img_side:hover {
	border: 1px solid #ff5000
}

.ImagesList li.has .img_side .hasAdd {
	display: block
}

.img_side .hasAdd {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.3);
}
.img_side .hasAdd svg{
	height:60px;
	width:60px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.check_label .img_icon {
	position: absolute;
	top: 0;
	left: 5px;
	display: block;
	width: 22px;
	height: 22px;
	background: url("../images/check.png") center center no-repeat;
	cursor: pointer
}

.check_label .img_check {
	position: absolute;
	left: -9999em
}

.check_label.on .img_icon {
	background: url("../images/check_on.png") center center no-repeat
}


.createAddcont .addTest {
	cursor: pointer;
	height:30px;
}

.createAddcont .addtxt li {
	line-height:32px;
}
.createAddcont .addtxt li .item{
	position:relative;
}
.createAddcont .addtxt li .item p {
	max-width: 180px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.createAddcont .addtxt li .txt_ico {
	position: absolute;
	top: 4px;
	right: 0;
}
.TestList li .txt_ico i{
	display:inline-block;
	cursor: pointer;
	vertical-align:top
}
.TestList li .txt_ico i.txt_edit{
	height: 20px;
    width: 20px;
}
.TestList li .txt_ico i.txt_edit svg{
	fill:#000;
	margin:0 0 3px;
}
.TestList li .txt_ico i.txt_close{
	height: 20px;
    width: 20px;
    border-radius: 50px;
	background:#000;
	border-radius:50%;
	margin-left:15px;
	text-align:center;
}
.TestList li .txt_ico svg{
	fill:#fff;
	margin:0 0 7px;
}



.img_btn {
	margin: 0 15px;
	background-color: #f2f2f2
}

.img_btn a {
	display: block;
	float: right;
	width: 60px;
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	text-align: center;
	margin: 5px 5px 8px;
	font-size: 12px;
	border: 1px solid #dbdddd;
	background-color: #fff
}

.img_btn a:hover {
	color: #fff;
	background: #ff5000;
	border-color: #ff5000
}



.infoContent {
	padding: 20px;
	font-size: 16px;
	color: #808080
}

.infoContent img {
	max-width: 100%;
	text-align: center
}

.saveImageList {
	width: 1050px;
	max-height: 65%!important;
	margin: 10px auto
}

.saveImageList ul li {
	margin-right: 6px
}

.img_name {
	display: table;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background: url("../images/block_bgw.png") repeat;
	transition: all linear .2s
}

.img_name p {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	width: 123px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.saveImageList li .img_side:hover .img_name {
	height: 133px
}

.saveImageList li .img_side:hover .img_name p {
	white-space: normal;
	overflow: inherit
}



.editTxtBox {
	width: 1050px;
	margin: 15px auto
}

.editTxt {
	margin-bottom: 10px
}

.smsBox{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 301;
}
.smsBox .row{
	display: flex;
	justify-content: center;
    align-items: center;
	width:100%;
	height:100%;
}
.smsBox .row>div{
	background:#fff;
	padding:20px;
	box-shadow: 2px 15px 25px 0 rgba(0,0,0,0.3);
	box-sizing:border-box;
	border-radius:4px;
	position:relative;
}
.smsbgfixed {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 300;
	height: 100%;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
	background:#000;
}

/*添加文字编辑*/
#TextShow .row>div{
    width: 600px;
}
#TextShow .title,
#TextShow .editTxtBox{
	width:100%;
}
#TextShow .title{
	border-bottom:1px solid #ddd;
	position:relative;
	line-height:50px;
	margin:-20px -20px 0;
	padding:0 20px;
}
#TextShow .title h3 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
	color:#333;
	line-height:50px;
}
#TextShow .title .smsclose{
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
	display: flex;
    align-items: center;
    height: 50px;
}
#TextShow .title .smsclose svg{
	fill:#7b7776;
}
.editTxt_ipt{
	-webkit-user-select:text !important;
}
.editTxt_ipt .txt_ipt_default {
	width: 100%;
	min-height: 100px;
	padding: 5px;
	font-size: 15px;
	color: #000;
	border: 1px solid #ddd;
	background: #fff;
	outline: medium;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	display: flex;
    align-items: center;
    justify-content: center;
	overflow-y: auto;
    word-break: break-all;
	max-height: 200px;
	-webkit-user-select:text !important;
	-webkit-user-select:auto; /*webkit浏览器*/  
    user-select:auto;
    -o-user-select:auto;
    -ms-user-select:auto; 
	text-align:center;
}
.color-box{
	display:inline-block;
	vertical-align:middle;
}

.ColorInput{
	display:inline-block;
	vertical-align:middle;
}
#txtColor{
	width:80px;
	padding:10px 5px;
	height:18px;
	line-height:18px;
	padding:
	margin-left:5px;
	border:1px solid #ddd;
	border-radius: 4px;
	-webkit-touch-callout:text;/*系统默认菜单被禁用*/
	-webkit-user-select:text;/*webkit浏览器*/
	-khtml-user-select:text;/*早起浏览器*/
	-moz-user-select:text;/*火狐浏览器*/
	-ms-user-select:text;/*IE浏览器*/
	user-select:text;/*用户是否能够选中文本*/
}
.ColorInput .checkbox{
	display:inline-block	
}
.ColorInput .checkbox input{
	position:absolute;
	opacity:0;
	-webkit-user-select:text !important;
}
.ColorInput .checkbox span{
	position:relative;
	cursor:pointer;
	height: 20px;
    width: 20px;
	border: 1px solid #ddd;
	border-radius:4px;
	display:block;
	padding:1px;
	box-sizing:border-box
}
.ColorInput .checkbox span svg{
	height:16px;
	width:16px;
	fill:#333333;
	opacity:0;
}
.ColorInput .checkbox input:checked+span svg {
	opacity:1;
}
.font-weight{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:relative;
	border:1px solid #ddd;
	box-sizing:border-box;
	border-radius:4px;
	vertical-align:middle;
	cursor:pointer;
    margin-left: 5px;
}
.font-weight svg{
	position:absolute;
	right:-1px;
	bottom:-1px;
	opacity:0;
	width:20px;
	height:20px;
}
.font-weight.on{
	border-color:#000;
}
.font-weight.on svg{
	opacity:1;
}

.editTxt .tit{
	padding-bottom:10px;
	color:#333;
	font-size:16px;
}
#TextShow .font>div{
	padding-bottom:15px;
}
.sel_family,.sel_size {
	display:inline-block;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	z-index:10;
}
.editTxt_ipt .font-txt{
	height: 38px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #333;
    outline: medium;
    border-radius: 4px;
	position: relative;
	padding: 0 5px;
}
.editTxt_ipt .font-txt span {
    display: block;
    line-height: 38px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
    padding-right: 25px;
}
.editTxt_ipt .font-txt i {
    position: absolute;
    right: 10px;
    top: 10px;
}
.editTxt_ipt .font-down ul {
    position: absolute;
    left: 0;
    top:39px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: none;
    max-height: 150px;
    overflow-y: auto;
	background:#fff;
	box-sizing:border-box;
}
.editTxt_ipt .font-down ul li{
    height: 30px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    padding: 0 5px;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	line-height:30px;
	color:#808080;
}
.editTxt_ipt .font-down ul li:hover{
	background:#363636;
	color:#fff;
}
.editTxt_ipt .font-down ul li:last-child {
    border-bottom: 0;
}



.sel_family {
	width: 200px;
	margin-right:15px;
}
.sel_size {
	width: 100px;
}
.colorSel{
	position:relative;
}
.colorActive>svg{
	position:absolute;
	right:3px;
	bottom:3px;
	width:10px;
	height:10px;
	fill:#fff;
	z-index:1;
}
.colorActive:after{
	content:"";
	width:0;
	height:0;
	position:absolute;
	right:1px;
	bottom:1px;
	border-top:solid 22px transparent;
	border-right:solid 22px #000;     /* 白色小三角形 */
	border-left:solid 22px transparent;
}
.TxtColor {
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
}
.colorActive {
	width: 38px;
	height: 38px;
	border-radius:3px;
	overflow:hidden;
	cursor:pointer;
	padding:0 !important;
	border:1px solid #ddd;
}
.colorActive span {
	display: block;
	width: 100%;
	height: 100%
}

.colorSelBox {
	display:none;
	height: 155px;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	position:absolute;
	left:0;
}
.partColor .colorSelBox,
.partColor .ColorInput{
	display:none !important;
}
.partColor .font-down ul.colorDown{
	min-width:90px;
	width:auto;
}
.partColor .font-down ul.colorDown li{
	padding:0 10px;
}
.partColor .font-down ul.colorDown li span{
	display:inline-block;
	height:15px;
	width:15px;
	margin:0 10px -2px 0;
}


.minicolors-grid{
	touch-action: none;
}

.combinationBtn{
	position:absolute;
	left:20px;
	bottom:20px;
	width:60px;
	height:60px;
	padding:15px;
	border-radius:50%;
	box-shadow:0 0 15px #b8b8b8;
	background:#fff;
	box-sizing:border-box;
	cursor:pointer;
	z-index:101;
}
.combinationBtn svg{
	height:30px;
	width:30px;
	fill:#646464;
}

/*添加购物车*/
#buyPage .row>div{
	width: 900px;
}
#buyPage .wap-tit{
	display:none;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#fefcfd;
	border-bottom:1px solid #ddd;
	font-size:16px;
}
#buyPage .wap-icon{
	display:none;
}
#buyPage .smsclose{
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
	z-index:1;
}
.BuyBox {
	width: 100%;
	margin: 10px auto 0;
	font-size:0;
}

.BuyImage {
	display:inline-block;
	width: 430px;
	height:430px;
	box-sizing:border-box;
    vertical-align: top;
}
.BuyImage img{
	max-width:100%;
	max-height:100%;
}

.BuySku {
	position: relative;
	display:inline-block;
	margin-left: 20px;
	width: calc(50% - 20px);
	font-size:12px;
	max-height:500px;
	overflow-y: auto;
}
.BuySku .sku_title{
	font-size:16px;
	line-height: 20px;
	color: #333;
	word-break: break-all;
	padding-bottom:10px;
	font-weight:bold;
}
.BuySku .sku_price .g_price{
	color:#ed3445;
	font-size: 20px;
	font-weight:bold;
}
.BuySku .sku_size .clear{
	height:15px;
}
.BuySku .sku_size h4,
.BuySku .sku_quantity h4{
	font-size: 13px;
	color: #808080;
	font-weight: normal;
	padding-bottom:5px;
}


.buy_sku .epaddthis{
	padding:15px 0 0;
}

.buy_sku .sku-down{
	position:relative;
	width:200px;
}
.buy_sku .sku-txt{
	line-height:35px;
	height:35px;
	width:100%;
	position:relative;
	border-radius:4px;
	border:1px solid #e8e8e8;
	color:#999;
	cursor:pointer;
}
.buy_sku .sku-txt i{
	position:absolute;
	right:10px;
	top:3px;
}
.buy_sku .sku-txt span{
	display:block;
	line-height:35px;
	padding:0 5px;
}
.buy_sku .sku-down ul{
	position:absolute;
	left:0;
	top:36px;
	width:100%;
	border:1px solid #ddd;
	border-radius:4px;
	display:none;
	max-height: 150px;
    overflow-y: auto;
}
.buy_sku .sku-down ul li {
    height: 30px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    padding: 0 10px;
	line-height: 30px;
	color: #808080;
	font-size: 12px;
}
.buy_sku .sku-down ul li:last-child{
	border-bottom:0;
}
.buy_sku .sku-down ul li:hover{
	background:#363636;
	color:#fff;
}
.buy_sku .sku-down ul li :hover {
	
}
.buy_sku .sku-down.on{
	z-index:10;
}
.buy_sku .sku-down.on .sku-txt,
.editTxt_ipt .font-down.on .font-txt{
	border-radius:4px 4px 0 0;
}.buy_sku .sku-down.on ul,
.editTxt_ipt .font-down.on ul{
	border-radius:0 0 4px 4px;
}

.epaddthis{
	padding-top:15px;
}
.epaddthis .stButton{
	position:relative;
	z-index:1;
	text-decoration:none;
	color:#000;
	display:inline-block;
	cursor:pointer;
	font-size:24px;
	line-height:16px;
}
.epaddthis .sns_all a span {
	font-size: 22px;
}
.epaddthis .sns_all a{
	display:inline-block;
	height: 30px;
	line-height: 30px;
	margin-right:10px;
}
.epaddthis .sns_all a svg{
	margin:0 0 -5px;
}
.BuyImage {
	position: relative;
}
.BuyImage .controller {
	width: 100%;
	position: absolute;
	left:0;
	top: 0;
}
.BuyImage .controller .dot{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	margin: 0 0 15px;
	border:1px solid #ddd;
	cursor: pointer;
	overflow:hidden;
}
.BuyImage .controller .dot img{
	max-width:100%;
	max-height:100%;
}
.BuyImage .controller .on {
	border:1px solid #363636;
}

/*成功添加购物车*/
#alert_group {
	display: none
}
#alert_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background: #000;
	z-index: 998;
	opacity: 0.2;
}
#alert {
	background: #fff;
	text-align: center
	;position: fixed;
	top:50%;
	left: 50%;
	z-index: 999;
	width: 500px;
	margin-left: -225px;
	margin-top:-133px;
	padding: 50px 0;
	border-radius: 4px;
	box-shadow:2px 5px 15px 0 rgba(0,0,0,0.3)
}
.alert_close{
	position:absolute;
	right:15px;
	top:15px;
}
#alert .icon-svg{
	display: inline-block;
	width: 60px;
	height: 60px;
}
#alert .title {
	font-weight: bold;
	font-size: 20px;
	padding: 20px 20px 40px;
	}
#alert .btn {
	display:inline-block;
	padding:0 30px;
	height:40px;
	line-height:40px;
	background: #999;
	border-radius: 4px;
	color: #fff;
	margin: 0 10px;
}
#alert a.view {
	background: #333
}

.num_wrap {
	margin-top: 10px;
	border: 1px solid #ddd;
	float: left;
	background: #fff;
	border-radius: 4px;
    overflow: hidden;
}

.num_wrap a {
	display: inline-block;
	float: left;
	width: 34px;
	height: 34px;
	background: #fafafa;
	padding: 5px;
	box-sizing: border-box;
}

.num_wrap a.min {
	border-right: 1px solid #ddd
}

.num_wrap a.add {
	border-left: 1px solid #ddd
}

.num_wrap a img {
	width: 100%;
	vertical-align: middle
}

.num_wrap .numb {
	display: inline-block;
	float: left;
	font-size: 16px;
	width: 70px;
	height: 34px;
	border: 0;
	background: 0;
	text-align: center;
	outline: medium
}

.buy_pri {
	line-height: 40px;
	padding-left: 40px;
	margin-top: 10px
}

.BuySku .smsBtn5 {
	margin: 24px 0 0;
	position: relative;
}

.copyright {
	padding: 30px 0;
	font-size: 14px;
	color: #777;
	text-align:center;
}

.smsBtn {
	padding-top: 2%;
	width: 1050px;
	margin: 0 auto
}

.smsBtn a.Confirm {
	float: right;
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	border: 1px solid #000;
	background-color: #000;
	border-radius: 15px
}

.smsBtn a:hover {
	color: #fff;
	background-color: #ff5000;
	border: 1px solid #ff5000
}
.smsBtn2 {
	padding-top: 0;
	text-align: center
}

.smsBtn2 a {
	display: inline-block;
	margin: 0 25px;
	min-width: 100px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	border: 1px solid #363636;
	background-color: #363636;
	border-radius: 5px;
	padding:0 30px;
}
.smsBtn3 a {
	float: right;
	display: block;
	width: 220px;
	height: 50px;
	margin: 0 15px;
	line-height: 50px;
	color: #808080;
	text-align: center;
	font-size: 24px;
	border: 1px solid #dbdddd;
	background-color: #fafafa;
	border-radius: 25px
}

.smsBtn3 a:hover {
	border: 1px solid #ff5000;
	background-color: #ff5000;
	color: #fff
}

.smsBtn4 {
	margin-top: 30px;
	margin-right: 15px
}

.smsBtn4 a {
	float: right;
	display: block;
	width: 90px;
	height: 30px;
	margin: 0 15px;
	line-height: 30px;
	color: #808080;
	text-align: center;
	font-size: 14px;
	border: 1px solid #dbdddd;
	background-color: #fafafa;
	border-radius: 25px
}

.smsBtn4 a:hover {
	border: 1px solid #ff5000;
	background-color: #ff5000;
	color: #fff
}

.smsBtn5 a.addtocart {
	float: left;
    display: block;
    width: 90%;
    height: 45px;
    margin-right: 25px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background-color: #363636;
    border-radius: 4px;
}

.smsBtn5 a.addtocart:hover {
	background-color: #ff5000
}
.smsBtn6 {
	padding-top: 10px;
	text-align: center
}

.smsBtn6 a {
	display: inline-block;
	margin: 0 25px;
	width: 90px;
	height: 30px;
	line-height: 30px;
	color: #808080;
	text-align: center;
	font-size: 14px;
	border: 1px solid #ddd;
	background-color: #fafafa;
	border-radius: 15px
}

.smsBtn6 a:hover {
	color: #fff;
	border: 1px solid #000;
	background-color: #000
}

.windows {
	display: none;
	width: 500px;
	min-height: 200px;
	position: fixed;
	left: 50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -150px;
	background: #fff;
	z-index: 301;
	box-shadow: 2px 15px 25px 0 rgba(0,0,0,0.3)
}

.windows .w_close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer
}
.windows .row{
	display: flex;
    align-items: center;
    justify-content: center;
	min-height:200px;
}
.windows .Tips_Box {
	width: 330px;
	margin: 0 auto;
	position: relative
}

.windows .Tips_Box .failed {
	min-height: 60px;
	padding-left: 80px;
	background: url("../images/w_failed.png") left center no-repeat;
	display: flex;
    align-items: center;
}

.windows .Tips_Box .failed h3 {
	color: red;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal
}

.windows .Tips_Box .failed p,.windows .Tips_Box .success p {
	color: #999;
	font-size: 14px
}

.windows .Tips_Box .success {
	padding-left: 80px;
	margin-top: 70px;
	background: url("../images/w_success.png") left center no-repeat
}

.windows .Tips_Box .success h3 {
	color: #00d800;
	font-size: 20px;
	line-height: 35px;
	font-weight: normal
}

.windows .Tips_Box .delete_tips {
	text-align: center;
	padding-top: 40px
}

.windows .Tips_Box .delete_tips h3 {
	color: red;
	font-size: 26px;
	line-height: 35px;
	font-weight: normal
}

.loadBox {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -87px;
	margin-left: -87px;
	padding: 20px;
	width: 135px;
	height: 135px;
	background: #fff;
	text-align: center;
	z-index: 999;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.load_txt {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	height: 135px;
	font-size: 20px;
	color: #000;
	line-height: 135px;
	text-align: center
}
.progress {
	width: 135px;
	height: 135px;
	background: url("../images/login_progress.png") center center no-repeat;
	background-size: cover
}

.progress.anim {
	animation: rotate 6s linear infinite;
	-moz-animation: rotate 6s linear infinite;
	-webkit-animation: rotate 6s linear infinite;
	-o-animation: rotate 6s linear infinite
}


/*组合编码*/
#cba_bg{
	display:block;
}
#Combination{
	width:700px;
	padding:10px 20px;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	border-radius:4px;
	z-index:301;
	box-sizing: border-box;
}
#cba_bg.show,
#Combination.show{
	display:block;
}
#cba_bg.hide,
#Combination.hide{
	display:none;
}
#Combination .title{
	position:relative;
}
#Combination .title h3{
	text-align:center;
	color:#3b3b3b;
	font-weight: normal;
    font-size: 22px;

}
#Combination .cbaclose{
    position: absolute;
    top: 7px;
    right: -5px;
    cursor: pointer;
}
#Combination .product-box ul{
	font-size:0;
	max-height:430px;
    overflow-y: auto;
}
#Combination .product-box ul li{
	width:33.3333%;
	padding:15px 20px;
	display:inline-block;
	box-sizing:border-box;
}
#Combination .product-box ul li .img{
	border:1px solid #dde1e5;
	cursor:pointer;
	border-radius:3px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#Combination .product-box ul li .img.on,
#Combination .product-box ul li .img:hover{
	border:1px solid #333;
}






/*定制详情页*/
#detailPage{
	background:#fff;
	overflow:hidden;
}
#detailPage .wap-icon{
	display:none;
}
.detail-box {
	padding:30px;
	font-size:0;
}
.detail-image{
	display:inline-block;
	margin-right: 30px;
	width: calc(50% - 30px);
	box-sizing:border-box;
    vertical-align: top;
}
.detail-image-img{
	border:1px solid #eee;
	margin-bottom:15px;
}
.detail-image-img img{
	max-width:100%;
	max-height:100%;
	display:none;
}
.detail-image {
	position: relative;
}
.detail-image .controller {
	width: 100%;
}
.detail-image .controller .dot{
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	margin: 0 10px 0 0;
	border:1px solid #ddd;
	cursor: pointer;
	overflow: hidden;
}
.detail-image .controller .dot img{
	max-width:100%;
	max-height:100%;
}
.detail-image .controller .on {
	border:1px solid #363636;
	padding:0;
}
.detail-sku {
	position: relative;
	display:inline-block;
	width: 47%;
	font-size:12px;
	border-radius:4px;
	box-shadow:0 0 0
}
.detail-sku .sku_title{
	font-size:16px;
	line-height: 20px;
	color: #333;
	font-weight: bold;
	word-break: break-all;
	padding-bottom:10px;
}
.detail-sku .sku_price .g_price{
	color:#ed3445;
	font-size: 20px;
	font-weight:bold;
}
.detail-sku .sku_size .clear{
	height:15px;
}
.detail-sku .sku_size h4,
.detail-sku .sku_quantity h4{
	font-size: 13px;
	color: #333;
	font-weight: normal;
	padding-bottom:5px;
}
.atr_sku .epaddthis{
	padding:15px 0 0;
}

.atr_sku .sku-down{
	position:relative;
	width:200px;
}
.atr_sku .sku-txt{
	line-height:35px;
	height:35px;
	width:100%;
	position:relative;
	border-radius:4px;
	border:1px solid #e8e8e8;
	color:#999;
	cursor:pointer;
}
.atr_sku .sku-txt i{
	position:absolute;
	right:10px;
	top:3px;
}
.atr_sku .sku-txt span{
	display:block;
	line-height:35px;
	padding:0 5px;
}
.atr_sku .sku-down ul{
	position:absolute;
	left:0;
	top:36px;
	width:100%;
	border:1px solid #ddd;
	border-radius:4px;
	display:none;
	max-height: 150px;
    overflow-y: auto;
}
.atr_sku .sku-down ul li {
    height: 30px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    padding: 0 10px;
	line-height: 30px;
	color: #808080;
	font-size: 12px;
}
.atr_sku .sku-down ul li:last-child{
	border-bottom:0;
}
.atr_sku .sku-down ul li:hover{
	background:#363636;
	color:#fff;
}
.atr_sku .sku-down ul li :hover {
	
}
.atr_sku .sku-down.on{
	z-index:10;
}
.atr_sku .sku-down.on .sku-txt,
.editTxt_ipt .font-down.on .font-txt{
	border-radius:4px 4px 0 0;
}.atr_sku .sku-down.on ul,
.editTxt_ipt .font-down.on ul{
	border-radius:0 0 4px 4px;
}
.detail-sku .smsBtn5{
	margin: 25px 0 0;
    position: relative;
	width:100%;
}
.detail-sku .smsBtn5 .addtocart{
	height:45px;
	width: calc(100% - 55px);
	margin-right:55px;
	line-height:45px;
	float:none;
	box-sizing:border-box;
}
.detail-sku .smsBtn5 .favorite{
	width:45px;
	height:45px;
	border-radius:4px;
	border:1px solid #878586;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	box-sizing:border-box;
}
.detail-sku .smsBtn5 .favorite.cur{
	cursor:pointer;
}
.detail-sku .smsBtn5 .favorite svg{
	fill:#878586;
	margin:2px 0 -5px;
}
.detail-sku .smsBtn5 .favorite.on svg{
	fill:#f00000;
}
.detail-sku .smsBtn5 .favorite span{
	display:block;
}
.detail-sku .customzeBtn{
	margin-top:20px;
}
.detail-sku .customzeBtn .customze{
	height:45px;
	width:100%;
	border-radius:4px;
	border:1px solid #878586;
	color:#333;
	line-height:45px;
	text-align:center;
	display:block;
	font-size:16px;
}
.detail-sku .customzeBtn .customze:hover{
	background:#363636;
	color:#fff;
}

/*错误页面*/
#detailerror{
	display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}
#detailerror>div{
	width:100%;
}
#detailerror .error-img{
	text-align:center;
	min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#detailerror .error-img img{
	max-width:100%;
	max-height:100%;
}

.ajax-loading{
	width: 49px;
	height: 48px;
	background: url(../images/ajax_loading.gif) center no-repeat;
	position: fixed;
	z-index: 9999999999;
	left: 50%;
	margin-left: -24px;
	top: 50%;
	margin-top: -48px;
}
       

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	0% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}




/*wap*/

@media screen and (max-width:1200px) {
    .design-box{
		width:80%;
	}
	.createImage{
		margin:0 0 0 140px;
	} 
}
@media screen and (max-width:1000px) {
    .design-box{
		width:90%;
	}
	#Combination .product-box ul{
		max-height:340px;
	}

}
@media screen and (max-width:850px) {
    .design-box{
		width:90%;
	}
	.createImage{
		width:500px;
		height:500px;
		margin:0 0 0 140px;
	}

}

@media screen and (max-width: 769px) and max-width:900px) {
    .design-box{
		width:80%;
	}
	#Combination .product-box ul{
		max-height:340px;
	}
}

@media screen and (max-width: 768px) {
	#Combination{
		width:80%;	
	}
	.design-box{
		width:95%;
	}
	.logo{
		padding:10px 30px;
	}
	.createAdd .titlenav ul{
		padding:0 10px;
	}
	.createAdd .titlenav ul li{
		padding:0 10px;
	}
	.createAdd .titlenav ul li span{
		display:none;
	}
	.createInfo_btn a.buy{
		padding:0 20px;
	}
	.createThumb{
		position:relative;
		top:auto;
		left:0;	
		width:100%;
		padding:15px 0;
	}
	.createThumb ul{
		font-size:0;
	    text-align: center;
	}
	.createThumb ul li{
		display:inline-block;
		margin:0 5px;
		width:60px;
		height:60px;
	}
	.createImage{
		width:80%;
		height:auto;
		margin:0 auto;
	}
	.functionIcon span{
		margin:0 10px;
	}
	.functionIcon span i{
		height:50px;
		width:50px;
		padding:15px;	
	}
	.functionIcon i:hover{
		background:#b4b4b4;	
	}
	.combinationBtn{
		bottom:auto;
		top:25px;
		left:10px;
	}
	.img_side .hasAdd svg{
		height:50px;
		width:50px;
	}
	.createAddcont .addimg-box,
	.createAddcont .addtext-box{
		width:85%
	}
	.createAddcont ul{
		padding:0 15px;
	}
	.createAddcont ul li{
		width:100%;
		box-sizing:border-box;
	}
	.createAddcont .addTest {
		height:40px;
	}
	#TextShow{
		width:100%;
	}
	#TextShow .row>div{
		width:90%;
		background:#fff;
		padding:10px;		
	}
	#TextShow .row>div .title{
		padding:0 10px;	
		margin:-10px -10px 0;	
	}
	.sel_family{
		width:48%;
		margin-right:5px;
	}
	.sel_size{
		width:30%;
	}
	
	/*添加购车*/
	#sms_bg{
		display:none;
	}
	#buyPage{
		height:100%;
		background:#fff;
	    overflow-y: auto;
		display:block;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		transition: all 0.4s;
		transition-delay: 50ms;
	}
	#buyPage.open{
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.BuyImage{
		width:100%;
		height:auto;
	}
	#buyPage .wap-tit{
		display:block;
	}
	#buyPage .smsclose{
		right:auto;
		left:10px;
		top:-37px;
	}
	#buyPage .pc-icon{
		display:none;
	}
	#buyPage .wap-icon{
		display:block;
	}
	#buyPage .BuyBox{
		margin:0;
	}
	#buyPage .row{
		display:block;
		height:auto;
	}
	#buyPage .row>div{
		width:100%;
		box-shadow:none;
	}
	.BuyImage,
	.BuySku{
		display:block;
		width:100%;
		margin:0;
		padding-bottom:15px;
	}
	.BuyImage .controller{
		position:relative;
		padding-bottom:15px;
		text-align:center;
	}
	
	.BuyImage .controller .dot{
		width:50px;
		height:50px;
		margin:0 5px;
		display:inline-block;
	}
	.BuyImage-img{
		width:100%;
	}
	.BuySku{
		overflow:initial;
		max-height:initial;
	}
	.BuySku .smsBtn5{
		text-align:center;
	}
	.smsBtn5 a.addtocart{
		float:none;
		display:inline-block;
		width:100%;
		margin:0;
	}
	/*添加成功*/
	#alert{
		width:90%;
		margin-left:-45%;
	}
	
	
	/*提示*/
	.windows{
		width:90%;
		margin-left:0;
		transform:translateX(-50%);
		padding:0 20px;
		box-sizing:border-box;
	}
	.windows .Tips_Box{
		width:100%;
	}	
	
	/*定制详情页*/
	.detail-box{
		padding:15px;
	}
	#Combination .product-box ul{
		max-height:350px;
	}
	#Combination .product-box ul li .img:hover{
		border:1px solid #dde1e5;
	}
	#Combination .product-box ul li .img.on{
		border:1px solid #333;
	}
}

@media screen and (max-width: 480px) {
	#Combination{
		width:90%;	
	}
	#Combination .product-box ul{
		margin:0 -10px;	
	}
	#Combination .product-box ul li{
		width:50%;
		padding:10px;
	}
	.createImage {
    	width: 95%;
    	height: auto;
		margin-bottom:15px;
	}
	.createThumb ul li{
		display:inline-block;
		margin:0 5px;
		width:80px;
		height:80px;
	}
	.createThumb ul li span{
		padding:3px;
	}
	.createGoods{
		padding-bottom:6px;
	}
	.functionIcon span{
		margin:0 15px 15px;
		width:calc(25% - 30px);
	}
	.functionIcon span i{
		width:40px;
		height:40px;
		padding:10px;
	}
	
	.editTxt_ipt .txt_ipt_default{
		min-height:50px;	
	}
	#txtDesignDemo{
		height:100px;
		max-height:150px;	
	}
	
	
	/*定制详情页*/
	.detail-box{
		padding:15px;
	}
	.detail-image,
	.detail-sku{
		display:block;
		width:100%;
		margin:0;
	}
	.detail-image .controller .dot{
		width:50px;
		height:50px;
	}
	.detail-sku{
		padding-top:20px;
	}
	.partColor .font-down ul.colorDown{
		left:auto;
		right:0;
	}	
	
}
@media screen and (max-width: 400px) {
	#Combination .product-box ul{
		max-height:320px;
	}
}