ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle;}
a{ text-decoration:none; outline:none;}
:focus{outline:0;}
a:hover{ text-decoration:none;}
em,i{ font-style: normal;}
button,input,select,textarea{ font-family:"Microsoft YaHei",Tahoma,Verdana,Arial; border:0;}
body{ max-width: 720px; margin:0 auto; background-color:#ebebeb; font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;color:#333; font-size: 14px;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; zoom:1;}


/************header***************/
header{ padding: 0 10px; background-color: #fff; border-bottom: 1px solid #d7d7d7; text-align: center; line-height: 40px; font-size: 18px; color: #000; position:relative;}
header a.back { display:block; position:absolute; top:9px; width:22px; height:22px; background: url(../../images/kdxf/header-icon-back.png) no-repeat; -webkit-background-size:22px 22px; -moz-background-size:22px 22px; -o-background-size:22px 22px; background-size:22px 22px; left:10px;}
/************section***************/
section{ background:#fff; margin-bottom:10px;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.btn-gray{ background:#bebebe;}
.btn-red{ background:#f25b39;}
.btn-long{ width:92%;}

.font-gray{ color:#777; font-size:12px;}
.font-blue{color:#008fd6;}
.font-orange{color:#fd5b1b;}
.font-red{color:#ff0000;}


.top-step{ padding:10px; text-align:center;}
.top-step span{ padding:0 6px; color:#7d7d7d;}
.top-step em{ display:inline-block;width:10%;height:4px;border-top:1px solid #7d7d7d; position:relative;}
.top-step em:after{ content:''; width:0; height:0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #7d7d7d; position:absolute; top:-3.5px; right:-1px;}
.top-step1 span:nth-child(1),.top-step2 span:nth-child(1),.top-step3 span:nth-child(1){ color:#34b1ff;}
.top-step1 em:nth-child(2),.top-step2 em:nth-child(2),.top-step3 em:nth-child(2){ border-top:1px solid #34b1ff;}
.top-step1 em:nth-child(2):after,.top-step2 em:nth-child(2):after,.top-step3 em:nth-child(2):after{ border-left: 3px solid #34b1ff; }
.top-step2 span:nth-child(3),.top-step3 span:nth-child(3){ color:#34b1ff;}
.top-step2 em:nth-child(4),.top-step3 em:nth-child(4){ border-top:1px solid #34b1ff;}
.top-step2 em:nth-child(4):after,.top-step3 em:nth-child(4):after{ border-left: 3px solid #34b1ff; }
.top-step3 span:nth-child(5){ color:#34b1ff;}


.kdxf-info{ padding:10px;}
.kdxf-info a.kd-name{ color:#34b1ff;  text-align:center; font-weight: 600; font-size:16px; display: block;}
.kdxf-info a.kd-name i{ position:relative; width:0; margin-left: 4px;}
.kdxf-info a.kd-name i:after{ content:''; position:absolute; top: 1px; float: left; background:url(../../images/kdxf/kd-select-arrow.png) no-repeat 0 0; width:20px; height:20px; background-size:20px 20px;}
.act-intro{ padding:10px 0; color:#444; }
.kd-intro{ border-top:1px dashed #d7d7d7; padding-top:10px;}
.kd-intro p{ margin-bottom:10px;}
.kd-intro p:last-child{ margin-bottom:0;}
.kd-intro span{ vertical-align:top;}
.kd-intro em{color:#888; display:inline-block;}
.kd-intro em i{ color:#fd5b1b; font-weight:bold;}


.inp-form{ padding:20px 10px;}
.inp-block{margin-bottom:15px;}
.inp-block:last-child{ margin-bottom:0;}
.inp-form .inp{ border:1px solid #cdcdcd; line-height:32px; position:relative; padding:0 10px;}
.inp-form .inp span{ float:left; width:32%; }
.inp-form .inp i{ display:block; float:left; width:15px; height:15px; background-image:url(../../images/kdxf/icon-input-password.png) ; background-size:15px 15px; margin:8px 5px 6px 0;}
.inp-form .inp i.icon-address{background-image:url(../../images/kdxf/icon-input-address.png) ;}
.inp-form .inp i.icon-time{background-image:url(../../images/kdxf/icon-input-time.png) ;}
.inp-form .inp i.icon-calendar{ position:absolute; right:5px; top:5px; background-image:url(../../images/kdxf/icon-input-calendar.png); width:20px; height:20px; background-size:20px 20px; margin:0;}
.inp-form .inp input{ width:68%; color:#888;}
.inp-form p{color:#888;}

.bottom-attention{ padding:20px 10px;}
.bottom-attention .friend-links{text-align:center;}
.bottom-attention .friend-links a{ width:20%; text-align:center; color:#34b1ff; display:inline-block; padding: 6px 10px; border:1px solid #34b1ff; margin:0 3%;}

.warmTips{ padding:15px 10px; border:1px solid #d7d7d7; color:#888;}
.warmTips h6{ font-size:15px; font-weight:normal; margin-bottom:5px;}

.fixed-bottom-zxkf{ background-image:url(../../images/kdxf/fixed-bottom-zxkf.png); background-size:54px 54px; width:54px; height:54px; bottom:20px; right:2px; display:block; position:fixed; z-index: 1;}


.input{ border:1px solid #cdcdcd; line-height:32px; position:relative; padding:0 10px; margin:0 10px; width:60%; }

.payment{ padding-bottom:10px; border-bottom:1px solid #eee; line-height:30px;}
.payment span{margin-right:10px; float: left;}
.payment label{ width:70%; display:inline-block;}
.payment label input+p{ position:relative;}
.payment label input+p:before{ content:''; border-radius:50%; width:15px; height:15px; float:left; border:1px solid #acacac; margin-top:6px;}
.payment label input:checked+p{color:#0195ff;}
.payment label input:checked+p:after{content:'';border-radius:50%; width:7px; height:7px; position:absolute; left:5px; top:11px; background:#888;}
.payment label i{display:inline-block;float: left;}
.payment label i.alipay{ background-image:url(../../images/kdxf/kd-pay-alipay.png); background-size:96px 32px; background-repeat:no-repeat;  width:100px; height:32px;}

.payment-detail{ padding:10px 0 0;}
.payment-detail p {color:#7d7d7d; margin-bottom: 8px;}
.payment-detail p span{ display:inline-block; width:70%;}
.payment-detail p span.checkItem{ background:url(../../images/kdxf/kd-pay-icon-check.png) no-repeat left 2px; background-size:15px 15px; padding-left:20px;}
.payment-detail p em{ float:right;}
.payment-detail p.total{ color:#4c4c4c; margin-bottom:10px;}
.payment-detail label{ width:100%; display:block;}
.payment-detail label input+p{ position:relative;}
.payment-detail label input+p:before{ content:''; border-radius:50%; width:15px; height:15px; float:left; border:1px solid #acacac; margin-top:2px; margin-right:5px;}
.payment-detail label input:checked+p{color:#0195ff;}
.payment-detail label input:checked+p:after{content:'';border-radius:50%; width:7px; height:7px; position:absolute; left:5px; top:7px; background:#888;}

.mask{ background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; top:0; left:0; z-index: 29; display:none;}


.fixed-sel-box{ position:fixed; bottom:0; background:#fff; z-index: 30; width:100%; left:0; right:0; display:none;}
.fixed-sel-box label{ line-height:45px; border-bottom:1px solid #dfdfdf; display:block; text-align:center;}
.fixed-sel-box label input+p{ color:#8c8c8c; font-size:16px;}
.fixed-sel-box label input:checked+p{ color:#34b1ff; background:url(../../images/kdxf/kd-select-checked.png) no-repeat 16% center; background-size:22px 22px;}

.pop{background: #FFF; position: fixed; z-index: 30; width:90%; top:15%; left:5%; display:none;border-radius: 5px; overflow: hidden; }
.pop .p-head{padding:10px; text-align: center; border-bottom: 1px solid #0195ff; color: #0195ff;font-size: 18px; background: none; position:relative; }
.pop .p-head .close{ display:block; width:22px; height:22px; position:absolute; right:5px; top:10px; line-height:22px; color:#0195ff; text-align:center;}
.pop .p-body{ padding:10px; line-height: 120%; color:#666; }
.scroll{max-height:300px; overflow: hidden; overflow-y:scroll;}
.pop .p-body .table{ margin-top:0;}

.pop-pay-info{ border-top:1px solid #d7d7d7; background:#f4f4f4; padding:10px; margin-left:-10px; margin-right:-10px; margin-bottom:-10px;}
.pop-pay-info.white{background:#fff;}
.get-extra{ padding-bottom:10px;}
.get-extra p{ margin-bottom:10px;}
.get-extra span{ vertical-align:top; color:#333; display: inline-block; width: 64px; padding-right:10px;}
.get-extra em{color:#888; display:inline-block;}
.get-extra em i{ color:#fd5b1b; font-weight:bold;}
.get-extra h4{ color:#34b1ff; font-size:16px; font-weight:normal; margin-bottom:5px; padding-left:20px;}
.get-extra .extra-money h4{ background:url(../../images/kdxf/icon-wallet.png) no-repeat left center; background-size:16px 16px;}
.get-extra .pay-money h4{ background:url(../../images/kdxf/icon-money.png) no-repeat left center; background-size:16px 16px;}
.get-extra .extra-money,.get-extra .pay-money{ float:left; width:47%; color:#4c4c4c;}
.get-extra .extra-money p,.get-extra .pay-money p{margin-bottom:0;}
.get-extra .extra-money{border-right:1px solid #ccc; padding-right:1%;}
.get-extra .pay-money{ padding-left:4%;}
.extra-info{ background:#fbfbfb; padding:5px; font-size:13px; border:1px solid #d7d7d7; width:80%; line-height:18px; margin-top:10px; position:relative;}
.extra-info:after{ content:''; width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fbfbfb; position:absolute; top:-8px; left:50%; margin-left:-4px;}
.extra-info:before{ content:''; width:0; height:0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #d7d7d7; position:absolute; top:-9px; left:50%; margin-left:-5px;}

.free-gift{color:#fd5b1b; padding:5px 10px; border:1px solid #e2e2e2; margin-bottom:10px;}
.pop .warmTips{ padding:0px; border:0; color:#767676; line-height:140%;}
.pop .warmTips h6{ font-size:16px; font-weight:normal; margin-bottom:5px; color:#34b1ff; background:url(../../images/kdxf/icon-tip.png) no-repeat left center; background-size:18px 18px; padding-left:20px;}


.pop-pic{ width:100%; height:100%; left:0; margin-left:0; background:none;} 
.pop-pic .close{ display:block; width:22px; height:22px; position:absolute; right:6%; top:2px; background:url(../../images/kdxf/pop-pic-close.png) no-repeat; background-size:22px 22px; }
.pop-pic .p-body{ padding:0;}
.pop-pic img{width:90%; border-radius:10px; margin-left:5%;}

.pop-waiting{ position: fixed; z-index: 30; width:90%; top:50%; left:5%; margin-top:-60px; display:none; text-align:center; color:#fff; font-size:14px;}
.pop-waiting .timer{ color:#ff9900; padding:0 2px;}
.dot-animation i{ margin:20px 7px; width:10px; height:10px; display:inline-block; border-radius:50%; background:#6699ff;}
.dot-animation i:nth-child(1) {
  background: #00cc66;
  -webkit-animation: dotAnimation 1s linear 0s infinite backwards;
     -moz-animation: dotAnimation 1s linear 0s infinite backwards;
       -o-animation: dotAnimation 1s linear 0s infinite backwards;
          animation: dotAnimation 1s linear 0s infinite backwards;
}
.dot-animation i:nth-child(2) {
  background: #6699ff;
  -webkit-animation: dotAnimation 1s linear 0.25s infinite backwards;
     -moz-animation: dotAnimation 1s linear 0.25s infinite backwards;
       -o-animation: dotAnimation 1s linear 0.25s infinite backwards;
          animation: dotAnimation 1s linear 0.25s infinite backwards;
}
.dot-animation i:nth-child(3) {
  background: #ff9900;
  -webkit-animation: dotAnimation 1s linear 0.5s infinite backwards;
     -moz-animation: dotAnimation 1s linear 0.5s infinite backwards;
       -o-animation: dotAnimation 1s linear 0.5s infinite backwards;
          animation: dotAnimation 1s linear 0.5s infinite backwards;
}

/* -dotAnimation- */
@-webkit-keyframes dotAnimation {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1.6, 1.6);
            transform: scale(1.6, 1.6);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-moz-keyframes dotAnimation {
  0% {
    -moz-transform: scale(1, 1);
         transform: scale(1, 1);
  }
  25% {
    -moz-transform: scale(1.6, 1.6);
         transform: scale(1.6, 1.6);
  }
  50% {
    -moz-transform: scale(1, 1);
         transform: scale(1, 1);
  }
}
@-o-keyframes dotAnimation {
  0% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
  25% {
    -o-transform: scale(1.6, 1.6);
       transform: scale(1.6, 1.6);
  }
  50% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
}
@keyframes dotAnimation {
  0% {
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1.6, 1.6);
       -moz-transform: scale(1.6, 1.6);
         -o-transform: scale(1.6, 1.6);
            transform: scale(1.6, 1.6);
  }
  50% {
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.pop .p-foot{ padding:0 10px 20px; text-align:center;}
.pop .p-foot button{ width:40%; text-align:center; color:#fff; background:#0195ff; font-size:15px;border-radius:5px; line-height:36px; margin:0 5px;}
.pop .p-foot button.btn-gray{ background:#d2d2d2;}
.shure-qx-btn1{ padding-right:8%;}
.shure-qx-btn{ padding-left:8%; margin:5% 0;}
.clearfix {zoom: 1}
.shure{ background-color:#0195ff; color:#FFF; margin-left:10%; width: 40%; line-height: 30px;}
.shure1{ float:none; margin-left:0;}