@import url(normalize.css);
html,input,select,textarea,button{font: 12px/1 Arial,"microsoft yahei",sans-serif;}
body,p,ul,dl,dd,dt,form,ol{margin:0;}
h1,h2,h3,h4,h5,h6,strong,b,em{margin: 0;font-weight: normal;font-style: normal;}
ul,ol{list-style:none;padding:0;}
i {font-style: normal;}
a{text-decoration:none;color:#333;}

/* btn */
.btn{
  display: inline-block;
  box-sizing: border-box;
  border:none;
  font-size:14px;
  padding: 12px 26px;
  text-align: center;
  color:#333;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance:none;
}
.btn:hover, .btn:focus{
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
}
.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: .65;
  filter: alpha(opacity=65);
}
.btn-red {
  color: #fff;
  background-color: #e84040;
  border-color: #e84040;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] {
  color: #fff;
}
.btn-green{
  color: #fff!important;
  background-color: #3fa25d;
  border-color: #3fa25d;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] {
  color: #fff;
}
/* 27a24d */
.btn-orange{
  color: #fff;
  background-color: #e97034;
  border-color: #e97034;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] {
  color: #fff;
}

.off,.hide {display: none;}

.tb {display: table-cell;}
.box {box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.trs {-webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;}

.tove {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.on {display: block;}
.ourter {zoom: 1;}
.ourter:after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.error {color: #fb8372;font-size: 15px;line-height: 45px;position: absolute;}
.container {min-width: 320px;background-color: #f1f1f1;position: relative;}


/* list.html */
/* header */
.header {padding: 12px 24px 20px 24px;background-color: #26386b;overflow: hidden;}

.head-img {float: left;width: 127px;margin-right: 15px;}

.head-img img {display: block;width: 100%;border-radius:50%}

.head-text {color: #fff;margin-left: 141px;}

.head-text h4 {font-size: 15px;padding-top: 5px;}

.head-text span {display: block;padding-top: 10px;font-size:11px;line-height: 1.3;}

.head-text p {padding-top: 12px;line-height: 1.5;color: #999;font-size:10px;}

/* search-box */
.search-box {background-color: #fff;padding: 10px 45px 10px 15px;box-sizing: border-box;overflow: hidden;position: relative;border-bottom: 1px solid #d0d0d0;margin-bottom: 15px;}

.search-block {float: left;width: 100%;height: 30px;border: 1px solid #d0d0d0;border-radius: 6px;}

.search-block input {outline: none;border: none;width: 100%;height:30px;line-height: 30px;box-sizing: border-box;padding:0 10px;border-radius: 6px;background-color: #f7f7f7;}

.search-box .icon {display: block;width: 30px;height: 30px;position: absolute;top: 50%;right: 5px;margin-top: -15px;background: url(../images/icon/icon.png) no-repeat;-webkit-background-size: 22px auto;
background-size: 22px auto; background-position: 0px -102px;cursor: pointer;}

/* list-content */
.content-top {background-color: #fff;border: 1px solid #26386b;border-width: 1px 0 1px;text-align: center;}

.content-top span {display: block;width: 50%;color: #26386b;padding: 13px 0;}
.content-top span.cur {color: #fff;background-color: #26386b;}

.list-content li {padding: 13px 15px 13px 15px;background-color: #fff;margin-bottom: 10px;}
.list-content li:last-child {margin-bottom: 0;}

.item-left {width: 70px;margin-right: 10px;}

.item-left span {display: block;width: 100%;padding-top: 100%;position: relative;overflow: hidden;border: 1px solid #d0d0d0;border-radius: 50%;}

.item-left span img {display: block;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}

.item-mid {-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;
padding-top: 5px;}
.item-mid img{max-width:100%;height:auto;}

.item-mid span {display: block;overflow: hidden;padding-bottom: 10px;margin-right: 50px;}

.item-mid h5 {font-size: 15px;padding-bottom: 10px;}

.item-mid strong {display: block;overflow: hidden;float: left;}
.item-mid strong:nth-child(2) {float: right;}
.item-mid i,.item-mid b {float: left;}

.item-mid .icon {display: block;width: 14px;height: 14px;background: url(../images/icon/icon.png) no-repeat;-webkit-background-size: 22px auto;
background-size: 22px auto;margin-right: 2px;}

.item-mid .money {background-position: 0px -24px;}

.item-mid b {line-height: 15px;}

.item-mid .time {background-position: 0px -51px;}

.progress-bar-bg {width: 100%;background-color: #e6e6e6;height: 13px;border-radius: 6px;position: relative;overflow: hidden;}

.progress-bar {position: absolute;top: 0;left: 0;background-color: #26386b;width: 100%;height: 13px;border-radius: 6px;}

.progress-bar:after{content:'';display: block;width: 5px;height: 5px;position: absolute;top: 9px;right: 5px;margin-top: -5px;background-color: #fff;border-radius: 50%;}
.progress-bar.lessthan10{width:10%!important}
.progress-bar.lessthan10:after{display: none;}

.item-right {width: 70px;padding: 9px 11px;background-color: #26386b;color: #fff;border-radius: 6px;height: 30px;box-sizing: border-box;cursor: pointer;margin: 22px 7px 0 7px;text-align: center;}

.item-right a{color: #fff;text-align: center;}
.item-right-success {width: 84px;height: 60px;-webkit-background-size: 84px auto;
background-size: 84px auto;margin-top: 6px;}

/* detail */
/* detail-header */
.detail-header {padding: 30px;background-color: #26386b;overflow: hidden;}

.detail-header .head-text {position: relative;}


.detail-header .head-text a.left {color: #999;text-decoration: underline;position: absolute;bottom: -18px;left: 6px;z-index: 1;line-height: 1.5;}

.detail-header .head-text a.right {color: #999;text-decoration: underline;position: absolute;bottom: -18px;right: 0;z-index: 1;line-height: 1.5;}

.detail-header .head-img {margin-right: 20px;}

/* progress */
.progress {padding: 0 38px;background-color: #332c2b;box-sizing: border-box;}

.progress-box,.progress-wrapper {width: 33.33%;}

.progress-wrapper {padding: 0 10px;}

.progress-block {width: 92px;height: 92px;margin: 0 auto;margin-top: 40px;margin-bottom: 20px;border: 1px solid #dcdddd;border-radius: 50%;position: relative;color: #fff;text-align: center;}

.progress-block span {display: block;width: 70px;height: 70px;border: 4px solid #7eac9e;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -39px;margin-left: -39px;}

.progress-block p {margin-top: 8px;font-size:11px}
.progress-block p:first-child {margin-top: 21px;}

.progress-block strong {display: block;margin-top: 14px;}

.progress-block b {font-size: 20px;}

.progress-block em {font-size: 16px;}

.progress-text {display: block;color: #fff;text-align: center;padding-top: 30px;}

.progress-text p {font-size: 16px;}
.progress-text p:last-child {font-size: 13px;margin-top: 10px;}

.circleProgress_wrapper {width: 90px;height: 90px;margin: auto;margin-top: 14px;position: relative;}

.progress-right,.progress-left {width: 45px;height: 90px;position: absolute;top: 0;overflow: hidden;}

.progress-right {right: 0;}

.progress-left {left: 0;}

.circleProgress-bg {width: 80px;height: 80px;border: 3px solid #dcdddd;border-radius: 50%;position: absolute;top: 2px;left: 2px;z-index: 1;}

.circleProgress {width: 80px;height: 80px;border: 5px solid transparent;border-radius: 50%;position: absolute;top: 0;z-index: 5;}

.rightcircle {border-top: 5px solid #26386b;border-right: 5px solid #26386b;right: 1px;}

.leftcircle {border-bottom: 5px solid #26386b;border-left: 5px solid #26386b;left: 1px;}
.rightcircle,.leftcircle{-webkit-transform: rotate(-134deg);transform: rotate(-134deg);-webkit-transition: -webkit-transform .5s ease;transition: transform .5s ease;}
/* 杩涘害鏉�%鏃讹紝rightcircle -128deg 锛宭eftcircle  -134deg 
   杩涘害鏉�0%鏃讹紝rightcircle 45deg  锛宭eftcircle  -134deg
   杩涘害鏉�00%鏃讹紝rightcircle 45deg 锛宭eftcircle  45deg
*/



/* detail-list */
.detail-list {padding-bottom: 61px;}

.detail-list li {padding: 12px 20px;background-color: #fff;margin-bottom: 10px;}
.detail-list li:last-child {margin-bottom: 0;}

.list-left {width: 40px;margin-right: 9px;position: relative;}

.list-left img {display: block;width: 100%;border-radius:4px}

.list-left .icon {display: none;width: 20px;height: 20px;margin-top: -8px;margin-left: -8px; position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/icon/icon.png) no-repeat;-webkit-background-size: 22px auto;
background-size: 22px auto;background-position: 0px -76px;}
.detail-list li:first-child .icon {display: block;}

.list-mid,.foot-btn {-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;}

.list-mid h5 {font-size: 18px;margin-bottom: 5px;}

.list-mid p {color: #333333;font-size:14px;margin-bottom: 4px;}

.list-mid .mid-text {position: relative;padding-left: 15px;line-height: 1.4}

.list-mid .mid-text:before {content: "";display: block;width: 12px;height: 12px;position: absolute;top: 2px;left: 0;background: url(../images/icon/icon.png) no-repeat;-webkit-background-size: 22px auto;
background-size: 22px auto;background-position: 0px 0px;}

.list-right {padding: 15px 0 0;color: #d42525;line-height: 20px;box-sizing: border-box;}

/* footer */
.footer {position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;background-color: #fff;margin: auto;}

.foot-box {border-top: 1px solid #dedede;width: 100%;}

.foot-box .icon {display: block;width: 60px;height: 60px;}

.foot-box .home {background: url(../images/icon/icon-home.png) no-repeat;-webkit-background-size: 22px auto;
background-size: 22px auto;background-position: 50%;}

.foot-box .share {background: url(../images/icon/icon-share.png) no-repeat;-webkit-background-size: 22px auto;
background-size: 22px auto;background-position: 50%;}

.foot-btn {text-align: center;}

.foot-btn span {display: block;width: 100%;height: 40px;line-height: 40px;border-radius: 8px;background-color: #26386b;margin: 10px 0 10px 0;color: #fff;font-size: 14px;}

/* pay_success */
.pay-success {width: 230px;height: 135px;text-align: center;position: fixed;top: 50%;left: 50%;z-index: 20;margin-top: -67px;margin-left: -115px;background-color: #fff;border-radius: 8px;border: 1px solid #dedede;}

.success-img {width: 57px;height: 57px;overflow: hidden;margin: auto;margin-top: 25px;}

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

.pay-success p {font-size: 15px;color: #26386b;margin-top: 18px;}

/* mask-box */
.mask-box {width: 100%;height: 100%;position: fixed;top: 0;z-index: 20;opacity: 1;background: rgba(0,0,0,.4);}

/* share-tip */
.share-tip {width: 500px;height: 150px;position: absolute;top: 221px;left: 50%;margin-top: -75px;margin-left: -250px;z-index: 20;background-color: #fff;border-radius: 8px;text-align: center;font-size: 15px;color: #26386b;}

.share-tip p {margin-top: 8px;}
.share-tip p:first-child {margin-top: 50px;}

.share-tip-icon {position: absolute;top: 16px;right: 18px;z-index: 20;width: 140px;height: 160px;background: url(../images/icon/long-arrow.png) no-repeat;-webkit-background-size: 140px auto;
background-size: 140px auto;}

/* payment */
.payment-box {background-color: #fff;position: absolute;left: 0;top: auto;bottom: 0;z-index: 20;width: 100%;padding: 20px 38px;box-sizing: border-box;}

.payment-select {padding-bottom: 17px;}

.payment-select h6 {font-size: 14px;padding-bottom: 11px;}

.money-select {padding-bottom: 11px;position: relative;}

.fill-in {padding-bottom: 11px;}

.money-select input {position: absolute;bottom: 0;left: 9999px;}

.money-select label,.fill-in input {width: 33.33%;border: 1px solid #dedede;margin-right: 15px;text-align: center;line-height: 30px;border-radius: 6px;outline: none;}
.money-select label {position: relative;color: #666;}
.money-select label:nth-child(3n) {margin-right: 0;}

.money-select input:checked+label {border-color: #26386b;color: #26386b;}
.money-select input:checked+label:before {content: "";width: 9px;height: 9px;position: absolute;bottom: -2px;right: 1px;z-index: 25;background: url(../images/icon/icon-selected.png) no-repeat;-webkit-background-size: 9px auto;
background-size: 9px auto;}
.money-select input:checked+label:after {content: "";position: absolute;bottom: 0;right: 0;z-index: 20;width: 0;height: 0;
border-bottom: 17px solid #26386b;border-left: 17px solid transparent;}


.money-select input:disabled+label {background-color: #f7f7f7;}


.fill-in input {width: 29%;}

.payment-select {position: relative;}

.cancel-icon {display: block;width: 30px;height: 30px;position: absolute;top: -7px;right: -30px;z-index: 20;background: url(../images/icon/icon.png) no-repeat;-webkit-background-size: 15px auto;
background-size: 15px auto;background-position: 8px -88px;cursor: pointer;}

.payment-select p {color: #666;}

.payment-select strong {color: #26386b;}

.payment-message {padding-bottom: 25px;}

.payment-message h6 {font-size: 14px;padding-bottom: 10px;}

.payment-message textarea {width: 100%;height: 50px;border: 1px solid #dedede;border-radius: 6px;resize:none;padding:8px 15px;box-sizing: border-box;line-height: 1.5;}

.payment-btn {}
    .payment-btn a {
        font-size: 14px;
        line-height: 40px;
        background-color: #26386b;
        width: 100%;
        text-align: center;
        border-radius: 6px;
        cursor: pointer;
        display:table;
        text-align:center;
        color: #fff;
    }

/* max-width: 1024px */
@media screen and (max-width: 768px){
  .share-tip {width: 300px;height: 85px;margin-top: -42px;margin-left: -150px;}
  .share-tip p:first-child {margin-top: 25px;}
}




/* max-width: 320px */
@media screen and (max-width: 320px) {
/* list */


/* list-content */
.item-mid span {margin-right: 15px;}
.item-mid strong:nth-child(1) b {width: 65px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.item-right {margin: 0;margin-top: 22px;}

.item-right-success {width: 70px;-webkit-background-size: 70px auto;
background-size: 70px auto;background-position: 0 6px;}
/* detail */
.detail-header {padding-bottom: 50px;}

.detail-header .head-text h4 {padding-top: 0;}

.detail-header .head-text a.right {left: 6px;bottom: -36px;}

/* progress */
.progress {padding: 0 16px;}

.progress-wrapper {padding: 0 5px;}


/* detail-list */
.list-mid .mid-text {width: 150px;}


/* mask-box */
.share-tip {width: 225px;margin-left: -112px;}
}

.warp .listtit{ height:40px;}
.warp .listtit h3{padding-left:8px; float:left; line-height:40px; font-size:14px; color:#000; font-weight:bold;}
.warp .listtit h3 img{vertical-align:middle; margin-top:-4px;}
.warp .listtit h3 a{color:#000;}
.warp .listtit span{ float:right;padding:8px; }
.warp .listtit span strong{ color:#EE6A51;}


.upimgbtn{ display:block; width:130px; font-size:14px; color:#333; font-weight:bold; border:1px solid #dedede; height:40px; line-height:40px; text-align:center;border-radius:4px;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f3f3f3 ));
	background-image:-webkit-linear-gradient( #fff,#f3f3f3 );
	background-image:-moz-linear-gradient( #fff,#f3f3f3 );
	background-image:-ms-linear-gradient( #fff,#f3f3f3 );
	background-image:-o-linear-gradient( #fff,#f3f3f3 );
	background-image:linear-gradient( #fff,#f3f3f3 );
}
#progress{ height:12px;  line-height:3px;  background-color:#f1f1f1;box-shadow:inset 1px 1px 5px #999;border-radius:50px; overflow:hidden;}
.bar {
    height: 12px;
    line-height: 3px;
    background-color: #3dad00;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #54ef00 ),to( #3dad00 ));
    background-image: -webkit-linear-gradient( #54ef00,#3dad00 );
    background-image: -moz-linear-gradient( #54ef00,#3dad00 );
    background-image: -ms-linear-gradient( #54ef00,#3dad00 );
    background-image: -o-linear-gradient( #54ef00,#3dad00 );
    background-image: linear-gradient( #54ef00,#3dad00 );
}