/*reset*/
body,p,div,ol,ul,li,h1,span,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;margin: 0px;padding: 0px;}
body{font-size:18px;font-family:'微软雅黑',Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
iframe,img{border:0;vertical-align:middle;margin: 0px;padding: 0px;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
a{text-decoration:none;}
.cf:after{content:"";display:table;clear:both}  
.cf{*zoom:1}
em{font-style:normal;}


body,html{width:100%;height:100%;background-color: #FFF;overflow: hidden;}
body,html,div,img,p,ul{position: absolute;top:0px;left:0px;-webkit-transform-origin:0 0;transform-origin: 0 0;}

.defSize{width: 640px;height: 830px;}
.defHide{display: none;}

#showPage .userpic{left:138px;top: 143px;}
#showPage .btn_woyao{left:240px;top: 697px;}


#fengmianPage .btn_jianshou{left:100px ;top:465px;}
#fengmianPage .btn_zhuanxing{left:340px; top:465px;}

.numtxt{width: 100%;top: 113px;text-align: center;font-size: 26px;color: #000;}


.a7{ position:absolute;left:408px;top:576px;width:152px;height:153px; }
.a6{ position:absolute;left:243px;top:577px;width:152px;height:153px; }
.a5{ position:absolute;left:79px;top:576px;width:152px;height:153px; }
.a4{ position:absolute;left:414px;top:367px;width:152px;height:153px; }
.a3{ position:absolute;left:77px;top:368px;width:152px;height:153px; }
.a2{ position:absolute;left:407px;top:161px;width:152px;height:153px; }
.a1{ position:absolute;left:243px;top:161px;width:152px;height:153px; }
.a0{ position:absolute;left:79px;top:161px;width:152px;height:153px; }

.b8{ position:absolute;left:414px;top:568px;width:152px;height:153px; }
.b7{ position:absolute;left:241px;top:565px;width:152px;height:153px; }
.b6{ position:absolute;left:79px;top:565px;width:152px;height:153px; }
.b5{ position:absolute;left:408px;top:358px;width:152px;height:153px; }
.b4{ position:absolute;left:238px;top:358px;width:152px;height:153px; }
.b3{ position:absolute;left:75px;top:358px;width:152px;height:153px; }
.b2{ position:absolute;left:406px;top:160px;width:152px;height:153px; }
.b1{ position:absolute;left:241px;top:161px;width:152px;height:153px; }
.b0{ position:absolute;left:77px;top:162px;width:152px;height:153px; }

#phbPage .p0{left:159px;top:228px }
#phbPage .p1{left:159px ;top: 420px}


#phbPage .btn_youhua{left:240px;top: 697px;}

#selectPage .btn_changcolor{left:78px ;top:700px;}
#selectPage .btn_submit{left:272px; top:700px;}
#selectPage .btn_clear{left:468px ;top:700px;}




#fengmianPage .numjs{left: 65px;top:710px;width: 75px;color: #000;text-align: right;padding-right: 10px;}
#fengmianPage .numzx{left: 490px;top:710px;width: 75px;color: #000;text-align: left;padding-left: 10px;}
.duikang{width: 335px;height: 16px;border-radius: 8px;left: 150px;top:712px;overflow: hidden;
  background: #5d98b3;border: 2px solid #000;}
.jianshoutiao{height: 16px;background: #a12424;}
.xrLoading{

  width: 200px;left:50px;top:50px;
  
}
.pics img{width: 130px;height: 95px;}



#selectPage .ulcolor{
    width: 144px;
    height: 357px;
    position: absolute;
    left: 80px;
    top: 342px;
    background: #F00;
    z-index: 10;
    border-radius: 8px;
    border: 2px solid #000;
    overflow: hidden;
    
}
.col{width: 145px;height: 60px;}




#selectPage #btn_reset{left:111px;top: 727px;}
#selectPage #btn_upload{left:340px;top: 727px;}




.uptip{width: 100%;top:130px;text-align: center;}

canvas{position: absolute;}
#selectPage #mycanvas{
	position: absolute;
	left: 138px;top: 143px;background: #e4e1af;
  z-index: 10;
}




#shareTSMC{width: 640px;height: 830px;background-color: rgba(10,10,10,0.9);z-index: 700;}
#shareTSMC p{position:static;text-align: center;}
#shareTSMC p img{position:static;}
#shareTSMC #jiantou{text-align: right;padding-top: 20px;padding-right:20px;padding-bottom:  100px;}
#shareTSMC #share{padding-left:25px;padding-bottom:  80px;}

#shareTSMC #uping{color: #FFF;font-size: 36px;text-align:center;padding-top: 400px;}


#loadPage{width: 100%; height: 100%;overflow: hidden; }

.loadingContain{width: 240px; height: 112px;overflow: hidden;
    left:50%;margin-left:-120px;top:38%;}
.loading {width: 100%; height: 100%;text-align: center;top:0px;}
.loading .loading-num { padding-left:5px;height: 20px; width:100%;font: 24px/24px Tahoma;top:20px; 
  color: #c8000a; text-align: center;}
.loading .inner {width: 100%; height: 4px; background-color: #ebd8a5; top:45px;}
.loading .inner .loading-progress { width:0px; height:4px; background-color: #c8000a; }
.loading .loading-txt { top:55px;height: 20px; width:100%;top:67px;font: 24px/24px Tahoma; color: #FF0628; text-align: center;}





@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

.animated {
  -webkit-animation-duration: 0.85s;
  animation-duration: 0.85s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}