/*公用属性*/
*{padding:0; border:0;margin:0; color:#000;}
img{border:0px;text-decoration: none;}
a{ color:#000; text-decoration:none; font-size:12px;}
a:hover{text-decoration: none;}
p{ line-height:20px; font-size:12px;   }
ul li{list-style-type: none;}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr {margin: 0;padding: 0}
html,body{height:100%; width:100%;  margin:0; padding:0;}
@font-face {
      font-family: msyhbd;
      src:url("MicrosoftYaHeiUI-Bold.ttf"),local("微软雅黑"),local("Microsoft Yahei UI"),local("Microsoft Yahei");
}
a{text-decoration:none;}input{border:0 none;outline:none;}html,body {height: 100%;width: 100%;margin:0px;font-family: msyhbd;}
/*登陆*/
.signBox{width:450px;height:360px;background:#fff;position:absolute;top:50%;margin-top:-180px;left:50%;margin-left:-225px;display: flex;justify-content: center;align-items: center;position:relative;}
.sign{width:310px;position: relative;z-index: 100;}
.signLogo{display: block;margin: auto;z-index: 100;position: relative;background: #fff;}
.tips{color:#595959;font-size:14px;margin-top:22px;}
.orderId{background:#f5f5f5;width:calc(100% - 62px);border:none;outline: none;padding-left:60px;height:33px;background-image:url(../image/ShoppingCart.png);background-repeat:no-repeat;background-position:left;margin-top:20px;border:1px solid #e6e6e6;}
.orderp{width:100%;height:auto;overflow:hidden;position: relative;}
.icon{position:absolute;left: 49px;top: 27px;}
.openOrder{border:none;display:block;margin:auto;margin-top:35px;background:#007bff;color:#fff;outline: none;width:165px;height:40px;}
.orderBox{background:#f5f5f5;border:1px solid #e6e6e6;margin-top:28px;padding-left:17px;padding-right:14px;padding-bottom:32px;}
.whiteBox{border:1px solid #e6e6e6;position:absolute;width:388px;height:270px;top: 62px;}
/*确认订单*/
#resultImg{display:none;}
.rangeBox{width:1200px;margin:auto;overflow:hidden;height:auto;padding-bottom:75px;}
.navbox{width:1200px;margin:auto;overflow:hidden;height:auto;}
.nav{height:100px;width:100%;display: flex;align-items: center;justify-content:space-between;}
.logo{float:left;}
.myOrder{float:right;border:1px solid #007bff;color:#007bff;width:100px;height:30px;border-radius:20px;text-align:center;line-height:30px;font-size:14px;}
.crumbs{margin-top:18px;background-color: #d6d6d6;height: 48px;line-height:48px;padding-left:20px;}
.crumbs a{font-size:12px;color:#202020;}
.tipsTxt{text-align:center;margin-top:50px;color:#4c4c4c;font-size:16px;line-height:40px;}
.example{width:577px;height:769px;margin:auto;margin-top:25px;}
.example img{max-width:577px;max-height:769px;width:100%;height:100%;}
.submit{width:420px;height:50px;margin:auto;margin-top:53px;display: flex;align-items: center;justify-content:space-between;}
.submit a{width:196px;height:50px;text-align:center;line-height:50px;}
.goBack{cursor:pointer;}
.confirm{cursor:pointer;}
/*完成订单*/
#sucImg{display:none;}
.title{text-align:center;color:#007bff;font-size:24px;margin-top:40px;}
.subtitle{text-align:center;color:#4c4c4c;font-size:16px;line-height:40px;}




/*首页*/
.watermark{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../image/20221019152108.png);background-repeat:no-repeat;background-size:100%;}
.content{width:1200px;height:auto;overflow:hidden;margin:auto;margin-top:60px;}
.displayArea{width:577px;height:769px;float:left;overflow:hidden;position:relative;background-color:#d6d6d6;/*background-image:url(../image/test.png);*/}
#styleTwo{display:none;}
#styleTwo img{width:577px;height:769px;}
#imgBox{width:459px;height:459px;position:absolute;top:43px;left:60px;background:url(../image/20221027164455.png);background-size: 100%;}
#imgBox2{width:459px;height:459px;position:absolute;top:43px;left:60px;}
.imgBox2{width:459px;height:459px;position:absolute;top: 31px !important;left: 58px!important;background-image:url(../image/20221027164455.png);background-size:100%;}
.imgBox22{width:459px !important;height:459px !important;position:absolute;top: 31px !important;left: 58px!important;}
.songTitle{position:absolute;top: 516px;left: 59px;font-size: 33px;width:375px;white-space: nowrap;overflow:hidden;height: 45px;display: flex;justify-content: flex-start;align-items: center;}
.songTitle2{position:absolute;top:496px;left: 56px;font-size: 31px;width:375px;white-space: nowrap;overflow:hidden;height: 45px;display: flex;justify-content: flex-start;align-items: center;}
.singer{position:absolute;top: 560px;left: 59px;/*font-size: 24px;*/font-size: 33px;width:375px;white-space: nowrap;overflow:hidden;height: 45px;display: flex;justify-content: flex-start;align-items: center;}
.singer2{position:absolute;top: 534px;left: 57px;font-size: 24px;/*font-size: 33px;*/width:375px;white-space: nowrap;overflow:hidden;height: 45px;display: flex;justify-content: flex-start;align-items: center;}
.startTime{position:absolute;top: 616px;left: 59px;font-size: 16px;}
.startTime2{position:absolute;top: 601px;left: 59px;font-size: 16px;}
.endTime{position: absolute;top: 616px;right: 60px;font-size: 16px;text-align: right;}
.endTime2{position: absolute;top: 601px;right: 60px;font-size: 16px;text-align: right;}
.progressBar{position: absolute;top: 607px;width: 459px;height: 4px;left: 59px;border-radius:4px;background:#b5b3b3;}
.top{width: 40%;background:#000;height:4px;border-radius: 4px;}
.circularBox{width:calc(100% - 12px);height: 4px;position:absolute;top:0;left:0;}
.circularBox2{width:calc(100% - 12px);height: 4px;position:absolute;top:0;left:0;}
.circular{width:12px;height:12px;background:#000;position: absolute;bottom: -5px;border-radius:12px;left:39%;}
.progressBar2{position: absolute;top: 591px;width: 459px;height: 4px;left: 59px;border-radius:4px;background:#b5b3b3;}
.top2{width: 40%;background:#000;height:4px;border-radius: 4px;}
.circular2{width:12px;height:12px;background:#000;position: absolute;bottom: -5px;border-radius:12px;left:39%;}

.inputArea{width:593px;float:left;margin-left:30px;height:auto;overflow:hidden;}
.inputTitle{font-size:16px;color:#4d4d4d;margin-top:21px;}
.inputTitle2{font-size:16px;color:#4d4d4d;margin-top:10px;}
.inputCon{height:48px;border:1px solid #e6e6e6;border-radius:5px;padding-left:20px;width:calc(100% - 22px);margin-top:21px;}
#drcode{width:67px;height:67px;left: 455px;position: absolute;top: 525px; display:none;}
#drcode2{width:67px;height:67px;left: 455px;position: absolute;top: 525px;}
#qrcode{width:67px !important;height:67px !important;left: 454px;position: absolute;top: 507px;}
#qrcode2{width:67px !important;height:67px !important;left: 454px;position: absolute;top: 507px;}
.progressButton{position:absolute;width:325px;height:51px;top: 654px;left: 127px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUUAAAAzCAYAAAAAeBo1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphODQ4NTA0ZS0wYWI3LWU1NGEtYTgxMy02NDRmNjY5NTVlNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFEM0M0N0U0QjYxMTFFREFGM0JEQjRGRTdENUFCQkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFEM0M0N0Q0QjYxMTFFREFGM0JEQjRGRTdENUFCQkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzVlYTEwODYtODlkMC1hNDQ0LWE4N2UtOWE4NjQ3NjNiNDZjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmE4NDg1MDRlLTBhYjctZTU0YS1hODEzLTY0NGY2Njk1NWU0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);}
.progressButton2{    position: absolute;
    width: 460px;
    height: 68px;
    top: 626px;
    left: 59px;
    background-image: url(../image/design2_03.png);
    background-repeat: no-repeat;
    background-size: 457px 68px;}
.next{width:196px;height:50px;text-align:center;line-height:50px;background:#007bff;color:#fff;margin-top:33px;display:block;cursor:pointer;}
.codeBox{width:569px;margin-top:21px;color#7a7a7a;font-size:16px;}
.intbox{width: 569px;height: 114px;}
.left{float:left;width: 453px;}
.right{float:right;width: 100px;}
.codeBox input[type=radio] {position: absolute;opacity: 0;}
.fontSize{width:98px;border: 1px solid #e6e6e6;height: 48px;border-radius: 5px;margin-top: 21px;color:#b4b4b4;}
.codeBox input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.codeBox input[type=radio]:checked + .radio-label:before {
  background-color: #3197EE;
  /*box-shadow: inset 0 0 0 4px #f4f4f4;*/
}
.codeBox input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.codeBox input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.codeBox input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}


.colorBox{width:569px;margin-top:21px;color:#7a7a7a;font-size:16px;height:auto;overflow:hidden;padding-bottom: 2px;}
.colorLavel{width: 92px;height:122px;overflow:hidden;display: block;float: left;position:relative;}
.colorLavel img{position:absolute;top:9px;left:7px;}
.colorBox input[type=radio] {
  position: absolute;
  opacity: 0;
}
.colorBox input[type=radio] + .radio-label:before {
  content: "";
  border-radius:5px;
  border: 1px solid #d6d6d6;
  display: inline-block;
  width: 90px;
  height: 120px;
  position: relative;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.colorBox input[type=radio]:checked + .radio-label:before {
  /*box-shadow: inset 0 0 0 4px #f4f4f4;*/
  border: 1px solid #3197EE;
}
.colorBox input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.colorBox input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.colorBox input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}






#clipArea {
	height: 300px;
}
.fileBox{width:569px;height: 76px;position:relative;margin-top:18px;}
#file{width:569px;height: 76px;position:absolute;z-index:100;opacity: 0; }
#file2{width:569px;height: 76px;position:absolute;z-index:100;opacity: 0; }
.fileBott{width:569px;height: 76px;position:absolute;z-index:1;background:#eeeeee;color:#8f8e8e;display:flex;justify-content:center;align-items:center;font-size:16px;}
#clipBtn {margin: 20px;position:absolute;width: 196px;height: 50px;background: #007bff;color: #fff;z-index:999;bottom:20px;left:calc(50% - 98px);border:none;}
#view {
	margin: 0 auto;
	width: 300px;
	height: 300px;
	background-color: #666;
}
#clipArea{display:none;position: fixed;width:100%;height:100%;top:0;left:0;z-index:100;}
/*.photo-clip-mask-left{background-color: rgba(0, 0, 0, 0.8) !important;}*/

.containerBox{display:flex;position: fixed;top:1000%;left:0;height:100%;width:100%;z-index:9999;background-color: rgba(0, 0, 0, 0.8);justify-content:center;align-items:center;}
.container{height:100%;width:100%;max-width:600px;max-height:600px;}
.inputBox{position:absolute;top:20px;display:flex;justify-content:center;align-items:center;}
.inputBoxBot{position:absolute;bottom:20px;display:flex;justify-content:center;align-items:center;}
#getCroppedCanvas{cursor:pointer;background-color:#007bff;color: #fff;width: 200px;height: 50px;border-radius: 20px;text-align: center;line-height: 50px;font-size: 20px;}
#getCroppedCanvas2{cursor:pointer;background-color:#007bff;color: #fff;width: 200px;height: 50px;border-radius: 20px;text-align: center;line-height: 50px;font-size: 20px;}
#rotateBtnleft{cursor:pointer;background-color:#007bff;color: #fff;width: 200px;height: 50px;border-radius: 20px;text-align: center;line-height: 50px;font-size: 20px;margin-right : 30px;}
#rotateBtnRight{cursor:pointer;background-color:#007bff;color: #fff;width: 200px;height: 50px;border-radius: 20px;text-align: center;line-height: 50px;font-size: 24px;mar}
#rotateBtn{background-color:#007bff;color: #fff;width: 200px;height: 50px;border-radius: 20px;text-align: center;line-height: 50px;font-size: 24px;}
/*进度条*/
#content{
  margin : auto;
  width: 150px;
}
#loading{    /*display: flex;*/
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
	z-index:9999;}
@media screen and (max-width: 840px){
	.rangeBox{width:375px;margin:auto;}
	.displayArea{    width: 375px;height: 500px;}
	.displayArea{float:none;}
	.inputArea{float:none;width:375px;margin-left: 0px;}
	.inputCon{width:calc(100% - 30px);}
	.fileBox{width:360px;}
	#file{width:360px;}
	#file2{width:360px;}
	.fileBott{width:360px;}
	#imgBox{width: 298px;height: 298px;top: 28px;left: 39px;}
	#imgBox2{width: 298px;height: 298px;top: 28px;left: 39px;}
	.songTitle{top: 327px;left: 39px;font-size: 18px;width: 245px;}
	.singer{top: 356px;left: 38px;font-size: 14px;width: 245px;}
	.progressBar{top: 395px;width: 297px;height: 3px;left: 39px;}
	.top{height:3px;}
	.circular{width: 10px;height: 10px;bottom: -4px;}
	.circularBox{width:calc(100% - 10px);}
	.circularBox2{width:calc(100% - 10px);}
	.startTime{top: 400px;left: 40px;font-size: 12px;}
	.endTime{top: 400px;right: 39px;font-size: 12px;}
	#drcode{width: 42px;height: 42px;left: 294px;top: 342px;overflow:hidden;}
	#drcode canvas{width: 42px;height: 42px;}
	#drcode img{width: 42px !important;height: 42px !important;}
	#drcode2{width: 42px;height: 42px;left: 294px;top: 342px;overflow:hidden;}
	#drcode2 img{width: 42px !important;height: 42px !important;}
	.progressButton{background-size: 212px 34px;background-repeat: no-repeat;width: 325px;height: 51px;top: 424px;left: 83px;}
	.imgBox2{width: 298px;height: 298px;top: 20px !important;left: 38px !important;}
	.imgBox22{width: 298px !important;height: 298px !important;top: 20px !important;left: 38px !important;}
	.songTitle2{top: 314px;left: 37px;font-size: 18px;width: 245px;}
	.singer2{top: 340px;left: 37px;font-size: 14px;width: 245px;}
	.progressBar2{top: 384px;width: 297px;height: 3px;left: 39px;}
	.top2{height:3px;}
	.circular2{width: 10px;height: 10px;bottom: -4px;}
	.startTime2{top: 390px;left: 38px;font-size: 12px;}
	.endTime2{top: 390px;right: 38px;font-size: 12px;}
	#qrcode{width: 42px !important;height: 42px !important;left: 293px;top: 330px;overflow:hidden;}
	#qrcode2{width: 42px !important;height: 42px !important;left: 293px;top: 330px;overflow:hidden;}
	.progressButton2{background-size: 100%;background-repeat: no-repeat;width: 298px;height: 49px;top: 406px;left: 38px;}
	.example{width:375px;height:500px;}
	.example img{width:100%;}
	.submit{width: 375px;}
	.submit a{width:156px;}
	.intbox{width:100%;}
	.left{width:calc(100% - 110px);}
}
.spinBox{
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	/*display: flex;*/
	display: none;
	justify-content: center;
    align-items: center;
	z-index:999;
}
.spin {
width: 50px;
height: 50px;
border: 3px solid #D0D3D4;
border-top-color: #626567;
border-radius: 50%;
animation: spin 1.5s linear infinite;
}

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

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