.txt1{
    width:90%;
    color:#7d7d7d;
    font-size:0.8em;
    line-height:1.8em;
    margin-left:auto;
    margin-right:auto;
    letter-spacing:0.1em;
} 
.txt2{
    color:#666;
    font-size:0.7em;
    line-height:1.4em;
    letter-spacing: -0.1em;
}
.ipshow{
    position:fixed;
    z-index: 999;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
}
.txt3{
    color:#7d7d7d;
    font-size:0.7em;
    line-height:1.6em;
}
.txt4{
    color:#3c3c3c;
    font-size:0.8rem;
    line-height: 16px;
}
@media screen and (width:360px){
    .txt4{
        line-height: 16px;
    }
}
.txt5{
    color:#7d7d7d;
    font-size:0.7em;
    line-height:1.4em;
}
.txt6{
    color:#7d7d7d;
    font-size:0.6em;
}
.txt7{
     color:#7d7d7d;
     font-size:0.7em;
     line-height:1.4em;
     letter-spacing: -0.1em;
}
.txt8{
    color:#808080;
    font-size:0.7em;
    line-height:2.4em;
}
.txt9 {
    font-size: 0.9em;
    line-height: 1.4em;
}
.txt10{
    color:#7d7d7d;
    font-size:0.9em;
    line-height:1.4em;
    text-align: center;
}
.txt11{
    color:#fff;
    font-size:0.9em;
    line-height:1.4em;
}
.txt12{
    color:#e36797;
    font-size:0.7em;
    line-height:1.8em;
}
.txt13{
    color:#fc0310;
    font-size:0.7em;
    line-height:2.4em;
}
.txt14{
    color:#fff;
    font-size:0.7em;
    text-align: center;
}
.txt15{
    width:35%;
    color:#3c3c3c;
    font-size:0.7em;
    line-height:2.6em;
}
.txt16{
    width:35%;
    color:#e71619;
    font-size:1em;
    line-height:1.8em;
}
.txt17{
    color:#d56490;
    font-size:1em;
    line-height:1.6em;
}
.txt18{
    color:#575757;
    font-size:0.7em;
    line-height:1.7em;
}
.txt19{
    color:#7d7d7d;
    font-size:0.6em;
    text-align: center;
}
.txt20{
    color:#3c3c3c;
    font-size:1em;
    line-height:1.4em;
    text-align: center;
}
.txt21{
    color:#3c3c3c;
    font-size:0.8em;
    text-align: center;
}
.btn{
    text-align: center;
    box-sizing:border-box;
    border:1px solid #e1e1e1;
    background: url("../Images/icon-line.png") repeat-x #fff;
    -webkit-background-size:1px 100%;
    background-size:1px 100%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.btn1,.btn2,.btn4,.btn5,.btn8,.btn9{
    color:#fff;
    width:20em;
    height:2.4em;
    margin:0 auto;
    font-size:0.8em;
    padding:0.3em 1em;
    background: #d66490;
    text-align:center;
    text-indent: 2.4em;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    border:1px solid #d66490;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 0 6px #ccc;
    -moz-box-shadow: 0 0 6px #ccc;
    box-shadow: 0.4em 0.3em 0.5em #999;
}
.btn2,.btn4,.btn8{
    color:#d66490;
    background: #fff;
    letter-spacing:0;
    padding:0.3em 0;
    text-indent: -2.2em;
}
.btn3{
    width:5.2em;
    color:#3c3c3c;
    font-size:0.6em;
    border:1px solid #ccc;
    background: transparent;
}
.btn4{
    background: #d66490;
}
.btn5{
    color:#d66490;
    background: #fff;
    letter-spacing:0;
    padding:0.3em 0;
    text-indent: -2.2em;
    border:1px solid #bfbfbf;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 0 4px #ccc;
    -moz-box-shadow: 0 0 4px #ccc;
    box-shadow: 0 0 4px #ccc;
}
.btn6{
    width:100%;
    height:3.6em;
    color:#fff;
    font-size:0.7em;
}
.btn7{
    width:50px;
    height:20px;
    color:#fff;
    font-size:0.6rem;
    background: #f369a1;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
@media screen and (min-width: 375px){
    .btn7{
        font-size:0.7rem;
    }
}
.btn8{
    color:#333;
    padding:0;
    text-indent:0;
    display: block;
    text-align: center;
    border:1px solid #ccc;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn9{
    color:#7d7d7d;
    display: block;
    background:#e7e4e1;
    border:none;
}
.btn10,.btn12{
    padding:0;
    width:10em;
    height:1.8em;
    color:#7d7d7d;
    font-size:0.7em;
    font-weight: bold;
    line-height:1.8em;
    text-align: center;
    margin:0.2em 0 0 1em;
    background:#e6e2df;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.btn11{
    color:#3c3c3c;
    width:100%;
    height:100%;
    font-size:0.8em;
    padding:0 0.4em;
}
.btn12{
    margin:0;
    width:100%;
    height:2.5em;
    line-height:2.5em;
    font-size:0.8em;
}
.btn13{
    width:20%;
    height:2em;
    color:#fff;
    border:1px solid #fff;
    background: transparent;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn14{
    display: block;
    width:50%;
    color:#7d7d7d;
    font-size:0.7em;
    margin-left:auto;
    margin-right:auto;
    line-height:2em;
    text-align: center;
    background: url("../Images/icon-line.png") repeat-x;
    -webkit-background-size:1px 100%;
    background-size:1px 100%;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn15{
    display: block;
    width:5rem;
    height:1.4rem;
    font-size:0.7rem;
    line-height:1.4rem;
    margin-left:auto;
    margin-right:auto;
}
.btn_bg{
    background: url("../Images/icon-line.png") repeat-x;
    -webkit-background-size:1px 100%;
    background-size:1px 100%;
}
.sub_option1{
    width:33.3%;
    text-align: center;
    padding-bottom:1%;
    border-bottom:1px solid #ccc;
}
.submit1{
    position: relative;
    width:60%;
    margin-left:auto;
    margin-right:auto;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 0 6px #ccc;
    -moz-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
}
.head1{
    width:48%;
    color:#7d7d7d;
    font-size:0.8em;
    display: block;
    padding:0.3em 1em;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #7d7d7d;
    -webkit-box-shadow: 0 0 6px #ccc;
    -moz-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
}
.head2{
    color:#fff;
    font-size: 0.8em;
    text-align: center;
    padding:0.3em 0;
}
.head3{
    color:#575757;
    font-size:1.6em;
    line-height:1.6em;
    font-weight: bold;
}
.head4{
    color:#333;
    font-size: 0.9em;
    text-align: center;
}
.input_text1,.input_text2,.input_text3,.input_text4{
    font-size:0.7em;
    color:#7d7d7d;
    padding:5.5px 0;
    text-indent: 0.6em;
    border:1px solid #ccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none;
}
.input_text2{
    padding:0.5em 0;
    height:12em;
}
.input_text3{
    padding:5.5px 0;
    height:4em;
}
.input_text4{
    width:94%;
    height:10em;
    margin:auto;
    display: block;
    padding:1em 0.8em;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.input_text5{
    width:80%;
    height:24px;
    border:none;
    font-size:0.7em;
    background: transparent;
}
@media screen and (width: 360px){
    .input_text5{
        height:25px;
    }
}

.rule{
    width:80%;
    float:right;
    padding-bottom:10px;
}

.fnone{  float: none;  }
.fl{  float:left;  }
.fr{  float:right;  }

.clear {  clear:both;  }
.cright{  clear:right;  }
.cleft {  clear:left;  }
.clearfix,.clear_fix{
    zoom:1;
}
.clearfix:after,.clear_fix:after{
    display: block;
    content: '';
    height:0;
    clear:both;
}

.mauto  {  margin-left:auto;  margin-right:auto;  }
.m0     {  margin:0;  }

.mr0    {  margin-right:0;  }
.mr01   { margin-right: -2px;  }
.mr1    {  margin-right:1%;  }
.mr1_6  {  margin-right:1.666%;  }
.mr2    {  margin-right:2%;  }
.mr3    {  margin-right:3%;  }
.mr4    {  margin-right:4%;  }
.mr5    {  margin-right:5%;  }
.mr8    {  margin-right:8%;  }
.mr10   {  margin-right:10%;  }
.mr0_2  {  margin-right:0.2em;  }
.mr0_4  {  margin-right:0.4em;  }

.ml0    {  margin-left:0;  }
.ml3    {  margin-left:3%;  }
.ml5    {  margin-left:5%;  }
.ml10   {  margin-left:10%;  }
.ml12   {  margin-left:12%;  }
.ml13   {  margin-left:13%;  }
.ml14   {  margin-left:14%;  }
.ml15   {  margin-left:15%;  }
.ml16   {  margin-left:16%;  }
.ml18   {  margin-left:18%;  }
.ml20   {  margin-left:20%;  }
.ml08   {  margin-left:0.8em;  }
.ml1em  {  margin-left:1em;  }
.ml2_5em{  margin-left:2.5em;  }
.ml2_6em{  margin-left:2.6em;  }
.ml2_7em{  margin-left:2.7em;  }
.ml3em  {  margin-left:3em;  }
.ml6em    {  margin-left:6em;  }

.mt0    {  margin-top:0;  }
.mt_1   {  margin-top:-1px;  }
.mt_2   {  margin-top:-2px;  }
.mt0_5  {  margin-top:0.5%;  }
.mt1    {  margin-top:1%;  }
.mt2    {  margin-top:2%;  }
.mt2_5  {  margin-top:2.5%;  }
.mt3    {  margin-top:3%;  }
.mt3_5  {  margin-top:3.5%;  }
.mt4    {  margin-top:4%;  }
.mt5    {  margin-top:5%;  }
.mt6    {  margin-top:6%;  }
.mt7    {  margin-top:7%;  }
.mt8    {  margin-top:8%;  }
.mt10   {  margin-top:10%;  }
.mt12   {  margin-top:12%;  }
.mt15   {  margin-top:15%;  }
.mt16   {  margin-top:16%;  }
.mt17   {  margin-top:17%;  }
.mt18   {  margin-top:18%;  }
.mt20   {  margin-top:20%;  }
.mt25   {  margin-top:25%;  }
.mt30   {  margin-top:30%;  }
.mt33   {  margin-top:33%;  }
.mt38   {  margin-top:38%;  }
.mt40   {  margin-top:40%;  }
.mt04em {  margin-top:0.4em;  }
.mt05em {  margin-top:0.5em;  }
.mt06em {  margin-top:0.6em;  }
.mt08em {  margin-top:0.8em;  }
.mt1_6em{  margin-top:1.6em;  }
.mt1_9em{  margin-top:1.9em;  }
.mt2em  {  margin-top:2em;  }
.mt3em  {  margin-top:3em;  }
.mt3_5em{  margin-top:3.5em;  }
.mt4em  {  margin-top:4em;  }

.mb0    {  margin-bottom:0;  }
.mb1    {  margin-bottom:1%;  }
.mb2    {  margin-bottom:2%;  }
.mb3    {  margin-bottom:3%;  }
.mb4    {  margin-bottom:4%;  }
.mb5    {  margin-bottom:5%;  }
.mb6    {  margin-bottom:6%;  }
.mb8    {  margin-bottom:8%;  }
.mb10   {  margin-bottom:10%;  }
.mb06em {  margin-bottom:0.6em;  }
.mb08em {  margin-bottom:0.8em;  }
.mb20   {  margin-bottom:20%;  }
.mb30   {  margin-bottom:30%;  }

.mtb2   {  margin-top:3%;   margin-bottom:2%;  }
.mtb3   {  margin-top:3%;   margin-bottom:3%;  }
.mtb5   {  margin-top:5%;   margin-bottom:5%;  }
.mtb8   {  margin-top:8%;   margin-bottom:8%;  }
.mtb10  {  margin-top:10%;  margin-bottom:10%;  }
.mtb1em {  margin-top:1em;  margin-bottom:1em;  }
.mtb2em {  margin-top:2em;  margin-bottom:2em;  }

.mt1em {  margin-top:1em;  }
.mb1em {  margin-bottom:1em;  }
.mb2em {  margin-bottom:2em;  }

.p0   {  padding:0;  }

.pt0  {  padding-top:0;  }
.pt5  {  padding-top:5%;  }
.pt8  {  padding-top:8%;  }

.pl0  {  padding-left:0;  }
.pl5  {  padding-left:5%;  }
.pl7_5{  padding-left:7.5%;  }
.pl15 {  padding-left:15%;  }
.pl18 {  padding-left:18%;  }
.pl20 {  padding-left:20%;  }
.pl22 {  padding-left:22%;  }
.pl24 {  padding-left:24%;  }

.pr0  {  padding-right:0;  }
.pr3  {  padding-right:3%;  }
.pr5  {  padding-right:5%;  }
.pr7_5{  padding-right:7.5%;  }
.pr15 {  padding-right:15%;  }
.pr24 {  padding-right:24%;  }

.pb0  {  padding-bottom:0;  }
.pb1  {  padding-bottom:1%;  }
.pb2  {  padding-bottom:2%;  }
.pb3  {  padding-bottom:3%;  }
.pb5  {  padding-bottom:5%;  }
.pb8  {  padding-bottom:8%;  }
.pb10 {  padding-bottom:10%;  }
.pb30 {  padding-bottom:30%;  }
.pb2em{  padding-bottom:2em;  }

.ptb03 { padding-top:0.3em;  padding-bottom:0.3em;  }
.ptb05 { padding-top:0.5em;  padding-bottom:0.5em;  }
.ptb08 { padding-top:0.8em;  padding-bottom:0.8em;  }
.ptb1em{ padding-top:1em;    padding-bottom:1em;  }
.plr0  { padding-left:0;     padding-right:0;  }
.plr3  { padding-left:3%;    padding-right:3%;}
.plr5  { padding-left:5%;    padding-right:5%;}

.t0  {  top:0;  }
.t_1 {  top:-1px;  }
.t_8 {  top:0.8em;  }
.b0  {  bottom:0;  }
.l0  {  left:0;  }
.r0  {  right:0;  }

.bdn            {   border:       none;  }
.bdccc          {   border:       1px solid #ccc;  }

.bdtop          {   border-top:   1px solid #f1f1f1;  }

.bdl_none       {   border-left:  none;  }
.bdleft         {   border-left:  1px solid #f2f2f2;  }

.bdb       {   border-bottom:1px solid #f1f1f1;  }
.bdb2      {   border-bottom:1px solid #f2f2f2;  }
.bdb3      {   border-bottom:1px solid #615753;  }
.bdb4      {   border-bottom:1px solid #5f5752;  }
.bdb5      {   border-bottom:1px solid #fbfbfb;  }
.bdb6      {   border-bottom:1px solid #ccc;  }
.bdb7      {   border-bottom:1px solid #7d7d7d;  }
.bdb8      {   border-bottom:1px solid #e1e1e1;  }

.bdr_n      {   border-right:none;  }
.bdr        {   border-right:1px solid #ccc;  }
.bdr2       {   border-right:1px solid #dedede;  }
.bdr3       {   border-right:1px solid #c7c7c7;  }
.bdr4       {   border-right:1px solid #ccc;  }

.disb{  display:block;  }
.disn{  display:none;  }

.oh{  overflow:hidden;  }
.oi{  overflow: inherit;  }

.c0     {  color:#000;  }
.c3     {  color:#333;  }
.c6     {  color:#666;  }
.cf     {  color:#fff;  }
.c9     {  color:#999;  }
.cc1c1c1     {  color:#c1c1c1;  }
.cd56490{  color:#d56490;  }
.ce71619{  color:#e71619;  }
.ce73a16{  color:#e73a16;  }
.cd66490{  color:#d66490;  }
.c595959{  color:#595959;  }
.c707070{  color:#707070;  }
.c7d7d7d{  color:#7d7d7d;  }
.ce61e17{  color:#e61e17;  }
.c3c3c3c{  color:#3c3c3c;  }
.c3d3d3d{  color:#3d3d3d;  }
.c808080{  color:#808080;  }
.cc2c2c2{  color:#c2c2c2;  }
.c214fa1{  color:#214fa1;  }
.cf369a1{  color:#f369a1;  }
.ce61c16{  color:#e61c16;  }
.cf90613{  color:#f90613;  }

.bgfff   {  background:#fff;  }
.bg1     {  background:#c3c4bf;  }
.bg2     {  background:#ba4e04;  }
.bg3     {  background:#020202;  }
.bg4     {  background:#666462;  }
.bg5     {  background:#c6c6c6;  }
.bg3c3c3c{  background:#3c3c3c;  }
.bg7d7d7d{  background:#7d7d7d;  }
.bg505050{  background:#505050;  }
.bge83915{  background:#e83915;  }
.bg2456a6{  background:#2456a6;  }
.bgebe6e3{  background:#ebe6e3;  }
.bgece8e6{  background:#ece8e6;  }
.bge61e17{  background:#e61e17;  }
.bgefea2e{  background:#efea2e;  }
.bgd66490{  background:#d66490;  }
.bge7e4e1{  background:#e7e4e1;  }
.bgf9f206{  background:#f9f206;  }
.bge5e5e5{  background:#e5e5e5;  }

.width1    {  width:1%;  }
.width2    {  width:2%;  }
.width3    {  width:3%;  }
.width4    {  width:4%;  }
.width5    {  width:5%;  }
.width6    {  width:6%;  }
.width7    {  width:7%;  }
.width8    {  width:8%;  }
.width9    {  width:9%;  }
.width10   {  width:10%;  }
.width11   {  width:11%;  }
.width12   {  width:12%;  }
.width13   {  width:13%;  }
.width14   {  width:14%;  }
.width15   {  width:15%;  }
.width16   {  width:16%   }
.width17   {  width:17%   }
.width18   {  width:18%   }
.width19   {  width:19%   }
.width20   {  width:20%;  }
.width21   {  width:21%;  }
.width22   {  width:22%;  }
.width23   {  width:23%;  }
.width24   {  width:24%;  }
.width25   {  width:25%;  }
.width26   {  width:26%;  }
.width27   {  width:27%;  }
.width28   {  width:28%;  }
.width29   {  width:29%;  }
.width30   {  width:30%;  }
.width31   {  width:31%;  }
.width32   {  width:32%;  }
.width33   {  width:33%;  }
.width_3   {  width:33.3%;  }
.width34   {  width:34%;  }
.width35   {  width:35%;  }
.width36   {  width:36%;  }
.width37   {  width:37%;  }
.width38   {  width:38%;  }
.width39   {  width:39%;  }
.width40   {  width:40%;  }
.width41   {  width:41%;  }
.width42   {  width:42%;  }
.width43   {  width:43%;  }
.width44   {  width:44%;  }
.width45   {  width:45%;  }
.width46   {  width:46%;  }
.width47   {  width:47%;  }
.width48   {  width:48%;  }
.width49   {  width:49%;  }
.width50   {  width:50%;  }
.width51   {  width:51%;  }
.width52   {  width:52%;  }
.width53   {  width:53%;  }
.width54   {  width:54%;  }
.width55   {  width:55%;  }
.width55_5   {  width:55.3%;  }
.width56   {  width:56%;  }
.width57   {  width:57%;  }
.width58   {  width:58%;  }
.width59   {  width:59%;  }
.width60   {  width:60%;  }
.width61   {  width:61%;  }
.width62   {  width:62%;  }
.width63   {  width:63%;  }
.width64   {  width:64%;  }
.width65   {  width:65%;  }
.width66   {  width:66%;  }
.width67   {  width:67%;  }
.width68   {  width:68%;  }
.width69   {  width:69%;  }
.width70   {  width:70%;  }
.width71   {  width:71%;  }
.width72   {  width:72%;  }
.width73   {  width:73%;  }
.width74   {  width:74%;  }
.width75   {  width:75%;  }
.width76   {  width:76%;  }
.width77   {  width:77%;  }
.width78   {  width:78%;  }
.width79   {  width:79%;  }
.width80   {  width:80%;  }
.width81   {  width:81%;  }
.width82   {  width:82%;  }
.width83   {  width:83%;  }
.width84   {  width:84%;  }
.width85   {  width:85%;  }
.width86   {  width:86%;  }
.width87   {  width:87%;  }
.width88   {  width:88%;  }
.width89   {  width:89%;  }
.width90   {  width:90%;  }
.width91   {  width:91%;  }
.width92   {  width:92%;  }
.width93   {  width:93%;  }
.width94   {  width:94%;  }
.width95   {  width:95%;  }
.width96   {  width:96%;  }
.width97   {  width:97%;  }
.width98   {  width:98%;  }
.width99   {  width:99%;  }
.width100  {  width:100%; }
.wauto     {  width:auto;}

.width0_4em{  width:0.4em;  }
.width3em  {  width:3em;  }
.width3_7em{  width:3.7em;  }
.width4em  {  width:4em;  }
.width5em  {  width:5em;  }
.width7em  {  width:7em;  }
.width7_5em{  width:7.5em;  }
.width9em  {  width:9em;  }
.width10em {  width:10em;  }
.width12em {  width:12em;  }
.width14em {  width:14em;  }
.width16em {  width:16em;  }
.width19em {  width:19em;  }
.width25em {  width:25em;  }
.width29em {  width:29em;  }

.wh2_4 {  width:2.4em;  height:2.4em;  }
.wh2_8 {  width:2.8em;  height:2.8em;  }
.wh4   {  width:4em;    height:4em;  }
.w4h5  {  width:4em;    height:5em;  }
.wh12em{  width:12em;   height:12em;  }

.h152     {  height:152px;  }
.h250     {  height:250px;  }
.hauto    {  height:auto;  }
.h2em     {  height:2em;  }
.h2em     {  height:2em;  }
.h3em     {  height:3em;  }
.h4em     {  height:4em;  }
.h6em     {  height:6em;  }
.h8em     {  height:8em;  }

.tleft  {  text-align: left;  }
.tr {  text-align: right;  }
.tc{  text-align: center;  }

.pn {  position: inherit; }
.pre{  position: relative;  }
.pab{  position: absolute;  }

.pos1{  top:6.6em;  left:  7em;  }
.pos5{  top:22em;   left:  2em;  }
.pos7{  top:37em;   left:  5.4em;  }
.pos2{  top:0.4em;  right: 7em;  }
.pos3{  top:8em;    right: 6em;  }
.pos6{  top:2em;    right: 6em;  }
.pos4{  left:1em;   bottom:1em;  }

@media screen and (max-width: 400px) {

    .pos5{  top:12em;   left:  1.2em;  }
    .pos1{  top:6.6em;  left:  5em;  }
    .pos7{  top:22em;   left:  5em;  }
    .pos2{  top:0.4em;  right: 5em;  }
    .pos6{  top:1.8em;  right: 4em;  }
    .pos3{  top:8em;    right: 5em;  }
    .pos4{  left:1em;   bottom:1em;  }
}

.pos8 {  top:-0.54em;    right:-0.54em;  }
.pos9 {  right:-0.54em;  bottom:-0.54em;  }
.pos10{  left:-0.54em;   background-position:0 20%;  }

.pos15{  top:0;         left:   0;  }
.pos20{  top:30%;       left:   8%;  }
.pos30{  top:-0.4em;    left:  -0.4em;  }
.pos16{  top:30%;       right:  0;  }
.pos26{  top:-2em;      right: -0.3em;  }
.pos27{  top:1em;       right: -0.3em;  }
.pos28{  top:4em;       right: -0.3em;  }
.pos29{  top:7em;       right: -0.3em;  }
.pos31{  top:-0.4em;    right: -0.4em;  }
.pos18{  left:0;        bottom: 0;  }
.pos19{  left:8%;       bottom: 30%;  }
.pos33{  left:-0.4em;   bottom:-0.4em;  }
.pos17{  right:0;       bottom: 30%;  }
.pos32{  right:-0.4em;  bottom:-0.4em;  }

.pos11   {  background-position:0 40%;  }
.pos12   {  background-position:0 60%;  }
.pos13   {  background-position:100% 80%;  }
.pos14   {  background-position:100% 100%;  }
.pos21   {  background-position: 20% 0;  }
.pos22   {  background-position: 40% 0;  }
.pos23   {  background-position: 60% 0;  }
.pos24   {  background-position: 80% 0;  }
.pos25   {  background-position: 100% 0;  }

.bgl  {  background-position: left;  }
.bgr {  background-position: right;  }
.bgn  {  background: none;  }

.z_1{  z-index: -1;  }
.z0 {  z-index: 0;  }
.z1 {  z-index: 1;  }
.z2 {  z-index: 2;  }
.z3 {  z-index: 3;  }

.f05em  {  font-size:0.5em;  }
.f06em  {  font-size:0.6em;  }
.f07em  {  font-size:0.7em;  }
.f08em  {  font-size:0.8em;  }
.f09em  {  font-size:0.9em;  }
.f1em   {  font-size:  1em;  }
.f1_2em {  font-size:  1.2em;  }
.f2_4em {  font-size:  2.4em;  }
.fnorm  {  font-weight: normal;  }
.fbold  {  font-weight: bold;  }

.ls0   {  letter-spacing:  0;  }
.ls1    {  letter-spacing: 0.1em;  }
.ls2    {  letter-spacing: 0.2em;  }
.ls3    {  letter-spacing: 1.2em;  }

.word_space_1{ margin-left:2px;}
.word_space_2{ margin-left:4px;}
.word_space_3{ margin-left:6px;}
.word_space_4{ margin-left:8px;}
.word_space_5{ margin-left:10px;}

.lh1_2{  line-height:1.2em;  }
.lh1_4{  line-height:1.4em;  }

.t_indent0{
    text-indent: 0;
}

.word_margin_1{
    margin-left:0.2em;
    margin-right:0.2em;
}
.word_margin_2{
    margin-left:0.3em;
    margin-right:0.3em;
}

.rotate1{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate2{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate3{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.scale1{
    -webkit-transform:scale(-1,1);
    -moz-transform:scale(-1,1);
    -ms-transform:scale(-1,1);
    -o-transform:scale(-1,1);
    transform:scale(-1,1);
}
.no_shadow{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.txtclip{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.stop_move{
    height:100%;
    overflow: hidden;
}
.opa_0{
    opacity: 0;
}
.transparent{
    background: transparent;
}
.btn_active{
    color:#e61e17;
    border-color:#e61e17;
}

.radius_circle{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media screen and (min-width: 375px){
    .txt1{
        font-size:0.9rem;
    }
    .txt2{
        font-size:0.8rem;
    }
    .txt3{
        font-size:0.8rem;
    }
    .txt4{
        font-size:0.85rem;
    }
    .txt5{
        font-size:0.8rem;
    }
    .txt8{
        font-size:0.8rem;
    }
    .txt9{
        font-size: 1rem;
    }
    .txt14{
        font-size:0.8rem;
    }
    .txt19{
        font-size:0.7rem;
    }
    .f05em{
        font-size:0.65rem;
    }
    .f07em{
        font-size:0.8rem;
    }
    .f08em{
        font-size:0.85rem;
    }
    .btn3{
        font-size:0.75rem;
    }
    .btn12{
        font-size:0.9rem;
    }
    .btn14{
        font-size:0.8rem;
    }
    .input_text1,
    .input_text2,
    .input_text3,
    .input_text4,
    .input_text5{
        font-size:0.8rem;
    }

}

.text-hide{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 20180710按钮高度统一 */
.btn_large{
    height:28px;
    line-height:26px;
}
.btn_small{
    height:24px;
    line-height:22px;
}
.btn_black{
    color:#fff;
    padding-left:12px;
    padding-right:12px;
    background: #3c3c3c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.flex_keep_self{
    flex-grow: 0;
    flex-shrink: 0;
}
.flex,
.flex_center,
.flex_around,
.flex_between{
    display: -webkit-flex;
    display: flex;
}
.flex_center{
    align-items: center;
    justify-content: center;
}
.flex_around{
    align-items: center;
    justify-content: space-around;
}
.flex_between{
    align-items: center;
    justify-content: space-between;
}