@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.5rem;
    /* height: 13.34000rem; */
    height: 12.2rem;
    /* padding-top: 1.28000rem; */
    background: url(../images/bg.png) no-repeat 0 0;
    background-size: 100% 100%;
  
}
.app-title{
    position: relative;
    bottom: -0.32000rem;
    display: block;
    width: 6.18rem;
    height: 1.01000rem;
    margin: 0 auto;
    /*background: url(../images/app_title.png) no-repeat 0 0;*/
    background-size: 100% 100%;
    text-indent: -9999PX;
    z-index: 1;
}
.app-main{
  width:7.04000rem;
  padding-top: 0.12000rem;
  margin: 0 auto;
}
.main-canvas{
  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: 100% 100%;
    overflow: hidden;
}
.main-canvas canvas{
  display: block;
  width:6.05000rem;
  height:5.34000rem;
}
.operation-panel{
   position: relative;
    top: -0.18000rem;
    width: 6.8000rem;
    height: 0.74000rem;
    margin: .3rem .25rem 0 .25rem;
    text-align: center;
}
.operation-panel .col{
  position: relative;
}
.operation-panel .col1{
    width: 1.48000rem;
    float: left;
    z-index: 1000;
}
.zt{
	     position: relative;
    left: .25rem;
}
.operation-panel .col2{
  padding-top: 0.15000rem;
}
.operation-panel .col3 {
    width: 1.34000rem;
    float: right;
}
.clear-btn,
.generate-btn{
    position: absolute;
    top: 0.1000rem;
    display: block;
    width: 1.6rem;
    height: 0.82000rem;
    background: url(../images/operation_btns.png) no-repeat 0 0;
    background-size: 7rem;
    text-indent: -9999PX;
}
.clear-btn {
    left: -0.05000rem;
    background-position: 0 0;
}
.generate-btn{
     left: -0.5000rem;
    background-position: -5.4rem 0;
}
.adjust-panel{
    width: 3.25000rem;
    height: 0.44rem;
    /*background: url(../images/slider_bg.png) no-repeat 0 -0.03000rem;*/
    background-size: 7rem;
    position: relative;
    right: -4px;
    padding-left: .5rem;
}
.adjust-panel .btns {
    position: absolute;
    left: -0.04rem;
}
.adjust-panel .btns li{
    position: relative;
    width: 0.59000rem;
    height: 0.43000rem;
    margin-right: .1rem;
}
.adjust-panel .btns li .a{
    position: absolute;
    width: 0.92rem;
    height: 0.72rem;
    background: url(../images/adjust_btna-off.png) no-repeat;
     background-size: 76%;
    font-family:"微软雅黑";
    font-size: 0.24000rem;
    text-align: center;
    line-height: 0.43000rem;
  	color: #8ab7f4;
    text-shadow: 0rem 0.03rem 0.102rem rgba(60, 34, 4, 0.57);
        left: -.01rem;
}
.adjust-panel .btns li .a span{
     position: relative;
    top: .04rem;
    left: -0.15rem;
}
.adjust-panel .btns li .ab{
    position: absolute;
    width: 0.92rem;
    height: 0.72rem;
    background: url(../images/adjust_btnb-off.png) no-repeat;
    background-size: 76%;
    font-family:"微软雅黑";
    font-size: 0.24000rem;
    text-align: center;
    line-height: 0.43000rem;
   	color: #8ab7f4;
    text-shadow: 0rem 0.03rem 0.102rem rgba(60, 34, 4, 0.57);
        left: -.01rem;
}
.adjust-panel .btns li .ab span{
      position: relative;
    top: .04rem;
      left: -0.07rem;
}

.adjust-panel .btns .actived a{
    background: url(../images/adjust_btna-on.png) no-repeat;
    background-size: 76%;
    width: 0.92rem;
    height: 0.72rem;
    color: #ffffff;

}
.adjust-panel .btns .activedb a{
    background: url(../images/adjust_btnb-on.png) no-repeat;
    background-size: 76%;
    width: 0.92rem;
    height: 0.75rem;
		color: #ffffff;
}
.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.4rem;
      top: .05rem;
}
.adjust-panel .slider .mt-range-thumb{
         width: 0.30000rem;
    height: 0.30000rem;
    top: 20%;
    border-style: solid;
    border-width: 0.03000rem;
    border-color: rgb(214, 6, 7);
    border-radius: 50%;
    background-color: #192128;
    -webkit-box-shadow: 0.02229rem 0.02007rem 0.04rem 0rem rgba(0, 0, 0, 0.59), inset 0rem 0.09rem 0.05rem 0rem rgba(106, 10, 10, 0.11);
    box-shadow: 0.02229rem 0.02007rem 0.04rem 0rem rgba(0, 0, 0, 0.59), inset 0rem 0.09rem 0.05rem 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.70000rem;
    background-position-x: -.2rem;
}
.bottom-panel .select{
   -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -0.1rem;
    left: 0rem;
    width: 1.81000rem;
    height: 0.85rem;
    background: url(../images/select_input_bg.png) no-repeat 0 0;
    background-size: 2.0000rem 80%;
    /* background-size: 100% 100%; */
}
.bottom-panel .select-value{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-top: 0.060000rem;
    padding-left: 0.28000rem;
    width: 1.81000rem;
    height: 0.66000rem;
    color: #fff;
    font-size: 0.3000rem;
    outline: none;
    /* top: .19rem; */
}
.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.65000rem;
    left: 0.180000rem;
    width: 1.6000rem;
    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: 1PX solid #bd983c;
    /* border-left: 1PX solid #20120e; */
    border-right: 1PX solid #96604d;
    background: #1a1618;
    text-align: center;
    font-size: 0.22000rem;
    color: #fff;
    /* border-inline-start-width: 41px; */
}
.bottom-panel .select-list .select-item:hover{
  background: #96604d;
}
.bottom-tabs{
  position: relative;
  height:100%;
}
.bottom-tabs-header{
  position: relative;
  top: -0.01rem;
}
.bottom-tabs-header li{
  position: relative;
  min-width:1.11000rem;
  height:0.45000rem;
}
.bottom-tabs-header li:nth-child(2){
     margin-left: 0.69rem;
}
/*.bottom-tabs-header li a{
  	width: 1.15000rem;
    height: 0.45000rem;
    line-height: 0.45000rem;
    background-color: #353028;
    -webkit-box-shadow: 0rem 0.03rem 0.102rem 0.018rem rgba(60, 34, 4, 0.57), inset 0rem 0rem 0.01rem 0rem rgba(255, 255, 255, 0.004);
    box-shadow: 0rem 0.03rem 0.102rem 0.018rem rgba(60, 34, 4, 0.57), inset 0rem 0rem 0.01rem 0rem rgba(255, 255, 255, 0.004);
    font-family: 'mainfont';
    color: rgb(213, 182, 135);
    text-shadow: 0rem 0.03rem 0.102rem rgba(60, 34, 4, 0.57);
    font-size: 0.30000rem;
    text-align: center;
}*/
.bottom-tabs-header li a {
    top: -0.04000rem;
    height: 0.56rem;
    background: url(../images/off.png) no-repeat;
    background-size: 100% 100%;
    /*font-family: 'mainfont';*/
   	font-family:"微软雅黑";
    color: rgb(213, 182, 135);
    text-shadow: 0rem 0.03rem 0.102rem rgba(60, 34, 4, 0.57);
    font-size: 0.30000rem;
    line-height: 0.5rem;
    text-shadow: none;
    text-align: center;
    color: #8ab7f4;
    font-weight: bold;
}
.bottom-tabs-header .actived a{
    background: url(../images/on.png) no-repeat;
    background-size: 100% 100%;
 	 	color: #d6d8dc;
}
.bottom-tabs-container{
     left: 50%;
    margin-left: -3.5000rem;
    width: 7rem;
    height: 100%;
}
.bottom-tabs-container .mint-tab-container-wrap,
.bottom-tabs-content{
  height:100%;
}
.item-list,
.item-list-container{
        height: 100%;
    width: 6.1rem;
    left: .35rem;
}
.item-list-inner {
       padding-left: 0.1000rem;
    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.3000rem;
    width: 0.84rem;
    height: 0.92000rem;
    background: url(../images/left_right_arrows.png) no-repeat 0 0;
    background-size: 2rem;
    background-position: 0 0;
    z-index: 11;
}
.item-list .prev-arrow{
    left: 0.3rem;
}
.item-list .next-arrow{
        right: -0.00001rem;
    background-position: -1.52rem 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;*/
 background: url(../images/bg2.jpg) no-repeat 0 0;
    background-size: 100% 100%;
}
.view2{
  /*padding-top: 1.65000rem;*/
}
.result-img{
    /*width: 7.04000rem;
  height:100%;
  margin: 0 auto;
  margin-bottom: 1.55000rem;*/
}

.result-img img{
  display: block;
  width: 93%;
}
.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: 2.5rem;
    height: .8rem;
    /* margin: 0 auto; */
    display: inline-block;
    text-indent: -9999PX;
    background: url(../images/continue_btn.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.fb-btn{
      display: block;
        width: 2.5rem;
    height: .8rem;
    /* margin: 0 auto; */
    display: inline-block;
    text-indent: -9999PX;
    background: url(../images/fb.png) no-repeat 0 0;
    background-size: 100% 100%;
        margin-right: .5rem;
}
.result-panela{
	  background: url(../images/txbg.png) no-repeat;
    background-size: 5.6rem;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.wufa-btn {
    position: fixed;
    top: 15%;
    left: 0;
    display: block;
    width: 1.08rem;
    height: 3.65rem;
    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;
}
.meng {
    /*background: rgba(0,0,0,.6);*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000000;
    display: none;
}
.meng img {
    width: 100%;
    height: auto;
    /* position: absolute; */
    /* top: 1.5rem; */
    /* right: 0.15rem; */
}
.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;
}
.loading-part{
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
}
.loadEffect{
    width: 100px;
    height: 100px;
    position: relative;
    margin: auto;
}
.loadEffect span{
  display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    opacity: 0;
    -webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load{
    0%{
        opacity: 0;
    }
    50%{
    	opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}
.loadEffect span:nth-child(1){
    left: 0;
    top: 50%;
    margin-top:-8px;
    -webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
    left: 14px;
    top: 14px;
    -webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
    left: 50%;
    top: 0;
    margin-left: -8px;
    -webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
    top: 14px;
    right:14px;
    -webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
    right: 0;
    top: 50%;
    margin-top:-8px;
    -webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
    right: 14px;
    bottom:14px;
    -webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    -webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
    bottom: 14px;
    left: 14px;
    -webkit-animation-delay:1.04s;
}