@charset "utf-8";
@font-face {
  font-family:'mainfont';
  src:url(data:application/x-font-ttf;base64,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);
}
html,body{
  -webkit-text-size-adjust: none;
}
html{
  font-size: 100PX;
}
body{
  height:auto;
}
#app{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:7.50000rem;
/*  height:13.34000rem;*/
  height:12.06000rem;
/*  padding-top: 1.28000rem;*/
  background:url(../images/bg.jpg) no-repeat 0 -1.28000rem;
  background-size: 7.50000rem;
}
.app-title{
  position: relative;
  bottom:-0.32000rem;
  display: block;
  width:4.18000rem;
  height:1.01000rem;
  margin: 0 auto;
  background: url(../images/app_title.png) no-repeat 0 0;
  background-size: 4.18000rem;
  text-indent: -9999PX;
  z-index: 1;
}
.app-main{
  width:7.04000rem;
  padding-top: 0.12000rem;
  margin: 0 auto;
}
.main-canvas{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:6.27000rem;
  height:5.57000rem;
  margin: 0 auto;
  padding-left: 0.12000rem;
  padding-top: 0.12000rem;
  background: url(../images/main_canvas_frame.png) no-repeat 0 0;
  background-size: 6.27000rem;
  overflow: hidden;
}
.main-canvas canvas{
  display: block;
  width:6.05000rem;
  height:5.34000rem;
}
.operation-panel{
  position: relative;
  top:-0.18000rem;
  width:6.08000rem;
  height: 0.74000rem;
  margin: 0 auto;
}
.operation-panel .col{
  position: relative;
}
.operation-panel .col1{
  width:1.48000rem;
}
.operation-panel .col2{
  padding-top: 0.20000rem;
}
.operation-panel .col3{
  width:1.34000rem;
}
.clear-btn,
.generate-btn{
  position: absolute;
  top:-0.04000rem;
  display: block;
  width:1.44000rem;
  height: 0.82000rem;
  background: url(../images/operation_btns.png) no-repeat 0 0;
  background-size: 2.94000rem;
  text-indent: -9999PX;
}
.clear-btn{
  left:-0.04000rem;
  background-position: 0 0 ;
}
.generate-btn{
  left:-0.05000rem;
  background-position: -1.52000rem 0;
}
.adjust-panel{
  width:3.25000rem;
  height:0.44000rem;
  background: url(../images/slider_bg.png) no-repeat 0 -0.03000rem;
  background-size: 3.85000rem;
}
.adjust-panel .btns{}
.adjust-panel .btns li{
  position: relative;
  width:0.59000rem;
  height:0.43000rem;
}
.adjust-panel .btns li a{
  position: absolute;
  width:0.60000rem;
  height:0.43000rem;;
  background: url(../images/adjust_btns.png) no-repeat -0.72000rem -0.11000rem;
  background-size: 1.42000rem;
  font-family: 'mainfont';
  font-size:0.24000rem;
  text-align: center;
  line-height: 0.43000rem;
  color: rgb(213, 182, 135);
  text-shadow: 0rem 0.03000rem 0.10200rem rgba(60, 34, 4, 0.57);
}
.adjust-panel .btns .actived a{
  top:-0.10000rem;
  height:0.71000rem;
  line-height: 0.64000rem;
  background-position: -0.12000rem 0;
  color:#000;
  text-shadow: none;
}
.adjust-panel .slider{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:2.04000rem;
  height:0.51000rem;
  padding-left: 0.06000rem;
}
.adjust-panel .slider .mt-range{
  height:100%;
  margin-top: -0.06000rem;
}
.adjust-panel .slider .mt-range-content{
  margin-right: 0.30000rem;
}
.adjust-panel .slider .mt-range-thumb{
  width:0.30000rem;
  height:0.30000rem;
  top:20%;
  border-style: solid;
  border-width: 0.01000rem;
  border-color: rgb(249, 228, 166);
  border-radius: 50%;
  background-color: #f7d47a;
  -webkit-box-shadow: 0.02229rem 0.02007rem 0.04000rem 0rem rgba(0, 0, 0, 0.59),inset 0rem 0.09000rem 0.05000rem 0rem rgba(106, 10, 10, 0.11);
  box-shadow: 0.02229rem 0.02007rem 0.04000rem 0rem rgba(0, 0, 0, 0.59),inset 0rem 0.09000rem 0.05000rem 0rem rgba(106, 10, 10, 0.11);
}
.bottom-panel{
  width:6.40000rem;
  height:3.99000rem;
  margin: 0 auto;
  background: url(../images/bottom_panel_bg.png) no-repeat 0 0;
  background-size: 6.40000rem;
}
.bottom-panel .select{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top:-0.12000rem;
  left:0.10000rem;
  width:1.81000rem;
  height:0.66000rem;
  background: url(../images/select_input_bg.png) no-repeat 0 0;
  background-size: 1.81000rem;
}
.bottom-panel .select-value{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 0.10000rem;
  padding-left: 0.28000rem;
  width:1.81000rem;
  height:0.66000rem;
  color:#fff;
  font-size:0.24000rem;
  outline: none;
}
.bottom-panel .select-value span{
  display: block;
  width:74%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.bottom-panel .select-value::after{
  position: absolute;
  right:0.20000rem;
  top:0.20000rem;
  content:'';
  display: block;
  width:0.16000rem;
  height:0.16000rem;
  background: url(../images/select_arrow.png) no-repeat 0 -0.10000rem;
  background-size: 0.16000rem;
}
.bottom-panel .select-list{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top:0.58000rem;
  left:0.10000rem;
  width:1.66000rem;
  height:2.81000rem;
  padding: 0.05000rem;
  background: url(../images/select_list_bg.png) no-repeat -0.10000rem 0rem;
  background-size: 1.81000rem;
  z-index: 1;
}
.bottom-panel .select-list-inner{
  height:2.54000rem;
  overflow: scroll;
}
.bottom-panel .select-list .select-item{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height:0.41000rem;
  border-bottom: 3PX solid #20120e;
  border-left: 1PX solid #20120e;
  border-right: 1PX solid #96604d;
  background: #38211b;
  text-align: center;
  font-size: 0.22000rem;
  color:#fff;
}
.bottom-panel .select-list .select-item:hover{
  background: #96604d;
}
.bottom-tabs{
  position: relative;
  height:100%;
}
.bottom-tabs-header{
  position: relative;
  top:0.06000rem;
}
.bottom-tabs-header li{
  position: relative;
  min-width:1.11000rem;
  height:0.45000rem;
}
.bottom-tabs-header li:nth-child(2){
  margin-left: 0.06000rem;
}
.bottom-tabs-header li a{
  position: absolute;
  width:1.11000rem;
  height:0.45000rem;
  line-height: 0.45000rem;
  background-color: #353028;
  -webkit-box-shadow: 0rem 0.03000rem 0.10200rem 0.01800rem rgba(60, 34, 4, 0.57),inset 0rem 0rem 0.01000rem 0rem rgba(255, 255, 255, 0.004);
  box-shadow: 0rem 0.03000rem 0.10200rem 0.01800rem rgba(60, 34, 4, 0.57),inset 0rem 0rem 0.01000rem 0rem rgba(255, 255, 255, 0.004);
  font-family: 'mainfont';
  color: rgb(213, 182, 135);
  text-shadow: 0rem 0.03000rem 0.10200rem rgba(60, 34, 4, 0.57);
  font-size: 0.30000rem;
  text-align: center;
}
.bottom-tabs-header .actived a{
  top:-0.04000rem;
  height:0.50000rem;
  background-image: -webkit-linear-gradient( 90deg, rgb(177,128,66) 2%, rgb(243,213,143) 53%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(177,128,66) 2%, rgb(243,213,143) 53%, rgb(255,255,255) 100%);
  -webkit-box-shadow: 0rem 0.03000rem 0.10200rem 0.01800rem rgba(60, 34, 4, 0.57),inset 0rem 0rem 0.01000rem 0rem rgba(255, 255, 255, 0.004);
  box-shadow: 0rem 0.03000rem 0.10200rem 0.01800rem rgba(60, 34, 4, 0.57),inset 0rem 0rem 0.01000rem 0rem rgba(255, 255, 255, 0.004);
  text-shadow: none;
  color:#000;
}
.bottom-tabs-container{
  left:50%;
  margin-left: -3.25000rem;
  width:6.50000rem;
  height:100%;
}
.bottom-tabs-container .mint-tab-container-wrap,
.bottom-tabs-content{
  height:100%;
}
.item-list,
.item-list-container{
  height:100%;
}
.item-list-inner{
  padding-left: 0.28000rem;
  padding-top: 0.32000rem;
}
.item-list-inner ul{
  margin-left: -0.50000rem;
  margin-top: -0.46000rem;
  padding-left: 0.18000rem;
  padding-top: 0.14000rem;
}
.item-list-inner li{
  width:1.03000rem;
  height: 1.03000rem;
  margin-left: 0.50000rem;
  margin-top: 0.46000rem;
/*  background-color:#ccc;*/
}
.item-list-inner li img{
  display: block;
  width:100%;
  height:100%;
}
.item-list .prev-arrow,
.item-list .next-arrow{
  display: block;
  position: absolute;
  top:1.48000rem;
  width:0.54000rem;
  height:0.92000rem;
  background: url(../images/left_right_arrows.png) no-repeat 0 0;
  background-size: 1.13000rem;
  background-position: 0 0;
  z-index: 10;
}
.item-list .prev-arrow{
  left:-0.10000rem;
}
.item-list .next-arrow{
  right:-0.05000rem;
  background-position: -0.54000rem 0
}
.text-panel{
  padding-top: 0.42000rem;
}
.text-panel .top-area{
  width: 6.00000rem;
  height:0.64000rem;
  margin: 0 auto;
  text-align: center;
}
.text-panel .top-area .item-list{}
.text-panel .top-area .item-list-inner{
  padding: 0;
}
.text-panel .top-area .item-list ul{
  padding: 0;
  margin: 0;
}
.text-panel .top-area .item-list li{
  margin: 0;
  width:4.18000rem;
  height:0.55000rem;
  height: auto;
}
.text-panel .top-area .item-list li img{
  width:4.18000rem;
  height:0.55000rem;
}
.text-panel .top-area .item-list .next-arrow,
.text-panel .top-area .item-list .prev-arrow{
  top:0.20000rem;
}
.text-panel .textarea{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width:5.54000rem;
  height:1.65000rem;
  margin: 0 auto;
  margin-bottom: 0.10000rem;
  background: url(../images/textarea_bg.png) no-repeat 0 0;
  background-size: 5.54000rem;
}
.text-panel .textarea.type-v{
  background-position: 0 -1.75000rem;
}
.text-panel .textarea .label{
  position: absolute;
  right:0;
  top:0;
  width:0.64000rem;
  height:0.78000rem;
}
.text-panel .textarea .label span{
  display: block;
  height:50%;
  text-indent: -9999PX;
}
.text-panel .textarea textarea{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:4.80000rem;
  height:1.42000rem;
  margin-top: 0.10000rem;
  margin-left: 0.10000rem;
  padding-left: 0.20000rem;
  padding-top: 0.20000rem;
  background: none;
  font-size: 0.24000rem;
  color:#000;
  border:none;
  outline: none;
}

.color-picker{
  width:5.82000rem;
  height:0.25000rem;
  margin:0 auto;
/*
  background: url(../images/colors.png) no-repeat 0 0;
  background-size: 5.82000rem;
*/
}
.color-picker li{
  width:0.75000rem;
  height:0.25000rem;
  margin-left: 0.06000rem;
  cursor: pointer;
  border-radius: 0.05000rem;
  background: url(../images/colors.png) no-repeat 0 0;
  background-size: 5.82000rem;
}
.color-picker li:first-child{
  margin-left: 0;
}
.color-picker li:nth-child(2){
  background-position: -0.85000rem 0;
}
.color-picker li:nth-child(3){
  background-position: -1.68000rem 0;
}
.color-picker li:nth-child(4){
  background-position: -2.53000rem 0;
}
.color-picker li:nth-child(5){
  background-position: -3.38000rem 0;
}
.color-picker li:nth-child(6){
  background-position: -4.22000rem 0;
}
.color-picker li:nth-child(7){
  background-position: -5.08000rem 0;
}

#app.generated{
  background: url(../images/bg2.jpg) no-repeat 0 -1.28000rem;
  background-size: 7.50000rem;
}
.view2{
  padding-top: 1.65000rem;
}
.result-img{
  width:5.10000rem;
  height:4.7rem;
  margin: 0 auto;
  margin-bottom: 1.55000rem;
}

.result-img img{
  display: block;
  width:100%;
}
.result-btns{
  width:5.60000rem;
  height: 2.45000rem;
  margin: 0 auto;
  text-align: center;
/*
  background: url(../images/avatar_btn.png) no-repeat 0 0;
  background-size: 5.60000rem;
*/
}
.result-btns a{
  width:35%;
  margin-left: 1%;
  height:98%;
  text-indent: -9999PX;
  background: url(../images/avatar_btn.png) no-repeat 0 0;
  background-size: 5.7000rem;
}
.result-btns a:nth-child(1){
  display: none;
  margin-left: 0;
}
.result-btns a:nth-child(2){
  margin-right: 1.00000rem;
  background-position: -1.8000rem 0;
}
.result-btns a:nth-child(3){
  background-position: -3.82000rem 0;
}
.continue-btn{
  display: block;
  width:1.46000rem;
  height:0.70000rem;
  margin: 0 auto;
  text-indent: -9999PX;
  background: url(../images/continue_btn.png) no-repeat 0 0;
  background-size: 1.46000rem;
}

.wufa-btn{
  position: fixed;
  top:15%;
  left:2%;
  display: block;
  width:0.70000rem;
  height:2.04000rem;
  margin: 0 auto;
  text-indent: -9999PX;
  background: url(../images/wufa_btn.png) no-repeat 0 0;
  background-size: 0.70000rem;
}

.share-box, .wufa-box{
  position: absolute;
  top:0;
  left:0;
  width:7.50000rem;
  height:12.02000rem;
  z-index: 9999;
}
.share-box img{
  display: block;
  width:100%;
}

.wufa-box img{
  display: block;
  width:100%;
}

.share-box .close-btn{
  position: absolute;
  right:0.96000rem;
  top:1.94000rem;
  width:0.56000rem;
  height:0.56000rem;
  text-indent: -9999PX;
}

.wufa-box .close-btn{
  position: absolute;
  right:0;
  top:0;
  width:7.50000rem;
  height:12.02000rem;
  text-indent: -9999PX;
}