/* CSS Reset*/
/*text-size-adjust是防止手机纵向和横向切换时改变文字大小*/
html { font-family:"微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
/* -webkit-overflow-scrolling: touch;主要用来设置在IOS浏览器的容器内滚动是否开启惯性和回弹的*/
body { margin: 0; font-size:1.4rem; line-height: 20px; color: #333; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;
}
a { background: transparent; text-decoration: none; color: #333 }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
    outline: none;
    box-sizing: border-box;
}
div,a,p,b,h1,h3,ul,li{
    margin:0;padding:0;
}
ul,li{
    list-style: none;
}
.lf{float:left;}
.rt{
    float:right;
}
select{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    background:#fff;
}
input,textarea,button { appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */border: 0; margin: 0; padding: 0; font-family:"微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}

.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix{
    zoom:1;
}
.tr{
    text-align: right;
}
.fatherflex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.childflex{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.znjj-credit-purchase-area{
    min-height: 100Vh;
    background: #fff;
    padding-bottom: 40px;
}
.znjj-credit-purchase-area img{
    width:100%;
}
.znjj-credit-purchase-area a{
    display: block;
}
.znjj-credit-purchase-area .product-area{
    padding: 0 10px;
}
.znjj-credit-purchase-area .product-area h4{
    font-size: 1.4rem;
    margin: 10px 0;
    color: #333;
}
.znjj-credit-purchase-area .product-area h4 i{
    display: inline-block;
    width: 3px;
    height: 1.2rem;
    background-color: #ff7900;
    border-radius: 2px;
    margin-right:5px;
    vertical-align: middle;
}
.znjj-credit-purchase-area .product-area .pro-list{
    float: left;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(114,114,114,0.15);
    width: 49%;
    margin-bottom: 2%;
}
.znjj-credit-purchase-area .product-area .pro-list:nth-of-type(2n+1){
    margin-right:2%;
}
.znjj-credit-purchase-area .product-area .pro-list .pro-img-box{
    background-color: #f7f7f8;
    text-align: center;
    padding: 10px 0;
    display: block;
    border-radius: 10px 10px 0 0;
}
.znjj-credit-purchase-area .product-area .pro-list img{
    /*width: 70%;*/
    width: auto;
    height: 110px;
}
.znjj-credit-purchase-area .product-area .pro-list .pro-info{
    padding: 10px;
    overflow: hidden;
}
.znjj-credit-purchase-area .product-area .pro-list .pro-info h5{
    margin:0;
    font-size: 1.2rem;
    color: #404040;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.znjj-credit-purchase-area .product-area .pro-list .pro-info p{
    font-size: 1.2rem;
    color: #adadad;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.znjj-credit-purchase-area .product-area .pro-list .exchange-box{
    margin-top: 20px;
}
.znjj-credit-purchase-area .product-area .pro-list .exchange-box .price{
    color: #ff7900;
    font-size: 1.8rem;
    white-space:nowrap;
}
.znjj-credit-purchase-area .product-area .pro-list .exchange-box .price span.scale8{
    font-size: 1rem;
    vertical-align: text-bottom;
    white-space:nowrap;
    transform-origin: left;
    transform: scale(0.8);
    display: inline-block;
}
.znjj-credit-purchase-area .product-area .pro-list .exchange-box .price span.amount{
    font-size: 1.6rem;
    margin-left: -.6rem;
}
.znjj-credit-purchase-area .product-area .pro-list .exchange-box .price b{
    font-size: 1rem;
    color: #adadad;
    transform-origin: left top;
    transform: scale(0.8);
    display: block;
    margin-top: -.2rem;
    font-weight: normal;
}
.znjj-credit-purchase-area .product-area .pro-list .exchange-box .exchange-btn{
    background: -webkit-linear-gradient(to bottom,#ff9d45, #e84620); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to bottom,#ff9d45, #e84620); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to bottom,#ff9d45, #e84620); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom,#ff9d45, #e84620); /* 标准的语法 */
    color: #fff;
    font-size: 1.2rem;
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
}
.znjj-credit-purchase-area .product-area.opa4 .pro-list .exchange-box .exchange-btn{
    opacity: .4;
}

.year-tips{
    width: 100%;
    position: relative;
}
.year-tips .text-tip{
    width: 100%;
}
.year-tips .close-tip{
    width: 4%;
    position: absolute;
    right:.3rem;
    top:50%;
    margin-top: -2%;
}