@charset "utf-8";
.goodsCon {
    width: 100%;
}

.detailContent {
    padding: 10px;
    overflow: hidden;
    margin: 0 auto;
    color: #333;
}

.detailContent img {
    margin: 0 auto;
    overflow: hidden;
}

.goodsNav li dl b {
    background: url(../../images/mobile/sort.png);
    background-size: 40px auto;
}

.joinAndGet ul s,.pResults s {
    background: url(../../images/mobile/preIcon.png);
    background-size: 61px auto;
    background-repeat: no-repeat;
}

.recordCon li.rBg a s {
    background: url(../../images/mobile/share-img.png);
    background-size: 90px auto;
}

.goodsNav {
    width: 100%;
	position: fixed;
	z-index: 100;
	background: #fff;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;	
	max-width: 640px;
    margin: 0 auto;
}

.goodsNav ul li {
    float: left;
    height: 42px;
    line-height: 42px;
}
#divGoodsNav li{
	width: 50%;
}
#divGoodsNav li.current{
    border-bottom: 2px solid #d32d25;
    color: #d32d25;
}
.goodsNav li a {
    display: block;font-size: 1.2rem;
    font-weight: blod;
    color: #666;
    position: relative;
    z-index: 9;
    margin: 0 5px;
    text-align: center;
}

.goodsNav li.current a {
    color: #d32d25;
    height: 34px;
    line-height: 36px;
   
}
.goodsNav li.current dd a{color: #666;padding-left:5px;text-align: center;}
.goodsNav li b {
    height: 10px;
    background: #ddd;
    width: 1px;
    position: absolute;
    top: 12px;
    right: -5px;
    z-index: 10;
}

.goodsNav li:nth-child(5n-4) {
    width: 23%;
}

.goodsNav li:nth-child(5n-3),.goodsNav li:nth-child(5n-2) {
    width: 16%;
}

.goodsNav li:nth-child(5n-1) {
    width: 18%;
}

.goodsNav li:nth-child(5n-5) {
    width: 27%;
}

.goodsNav a s,.goodsNav a em {
    width: 0;
    height: 0;
    line-height: 0;
    border: 3px solid transparent;
    position: relative;
}

.goodsNav a s {
    border-top-color: #bbb;
    top: 10px;
    left: -1px;
}

.goodsNav a em {
    border-bottom-color: #bbb;
    top: -11px;
    left: 5px;
}

.goodsNav a s.orange {
    border-top-color: #FF5152;
}

.goodsNav a em.orange {
    border-bottom-color: #FF5152;
}

.goodsNav s.arrowUp {
    border: 4px solid transparent;
    border-top-color: #bbb;
    left: 5px;
    top: 9px;
}

.goodsNav ul li.gSort {

    border-bottom: 0;
    -webkit-box-sizing: border-box;
    margin-left: -1px;
}

.goodsNav ul li.gSort a {
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 20;
    margin: 0;

}
.goodsNav ul li.gSort a input {
    display: none;
}
.cateChk + label {
    position: absolute;
    height: 44px;
    width: 44px;
    top: 0;
    right: -6px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
    background: transparent url(../../images/mobile/check_.png) center 51px / 130% 390%;
    text-align: center;
    line-height: 44px;
    color: #CCC;
}
.cateChk:checked + label{
    background-position-y: -7px;
    color: #d32d25;
}

#divGoodsNav li ol dd{display: block;width: 100%;padding-left: 5px;}
#divGoodsNav li ol dd a{text-align: left;}
.goodsNav li dl,#divGoodsNav li ol {
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 10;
    top: 43px;
    right: -1px;
}
#divFilterNav {border-left: 1px solid #eeeeee;}
#divFilterNav dd.current a{color:#d32d25}

.goodsNav li dd {
    line-height: 46px!important;
    width: 33.33%;
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.goodsNav li dl a {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    color: #090909;
    background: none!important;
    text-align: left;
    margin: 0;
}

.goodsNav li dl b {
    display: inline-block;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    left: 0;
    margin-right: 6px;
}

.goodsNav li dl b.g1 {
    background-position: -19px 0;
}

.goodsNav li dl b.g2 {
    background-position: -19px -19px;
}

.goodsNav li dl b.g3 {
    background-position: -19px -39px;
}

.goodsNav li dl b.g4 {
    background-position: -19px -59px;
}

.goodsNav li dl b.g5 {
    background-position: -19px -78px;
}

.goodsNav li dl b.g6 {
    background-position: -19px -98px;
}

.goodsNav li dl b.g7 {
    background-position: -19px -117px;
}

.goodsNav lidl dd.sOrange a {
    color: #FF5152;
}

.goodsNav li dl dd.sOrange b.g1 {
    background-position: 0 0;
}

.goodsNav li dl dd.sOrange b.g2 {
    background-position: 0 -19px;
}

.goodsNav li dl dd.sOrange b.g3 {
    background-position: 0 -39px;
}

.goodsNav li dl dd.sOrange b.g4 {
    background-position: 0 -59px;
}

.goodsNav li dl dd.sOrange b.g5 {
    background-position: 0 -78px;
}

.goodsNav li dl dd.sOrange b.g6 {
    background-position: 0 -98px;
}

.goodsNav li dl dd.sOrange b.g7 {
    background-position: 0 -117px;
}

.goodsNav dd:nth-child(7n-7) {
    /*border: 0 none;*/
}
/**分类导航*/
.nav-wrapper {
    position: fixed;
    width: 100%;
    max-width: 640px;
    height: 40px;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    z-index: 10;
}
.nav-wrapper .select-btn.current {
    color: #d32d25;
    border-bottom: 2px solid #d32d25;
}
.nav-wrapper .arrow-up {
    left: 48%;
    top: 22px;
    position: absolute;
    display: none;
}
.nav-wrapper .select-btn.current .arrow-up:before {
    border-bottom-color: #d32d25;
}
.nav-wrapper .arrow-up:before {
    border: 9px solid transparent;
    border-bottom-color: #ddd;
    content: " ";
    position: absolute;
    top: 0;
    left: 0px;
}
.nav-wrapper .arrow-up:after {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: " ";
    position: absolute;
    top: 3px;
    left: 1px;
}
.nav-wrapper .select-btn {
    border-right: 1px solid #eee;
    box-sizing: border-box;
    color: #999;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 50%;
}
.nav-wrapper .select-icon {
    background-color: #fff;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 13px;
}
.nav-wrapper .select-btn.current {
    color: #d32d25;
    border-bottom: 2px solid #d32d25;
}
.nav-wrapper .select-btn.current .select-icon i {
    background-color: #d32d25;
}
.nav-wrapper .select-icon i:first-child {
    margin-top: 0;
}
.nav-wrapper .select-icon i {
    background-color: #bbb;
    display: block;
    height: 2px;
    margin-top: 3px;
    width: 13px;
}
.nav-wrapper .select-total {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19);
    position: absolute;
    right: 0;
    top: 40px;
    width: 100%;
    z-index: 4;
    display: none;
}
.sort_list::after {
    clear: both;
    content: "";
    display: table;
}

.sort_list {
    width: 100%;
}
.sort_list li {
    position: relative;
    overflow: hidden;
}
.sort_list li {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    height: 44px;
    line-height: 42px;
    width: 33.3%;
}
.sort_list li:nth-child(3n) {
    border-right: medium none;
    width: 33.4%;
}

.sort_list a {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 0 20px;
    text-align: left;
}
.sort_list li.current a {
    color: #d32d25;
}
.sort_list li > input {
    display: none;
}
#chk0:checked + label {
    background-image: url("../../images/mobile/check_bak.png");
}

.cateChk + label {
    position: absolute;
    height: 44px;
    width: 44px;
    top: 0;
    right: -6px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
    background: transparent url("../../images/mobile/check_.png") center 51px / 130% 390%;
    text-align: center;
    line-height: 44px;
    color: #CCC;
}

.cateChk:checked + label, .cateChk.red:checked + label {
    background-position-y: -7px;
    color: #d32d25;
}

.cateChk.red + label {
    background-position: center;
    color: #000;
}
 #myCollect a{
    height: 26px;
    padding: 0;
    margin: 8px 12px 0;
    color: #d32d25;
    border: 1px solid #d32d25;
    line-height: 26px;
    text-indent: 5px;
    border-radius: 5px;
}
#myCollect a::after{
    content: '\279C';
    font-size: 1.1rem;
    display: block;
    position: absolute;
    width: 44px;
    height: 30px;
    right: 2px;
    top: 0;
    line-height: 44px;
    text-align: center;
    text-indent: 0;
}
/*
#addAll {
    position: relative;
    width: 100%;
    height: 44px;
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: -1px;
}

#addAll p {
    border: 1px solid #d32d25;
    border-radius: 3px;
    width: 33%;
    margin: 7px auto;
    height: 28px;
    color: #FFF;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 5px;
    cursor: pointer;
    background: #d32d25;
}

#addAll p#catUp {
    display: none;
    position: absolute;
    width: 31%;
    margin-left: 1%;
    overflow: hidden;
    background: #FFF;
    border: none;
}

#addAll p#catUp::after {
    content: '\00AB';
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    line-height: 2rem;
    -webkit-transform: rotate(90deg);
    display: block;
    margin: 0 auto;
    color: #d32d25;
}

#addAll em {
    position: absolute;
    top: 0;
    left: 70%;
    height: 44px;
    line-height: 44px;
    color: #CCC;
    font-size: 12px
}

#addAll em.num {
    color: #d32d25;
    text-shadow: 0 0 3px #d32d25;
}
*/
.order_list {
    width: 100%;
}

.order_list::after {
    clear: both;
    content: "";
    display: table;
}

.order_list li {
    box-sizing: border-box;
    float: left;
    height: 44px;
    line-height: 42px;
    width: 100%;
}

.order_list li:not(:last-of-type) {
    border-bottom: 1px solid rgba(246, 246, 246, .8);
}

.order_list a {
    color: #666;
    display: block;
    font-size: 14px;
    padding: 0 15px;
}

.order_list li.current a {
    color: #d32d25;
}

.goodsList {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.goodsList ul {
    padding: 0 15px 0 10px;
    border-top: #fff 1px solid;
    border-bottom: #eee 1px solid;
    border-right: #eee 1px solid;
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    width: 50%;
    background: #fff;
    -webkit-box-sizing: border-box;
}


div[class="goodsList goodsList2"]{
	 clear: both;padding-top: 43px;
    width: 100%;
    overflow: hidden;
}

div[class="goodsList goodsList2"] ul {
    padding: 0 15px 5px 8px;
    height: auto;
    border-top: #fff 1px solid;
    border-bottom: #eee 1px solid;
    border-right: #eee 1px solid;
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
}

.goodsList ul li {
    padding: 7px 0;
}

.goodsList ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}

.goodsList span.z-Limg {
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}

.goodsList span img {

    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}

#divGoodsNav .liebiao {
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: 666;
    height: 35px;
    width: 96%;
    border-bottom: 1px dashed #eee;
    padding-left: 15%;
}

#divGoodsNav .liebiao span {
    line-height: 45px;
    font-size: 14px;
    font-weight: 400;
    color: 666;
    text-indent: 10px;
    display: inline;
}

#divGoodsNav .liebiao .shouji {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .apple {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .shuma {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .nvxing {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .meishi {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .chaoliu {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .xuni {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

#divGoodsNav .liebiao .zonghe {
    width: 20px;
    height: 25px;
    margin: 5px 10px 0 0;
    float: left;
    background-size: 20px 25px;
}

.goodsList .goodsListR {
	
    height: auto;
    margin-left: 90px;
}

.goodsList .goodsListR h2 {
    display: block;
    color: #333;
    overflow: hidden;
    text-align: left;
    font-size: 1.2rem;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.goodsList .goodsListR p {color: #666;line-height: 2rem;font-size: 1rem;}
.goodsList .goodsListR .pRate {
    position: relative;width: 86%;
}

.goodsList .Progress-bar {
    overflow: hidden;
}

.goodsList .Progress-bar ul {
    padding: 0;
    width: 100%;
    border: 0 none;
}
.goodsList .changyu{position: absolute;top: 18px;right:4px;}
.goodsList .changyu .buynow{
	float: left;font-size: 1.3rem;
    height: 30px;
    line-height: 30px;

    width: 75%;
    text-align: center;
    border-radius: 30px;
    color: #E43F21;}
    
.goodsList .changyu a.add {
    display: block;
    float: right;
	width: 38px;
    height: 38px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    background-color: #d32d25;
    border-radius: 50px;
    
}
.goodsList .goodsListR a.add {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -50px;
    top: 0;
    background-color: #d32d25;
    border-radius: 20px;
}
.goodsList .changyu a.add i,.goodsList .goodsListR a.add i{
    display: block;
    width: 18px;
    height: 22px;
    background: url(../../images/mobile/set.png) center center no-repeat;
    background-size: 18px auto;
    margin: 7px 0 0 9px;
}


.goodsList .goodsListR a.add s {
    display: inline-block;
    background: none;
    width: 23px;
    top: 6px;
    left: 6px;
    height: 27px;
    position: relative;
}

.goodsList .goodsListR a.gray {
    background: #cecece;
}

.goodsList .pTitle {
    width: 70px;
    height: 14px;
    padding-top: 2px;
    -webkit-transform: rotate(-45deg);
    text-align: center;
    position: absolute;
    left: -24px;
    top: 3px;
    color: #fff;
    font-size: 10px;
}

.goodsList .pLimitedTime {
    background: #FF5152;
}

.goodsList .pNewProducts {
    background: #3b0;
}

.goodsList .pPopularity {
    background: #f00;
}

.pCon {
    background: #f4f4f4;
}

.pNav {

    width: 100%;
    box-shadow: 0 1px 2px #b8b8b8;
    background: #e4e4e4;
    height: 35px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.pNav ul.slides {
    margin: 0;
    display: none;
    border-right: 1px solid #000;
}

.pNav div.flex-viewport {
    margin: 0;
    height: 35px;
    position: relative;
    overflow: hidden;
}

.pNav div.flex-viewport ul.slides {
    margin: 0;
}

.pNav ul.slides li {
    float: left;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    position: relative;
}

.pNav ul.slides li a {
    display: block;
    padding: 0 26px;
    color: #666;
}

.pNav ul.slides li.cur {
    background: #f4f4f4;
    border-bottom: 3px solid #f4f4f4;
    font-size: 16px;
}

.pNav ul.slides li.cur a {
    display: block;
    padding: 0 20px;
    color: #d32d25;
}

.pNav ul.slides li a.theLeft {
    padding-left: 21px;
    border-left: 1px solid #efefef;
}

.pNav ul.slides li a.theRight {
    padding-right: 21px;
    border-right: 1px solid #efefef;
}

.pNav ul.slides b {
    position: absolute;
    top: 0;
    left: 0;
    background: #cecece;
    border-right: 1px solid #efefef;
    width: 1px;
    height: 35px;
}

.pNav ul.slides s {
    position: absolute;
    top: 0;
    right: 0;
    background: #cecece;
    border-right: 1px solid #efefef;
    width: 1px;
    height: 35px;
}

.pPic {
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 10;
}

.pPic2 {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.pImg {
    min-width: 320px;
    max-width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
    display: inline-block;
}

.pImg ul.slides {
    margin: 0;
    height: 200px;
    display: none;
}

.pImg li {
    height: 200px;
    margin: 0;
}

.pImg li img {
    width: 200px;
    height: 200px;
    margin: 0 5px;
    background: #fff;
}

.pImg .direction-nav {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
}

.pImg .direction-nav li {
    display: block;
    width: 50px;
    height: 200px;
    background: #e2e2e2;
    opacity: 0.6;
}

.pImg .direction-nav li.prev {
    float: left;
}

.pImg .direction-nav li.next {
    float: right;
}

.pPic span.z-limit-tips {
    width: 28px;
    font-size: 10px;
    padding-top: 2px;
    height: 28px;
    line-height: 10px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 15;
    background-position: -52px -167px;
    display: inline-block;
    text-align: center;
}

.pPicBor span.z-limit-tips {
    position: absolute;
    top: -1px;
}

.pDetails {
    padding: 10px 12px;
    background: #fff;
    -webkit-box-sizing: border-box;
}

.pDetails:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}

.pDetails b {
    color: #666;
    line-height: 20px;
    font-size: 16px;
}

.pDetails span {
    color: #E80000;
}

.pDetails p.price {
    margin: 8px 0 8px 0;
    color: #888;font-size: 1.2rem;
}
.pDetails p.price b.py{ color: #E71F19;font-size: 1.4rem;}
.pDetails .ptitle{padding: 5px 0;font-size: 1.3rem;color: #666;}
.pDetails p.price em {
	color: #666;
}

.pDetails .Progress-bar p,.pDetails .Progress-bar p span {
    height: 8px;
}

.pDetails-end .Progress-bar p span {
    background: #bbb;
}

.pBtns {
    width: 100%;
	box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);
    position: fixed;
    bottom: 0px;
    background: #fff;
    -webkit-box-sizing: border-box;
    z-index: 99999;
    padding: 5px 0px 5px 5px;
    border-top: 1px solid #dcdcdc;
	max-width: 640px;
    margin: 0 auto;
}

.pBtns .padd{
	border-radius: 30px 0 0 30px;
	background: #ff8937;
    border: 1px solid #ff8937;
}

.pBtns .pbuy{width: 42%;
    border-radius: 0 30px 30px 0;
     background: #E71F19;
    border: 1px solid #E71F19;}
.pBtns .xiangxigw,.pOngoing .xiangxigw{
    display: block;
    float: left;
    width: 28px;
    height: 24px;
    margin: 9px 0 0 15px;
}

.pBtns .xiangxigw i,.pOngoing .xiangxigw i{
    display: block;
    float: left;
    width: 28px;
    height: 24px;
    background: url(../../images/mobile/f_g.png) 0px -128px no-repeat;
    background-size: 28px auto;
    -moz-background-size: 28px auto;
    -moz-background-size: 28px auto;
}

.pBtns .xiangxigw i em,.pOngoing .xiangxigw i em {
    background: #e71f19 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 15px;
}
.pBtns .xiangxigws,.pOngoing .xiangxigws{
    display: block;
    float: left;
    width: 28px;
    height: 24px;
    margin: 9px 0 0 15px;
}
.pBtns .xiangxigws i,.pOngoing .xiangxigws i{
    display: block;
    float: left;
    width: 28px;
    height: 26px;
    background: url(../../images/mobile/f_g.png) 0px -26px no-repeat;
    background-size: 28px auto;
    -moz-background-size: 28px auto;
    -moz-background-size: 28px auto;
}

.pBtns .xiangxigws i em,.pOngoing .xiangxigws i em {
    background: #dc332d none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 15px;
}

.pBtns a {
    display: inline-block;
    color: #fff;
    width: 42%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
}

.pBtns a.buyBtn {
    background: #d32d25;
    border: 1px solid #d32d25;
}

.pBtns a.addBtn {
    background: #2af;
    border: 1px solid #2af;
}

.pBtn {
    width: 100%;
    margin-top: 10px;
    height: 35px;
    -webkit-box-sizing: border-box;
}

.pBtn a {
    display: inline-block;
    color: #fff;
    width: 48%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    margin-right: 2px;
}

.pBtn a.buyBtn {
    background: #d32d25;
    border: 1px solid #EF6000;
}

.pBtn a.addBtn {
    background: #ffb320;
    border: 1px solid #FDA700;
}
.pBtn a.collectBtn{
    background:#22AAFF ;
    border:1px solid #00b3ff;
    margin-right: 0px;
    width: 20%;
}

.pBtn a.freeBtn {
    background: #d32d25;
    margin-left: 31%;
}

.joinAndGet {
    width: 100%;
    margin-top: 10px;
}

.joinAndGet dl a {
    display: block;
    color: #666;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    margin: 10px 8px 0;
    padding: 0 13px;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 1px 1px #e7e7e7;
}

.joinAndGet dl a b {
    border-width: 2px 2px 0 0;
    position: relative;
    top: 15px;
}

.joinAndGet dl a em {
    color: #C0C0C0;
    font-size: 10px;
}

.joinAndGet dl a span {
    margin: 0 2px;
}

.joinAndGet dl a strong {
    font-weight: normal;
    margin: 0 2px 0 10px;
}

.joinAndGet ul {
    clear: both;
    padding: 10px;
    margin: 10px 8px 0;
    position: relative;
    color: #999;
}

.joinAndGet ul a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.joinAndGet li img {
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

.joinAndGet li.getInfo {
    margin-left: 80px;
    line-height: 18px;
    font-size: 0.5em !important;
}

.joinAndGet li b {
    border-width: 2px 2px 0 0;
    margin-top: 40px;
    text-align: right;
}

.joinAndGet ul s {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 61px;
    height: 61px;
    position: absolute;
    left: -2px;
    top: -2px;
}
.joinAndGet ul s i{
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    top: 26%;
    left: 40%;
    -webkit-transform: rotate(-45deg);
    transform: translate(-43%,-26%) rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.recordCon {
    position: relative;
    margin-top: 1px;
    height: 100%;
    border-left: 1px solid #efefef;
}
.recordCon img {
    width: 100% !important;
    display: block
}
.recordCon ul {
	background: #fff;
    padding: 15px 0;
    position: relative;
	border-bottom: 1px solid #E2E2E2;
}


.recordCon li {
    color: #090909;
    line-height: 20px;
    font-size: 14px;
}

.recordCon li.rBg {
    position: absolute;
    left: 0px;
    /* z-index: 15; */
}

.recordCon li.rBg a {
    display: block;
    position: relative;
}

.recordCon li img {
    width: 60px !important;
    height: 60px;
    margin: 2px 0 0 3px;
}

.recordCon li.rBg a s {
    background-position: -44px -99px;
    background-repeat: no-repeat;
    width: 66px;
    height: 66px;
    position: absolute;
    left: 0;
    top: 0;
}

.recordCon li.rInfo {
    margin-left: 70px;
}

.recordCon a {
    color: #333;
    font-size: 14px;
    margin-right: 3px;
}

.recordCon span {
    margin-right: 10px;
}

.recordCon em {
    color: #999;
    font-size: 12px;
}

.recordCon strong {
    word-wrap: break-word;
    display: inline-block;
    font-weight: normal;
}

.recordCon i {
    background: url(../Images/r-line.gif) no-repeat;
    height: 1px;
    width: 230px;
    position: absolute;
    left: 0;
    top: -1px;
}

.leftLine {
    position: absolute;
    top: 0;
    left: 27px;
    height: 100%;
    width: 1px;
}

.pbor-bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.detailCon {
    font-size: 12px;
    line-height: 20px;
    color: #555;
    padding: 20px 10px;
}

.detailCon img {
    display: block;
    margin: 10px 0;
}

.pProcess {
	background: #fff;
	padding: 10px 0;
}

.pProcess2 {

}

.pProcess .pCalculation {
    padding: 20px 15px;
}

.pCalculation h4 {
    color: #bbb;
    text-align: center;
    font-size: 16px;
    display: block;
}

.pProcess .pResults {
    position: relative;
    color: #090909;
}

.pResultsL {
    float: left;
    display: inline-block;
    width: 30%;
    text-align: center;padding: 6px;
}

.pResultsL a {
    width: 100%;background: #f2f2f2;border-radius:5px;
    height: 85px;
    position: relative;
    display: block;
    margin-top: 6px;
}

.pResultsL a img {
    width: 60px;display: inline-block;
    height: 60px;margin-top: 2px;
    overflow: hidden;
    border-radius: 50px;
}

.pResultsL a span {
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    border-radius: 0 0 5px 5px;
}

.pResultsL s {
    text-decoration: none;
    display: inline-block;
    background-position: 0 -63px;
    width: 55px;
    height: 55px;
    position: absolute;
    left: -2px;
    top: -2px;
}
.pResultsL s  i{
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    top: 27%;
    left: 35%;
    -webkit-transform: rotate(-45deg);
    transform: translate(-43%,-26%) rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.pResultsR {
   float: right;width: 70%;
}

.pResultsR .g-snav-lst {
    text-align: center;
    border-left: 1px solid #eee;
    padding-top: 10px;
    height: 62px;
}

.pResultsR .g-snav-lst dd {
    margin-top: 5px;
}

.pResults p {
    clear: both;
    height: 40px;
    line-height: 40px;
    padding: 0 6px;
    font-size: 14px;
}

.pResults p a {
    text-indent: 0;
    color: #fff;
    text-align: center;
    background: #d32d25;
    padding: 0 18px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    margin-top: 7px;
}

.pResults p b {
    font-size: 16px;
}

.pCountdown {
    padding: 5px 10px;
}

.pCountdown .g-snav-lst {
    margin: 10px 5px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    background: -webkit-linear-gradient(-45deg, #ffd25a 20%, #ffba01 60%);
    color: #fff;
    border-radius: 5px;
    font-size: 32px;
    position: relative;
    width: 25%;
    border: 0 none;
    overflow: hidden;
}

.pCountdown .g-snav-lst:nth-child(4n-3) {
    background: #efefef;
    color: #bbb;
    font-size: 16px;
    height: 73px;
    padding-top: 18px;
    line-height: 20px;
    display: block;
}

.pCountdown s,.pCountdown em {
    background-repeat: no-repeat;
    position: absolute;
    right: -14px;
}

.pCountdown s {
    background-position: 0 -160px;
    width: 29px;
    height: 29px;
    bottom: -6px;
}

.pCountdown em {
    background-position: -62px -8px;
    color: #fff;
    font-size: 11px;
    width: 13px;
    height: 18px;
    line-height: 22px;
    padding-left: 5px;
    bottom: 0;
    right: 0;
}

.pCountdown .g-snav-lst:nth-child(4n-4) em {
    font-size: 7px;
    width: 16px;
    padding-left: 2px;
    height: 18px;
}

.pCountDown {
    width: 278px;
    margin: 20px auto 0;
    background: #FF5152;
    border-radius: 5px;
    padding: 7px 15px 7px 7px;
}

.status {
    width: 282px;
    background: #fff;
    border: 2px solid #ffd800;
    box-shadow: 0 1px 1px #E95800;
    color: #bbb;
    border-radius: 5px;
}

.status1 {
    text-align: center;
    padding: 8px 0 5px 0;
    display: inline-block;
    color: #ffb482;
    font-size: 24px;
}

.status1 span {
    margin-right: 15px;
    position: relative;
    top: -3px;
    color: #bbb;
    font-size: 16px;
}

.status1 em {
    color: #FF5152;
}

.status2 {
    text-align: center;
    font-size: 16px;
    padding: 7px 0;
}

.status2 p {
    display: inline-block;
    background: url(../Images/progressbar.gif) repeat-x;
    background-size: 12px auto;
    border-radius: 10px;
    width: 245px;
    height: 7px;
    border-bottom: 1px solid #d6b6ab;
}

.status3 {
    font-size: 16px;
    padding: 10px 0;
    display: inline-block;
}

.status3 li {
    float: left;
    margin-left: 8px;
    text-align: left;
    color: #090909;
}

.status3 li img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
}

.status3 li dd {
    display: block;
    line-height: 16px;
}

.status3 li dd a {
    color: #2af;
    margin: 0 3px;
}

.status3 li dd span {
    color: #090909;
}

.pFortunatelycode {
    display: block;
    width: 282px;
    margin-left: 2px;
    margin-top: 10px;
    background: url(../../images/mobile/revealed_07.gif) bottom repeat-x;
    background-size: 3px auto;
    padding-bottom: 1px;
    position: relative;
}

.pFortunatelycode p {
    width: 266px;
    margin: 0 auto;
    background: #fefbd4;
    padding: 10px 8px;
    color: #FF8F45;
    font-size: 14px;
}

.pFortunatelycode p em {
    font-size: 16px;
}

.pFortunatelycode p a {
    display: inline-block;
    padding: 3px 10px;
    box-shadow: 0 1px 2px #c1bfa1;
    background: #FF5152;
    color: #fff;
    border-radius: 20px;
    position: relative;
    top: -1px;
}

.pFortunatelycode s {
    position: absolute;
    background: url(../../images/mobile/revealed_03.gif) no-repeat;
    background-size: 286px auto;
    width: 286px;
    height: 5px;
    top: -4px;
    left: -2px;
}

.pSurplus {
    clear: both;
    width: 100%;
    margin: 10px auto;
    height: 39px;
    line-height: 39px;
    background: #f4f4f4;
    color: #090909;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
}

.pSurplus p {
    width: 300px;
    margin: 0 auto;
    font-size: 16px;
}

.pSurplus span {
    display: inline-block;
    background: #FF5152;
    padding: 0 8px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    border: 1px solid #fa6400;
    border-radius: 3px;
    margin: 0 10px 0 6px;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.pSurplus em {
    font-family: Arial;
    color: #FF5152;
    font-size: 16px;
    margin: 0 5px;
}

.pClosed, .pOngoing {
    clear: both;
    width: 100%;
    margin: 10px auto 0;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
}
.pClosed {
    height: 39px;
    line-height: 36px;
    font-size: 18px;
    color: #999;
    text-align: center;
}

.pOngoing {
    height: 42px;
    line-height: 42px;
    padding: 0 8px;
    font-size: 16px;
    color: #d32d25;
}
.pOngoing .jiexiao{
	border-radius: 30px;
	background: #E71F19;
	line-height: 42px;
    font-size: 16px;
    float: left;
    width: 85%;
}
.pOngoing em {
    margin: 0 3px;
}

.pOngoing span {
    display: inline-block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    background: #d32d25;
    color: #fff;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px solid #d32d25;
}
.treasure_hd_free {width:100%;position: relative;margin: 10px 0 8px 0;background-color: #f2f2f7}
.treasure_hd_free:before {content: '';position: absolute;top: -12px;left: 30px;width: 0;height: 0;border-width: 6px;border-style: dashed dashed solid;border-color: transparent transparent #f2f2f7
}
.treasure_hd_free_head {position: relative;margin: 0 10px;padding: 8px 0;color: #666;font-size: 12px}
.treasure_hd_free_head:after {content: '';position: absolute;z-index: 1;pointer-events: none;background-color: #ddd;height: 1px;left: 0;right: 0;bottom: 0}
.treasure_hd_free_goods {position: relative;margin: 0 10px;padding: 10px 0;height: 78px}
.treasure_hd_free_cover {position: absolute;top: 10px;left: 0;width: 58px;}
.treasure_hd_free_cover img {display: block;width: 58px;}
.treasure_hd_free_info {margin-left: 68px;height: 75px}
.treasure_hd_free_name {color: #333;font-size: 16px}
.treasure_hd_free_desc {color: #666;font-size: 12px}