@charset "utf-8";





/**


 * Created on 16-3-30.


 */





body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, textarea, button, select, img {


    margin: 0;


    padding: 0;


}





body, textarea, select, button, table {


    font-size: 16px;


    line-height: 1.25em;


    font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;


}





h1, h2, h3, h4, h5, h6 {


    font-weight: normal;


}





input {


    font-size: 11px;


    font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;


}





body {


    font-size: 16px;


    font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;


    -webkit-text-size-adjust: none;


    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);


    background-color: #cf3e4e;


    color: #333;


}





img {


    border: 0;


    vertical-align: top;


}





ul, ol {


    list-style: none;


}





em, var {


    font-weight: normal;


    font-style: normal;


}





a {


    color: #785a00;


    text-decoration: none;


}





:focus {


    outline: 0;


    -moz-outline-style: none;


}





p {


    line-height: 165%;


    word-wrap: break-word;


    word-break: break-all;


}





input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {


    -webkit-appearance: none !important;


    margin: 0;


}





input[type="number"] {


    -moz-appearance: textfield;


}





input::-webkit-input-placeholder {


    /*color: #8f7835 !important;*/


    /* WebKit browsers /


   　　}


   　　input:-moz-placeholder {


   　　color: #8f7835 !important; / Mozilla Firefox 4 to 18 /


   　　}


   　　input::-moz-placeholder {


   　　color: #8f7835 !important; / Mozilla Firefox 19+ /


   　　}


   　　input:-ms-input-placeholder {


   　　color: #8f7835 !important; / Internet Explorer 10+ */


}





input::-webkit-search-decoration, input::-webkit-search-cancel-button {


    display: none;


}





#couponsWrap {


    width: 100%;


    height: auto;


    position: relative;


    display: block;


}





#couponsWrap .bagWrap {


    /*background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/top_bg.jpg) no-repeat bottom center;


    background-size: 100% 100%;


    min-height: 272px;*/


}





#couponsWrap .firstStep {


    padding: 10px 20px;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupons_bg.jpg) repeat-y;


    background-size: 100% 100%;


    margin-top: -29%;


}





#couponsWrap .firstStep .inputWrap {


    margin: 0 auto;


    display: block;


}





#couponsWrap .firstStep label {


    display: block;


    padding-left: 55px;


    position: relative;


    margin-bottom: 10px;


}





#couponsWrap .firstStep label span {


    width: 95px;


    text-align: right;


    display: inline-block;


    position: absolute;


    left: -45px;


    font-size: 13px;


    height: 40px;


    line-height: 40px;


}





#couponsWrap .firstStep label em {


    display: block;


    padding: 9px 0;


    border-radius: 5px;


    border: 1px solid #e8e8e8;


    background: #FFF;


    position: relative;


    padding-right: 35px;


}





#couponsWrap .firstStep label input {


    margin-left: 5px;


    border: 0 none;


    width: 100%;


}





#couponsWrap .firstStep label i {


    position: absolute;


    right: 12px;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/btn-close.png) no-repeat top center;


    background-size: 100% 100%;


    width: 18px;


    height: 18px;


    top: 10px;


    display: none;


}





#couponsWrap .btn-submit {


    width: 90%;


    display: block;


    margin: 20px auto 0;


}





#couponsWrap .btn-submit a.couponsSubmit {


    height: 40px;


    line-height: 40px;


    text-align: center;


    color: #FFF;


    background: #d9d9d9;


    border: 0 none;


    display: block;


    width: 100%;


    border-radius: 5px;


    font-size: 13px;


}





#couponsWrap .btn-submit a.sure {


    background: #cf3e4e;


}





#couponsWrap .secondStep {


    padding: 0 20px 10px;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupons_bg.jpg) repeat-y;


    background-size: 100% 100%;


    margin-top: -30%;


}





#couponsWrap .secondStep .couponintro {


    text-align: center;


    font-size: 12px;


}





#couponsWrap .secondStep .telNum {


    padding: 0 5px;


}








/*优惠券样式*/





.coupons {


    padding: 10px 0 0;


    box-sizing: border-box;


}





.coupons li {


    position: relative;


    margin: 0 auto 10px;


    color: #999;


    border-top: 1px solid #ddd;


    /*border-left: 4px solid #FF7866;*/


    border-radius: 4px;


    font-size: 14px;


    box-shadow: 1px 1px 1px #ddd;


    background-color: #fff;


    width: 95%;


}





.coupons li .tit {


    font-size: 12px;


    color: #333;


}





.coupons .info-box {


    margin: 0 12px;


    -webkit-box-flex: 1;


}





.coupons .info-box .shopName em {


    margin-left: 5px;


    color: #39ac69;


}





.coupons .less {


    position: relative;


    margin-bottom: 4px;


    color: #333;


    text-overflow: ellipsis;


    overflow: hidden;


    white-space: nowrap;


    font-size: 14px;


    padding-right: 26px;


}





.coupon .user-coupon-des {


    font-size: 10px;


    color: #666;


}





.coupons .coupon-head {


    display: table-cell;


    position: relative;


    width: 80px;


    height: 80px;


    border-right: 1px dotted #e3e3e3;


    text-align: center;


    vertical-align: middle;


}





.couponItemWrapper::after, .couponItemWrapper::before {


    z-index: 2;


    content: '';


    display: block;


    position: absolute;


    top: 0;


    left: 77px;


    width: 8px;


    height: 8px;


    border-radius: 10px;


    background-color: #fff;


}





.couponItemWrapper::after {


    top: auto;


    bottom: 0;


}





.coupons em.unit {


    font-size: 14px;


    font-weight: bold;


}





.coupons b.money {


    font-size: 34px;


}





.couponItemWrapper {


    display: -webkit-box;


    -webkit-box-align: center;


}





.coupons .bgc1 {


    border-left: 4px solid #FF7866;


}





.coupons .bgc1 .cont {


    color: #FF7866;


}





.coupons .bgc2 {


    border-color: #FFB73B;


}





.coupons .bgc2 .cont {


    color: #FFB73B;


}





.coupons .bgc3 {


    border-color: #1abaff;


}





.coupons .bgc4 {


    border-color: #1abaff;


}





.coupons .bgc3 .cont, .coupons .bgc4 .cont {


    color: #1abaff;


}





.coupons .clipUsed, .coupons .past, .coupons .used {


    border-color: #ccc;


    opacity: .8;


}





.coupons .clipUsed .pdj-icon, .coupons .past .pdj-icon, .coupons .used .pdj-icon {


    opacity: 0.6;


}





.coupons .used, .coupons .past, .coupons .used .cont, .coupons .past .cont, .coupons .used .less, .coupons .past .less {


    color: #ccc;


    border-color: #ccc;


}





.coupons .info-box .checkbox {


    display: none;


    position: absolute;


    top: 6px;


    right: 10px;


    width: 22px;


    height: 22px;


    background-position: -143px -319px;


}





.coupons .user .info-box .checkbox {


    display: block;


}





.coupons .user .info-box .checkbox.checked {


    background-position: -99px -319px;


}





.coupons .ig {


    margin: 0 12px;


    -webkit-box-flex: 1;


}





.noCoupon {


    padding: 40% 0 0 0;


    text-align: center;


    background: url(../images/noCoupon.png) no-repeat center 50%;


    background-size: 30%;


}





.noCoupon p {


    height: 44px;


    margin: 0 auto 5%;


    color: #888;


    text-align: center;


    line-height: 44px;


}





.coupon-new {


    position: absolute;


    top: 0;


    right: 0;


    width: 44px;


    height: 44px;


    border-radius: 0 5px 0 0;


    background: url(../images/icon/coupon_sprites.png) no-repeat 4px -269px;


    background-size: 88px auto;


    animation-duration: 1s;


    animation-name: newAnimate;


    animation-timing-function: ease;


    backface-visibility: visible;


    -webkit-animation-duration: 1s;


    -webkit-animation-name: newAnimate;


    -webkit-animation-timing-function: ease;


    -webkit-animation-name: newAnimate;


    /*-webkit-background-size           : 88px auto;*/


    -webkit-backface-visibility: visible;


}





@-webkit-keyframes newAnimate {


    0% {


        -webkit-transform: rotateX(180deg);


        -webkit-transform-origin: 0 0;


    }


    100% {


        -webkit-transform: rotateX(0deg);


        -webkit-transform-origin: 0 0;


    }


}





.coupons .past .coupon-new {


    display: none;


}





.coupons_nav {


    width: 100%;


    height: 40px;


    line-height: 40px;


    background: #ffffff;


}





.coupons_nav span {


    display: inline-block;


    width: 50%;


    float: left;


    text-align: center;


    line-height: 39px;


}





.coupons .info-biaoshi {


    display: none;


    position: absolute;


    top: 0;


    right: 0;


    width: 54px;


    height: 40px;


    overflow: hidden;


    background-image: url(../images/icon/coupon_sprites.png);


    background-repeat: no-repeat;


    background-size: 88px auto;


}





.coupons .past .info-biaoshi {


    display: block;


    background-position: -16px -207px;


}





.coupons .used .info-biaoshi {


    display: block;


    background-position: -16px -120px;


}





.coupons .ih {


    display: table-cell;


    position: relative;


    width: 80px;


    height: 76px;


    border-right: 1px solid #e3e3e3;


    text-align: center;


    vertical-align: middle;


}








/*弹层*/





.J_mask {


    display: none;


    position: fixed;


    width: 100%;


    height: 100%;


    left: 0;


    top: 0;


    z-index: 90;


    background-color: rgba(0, 0, 0, 0.5);


}





table {


    width: 100%;


    height: 100%;


    position: fixed;


    left: 0;


    right: 0;


    top: 0;


    bottom: 0;


    display: none;


    z-index: 100;


}





table td {


    vertical-align: middle;


    text-align: center;


    height: 100%;


    width: 100%;


}





.J_result {


    display: none;


    width: 280px;


    background: #fff;


    text-align: center;


    border-radius: 6px;


    margin: 0 auto;


}





.J_result h4 {


    color: #555;


    width: 35%;


    margin: 0 auto;


    padding-top: 4px;


    font-size: 16px;


    line-height: 34px;


    height: 34px;


    overflow: hidden;


    border-bottom: 1px solid #cecece;


}





.J_result p {


    color: #555;


    text-align: center;


    width: 86%;


    min-height: 18px;


    margin: 0 auto;


    padding: 16px 12px;


    font-size: 16px;


    line-height: 22px;


    border-bottom: 1px solid #cecece;


}





.J_result p.network {


    text-align: center;


    padding: 22px 0


}





.J_result a {


    display: block;


    color: #555;


    width: 85%;


    margin: 0 auto;


    height: 36px;


    font-size: 16px;


    line-height: 36px;


    overflow: hidden;


}





.coupon-used {


    display: none;


    position: absolute;


    top: 0;


    right: 0;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupon-used.png) no-repeat;


    background-position: 0px -12px;


    background-size: 100% 100%;


    width: 70px;


    height: 61px;


}





.coupon-expire {


    display: none;


    position: absolute;


    top: 0;


    right: 0;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupon-expire.png) no-repeat;


    background-position: 0px -12px;


    background-size: 100% 100%;


    width: 70px;


    height: 61px;


}





.coupons .bgc0 {


    border-left: 4px solid #ccc;


}





.bgc0 .unit, .bgc0 .money, .bgc0 .tit {


    color: #ccc;


}





#couponsWrap .errorStep {


    display: none;


    padding: 40px 20px;


}





.error-tip {


    margin: 0 auto;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/error-bg.png) no-repeat top center;


    background-size: 100% 100%;


    width: 90px;


    height: 80px;


}





.error-msg {


    margin-top: 36px;


    font-size: 12px;


    color: #999;


    text-align: center;


}





.loading {


    display: none;


    position: fixed;


    z-index: 1003;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    width: 100%;


    height: 120%;


    text-align: center;


}





.loading p {


    position: relative;


    top: 35%;


    display: inline-block;


    min-width: 140px;


    padding: 15px 12px;


    color: #fff;


    font-size: 18px;


    line-height: 28px;


    border-radius: 5px;


    background-color: rgba(0, 0, 0, 0.8);


    text-align: center;


}





.btn-location {


    display: block;


    text-align: center;


    margin-bottom: 18px;


}





.btn-location a {


    padding: 10px 14px;


    height: 32px;


    line-height: 32px;


    background: #fbfbfb;


    border: 1px solid #d9d9d9;


    border-radius: 5px;


    font-size: 13px;


    color: #666666;


}





.btn-location i {


    display: inline-block;


    width: 8px;


    height: 8px;


    border-right: 1px solid #666666;


    border-bottom: 1px solid #666666;


    -webkit-transform: rotate(45deg) translate3d(-2px, -2px, 0);


    transform: rotate(45deg) translate3d(-2px, -2px, 0);


    margin-left: 8px;


}





.city-list {


    padding: 10px;


    width: 125%;


    box-sizing: border-box;


    padding-right: 62px;


}





.city-list li {


    display: inline-block;


    padding: 10px 0;


    border: 1px solid #dddddd;


    background: #ffffff;


    color: #333333;


    margin: 0 10px 10px 0px;


    width: 20%;


    text-align: center;


    float: left;


}





.city-list li.cur {


    border: 1px solid #d0d0d0;


    background: #f3f3f3;


}





.location-masker {


    display: none;


    position: fixed;


    z-index: 1003;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    width: 100%;


    height: 120%;


    text-align: center;


    background: rgba(0, 0, 0, 0.75);


}





.city-container {


    position: absolute;


    top: 10%;


    background: #f4f4f4;


    border-radius: 5px;


    padding: 25px 5px 0;


    margin: 0 15px;


    font-size: 12px;


}





.btn-close {


    position: absolute;


    top: 7px;


    right: 8px;


    display: block;


    background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/btn-close.png) no-repeat top center;


    background-size: 100% 100%;


    width: 20px;


    height: 20px;


}





.coupons-desc{


    color:#ffa64c;


    margin-bottom:10px;


    padding:0 10px;


    font-size:12px;


    margin-top:-15px;


}