﻿@charset "utf-8";
/* 初始化 */
* {
    padding: 0;
    margin: 0;
}

*:focus {
    outline: 0;
}

body {
    background: #fff;
    color: #333;
    font-size: 12px;
    font-family: "microsoft yahei", Arial, SimSun;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    height: 100%;
}

body header{
	background:#993344;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

fieldset, img, abbr, acronym {
    border: 0 none;
}

abbr, acronym {
    font-variant: normal;
}

legend {
    color: #000;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

input, img, select {
    vertical-align: middle;
}

ol, ul {
    list-style: none;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input[type=button], input[type=submit], input[type=text], input[type=password] {
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

del, ins, a {
    text-decoration: none;
}

a:link {
    color: #333;
}

a:visited {
    color: #333;
}

a:hover, a:active, a:focus {
    color: inherit;
}

i {
    font-style: normal;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.clearf:after {
    content: "";
    display: block;
    clear: both;
}

.floatL, .floatl {
    float: left;
}

.floatR, .floatr, .FloatRight {
    float: right;
}

.width660 {
    margin: 0 10px;
}

.overflow-hidden {
    overflow: hidden;
}

.width320 {
    width: 320px;
    margin: 0 auto;
}

.widthMAX {
    width: 100%;
}

/*=====head======*/
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 50px;
    background: #1443ad;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

header.lateral-menu-is-open {
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
}

/*header1*/
.logo {
    float: left;
    width: 94px;
    height: 50px;
    overflow: hidden;
}

.logo img {
    width: 94px;
    height: 50px;
}

.searchBox {
    margin: 0 90px 0 95px;
    height: 50px;
    padding: 10px 0;
    overflow: hidden;
}

.search {
    width: 100%;
    height: 30px;
    background: #fff;
}

.searchBt {
    float: left;
    width: 30px;
    height: 30px;
}

.searchTxt {
    margin-left: 30px;
    height: 30px;
}

.searchBt input[type=submit] {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/SearchBtBg.png) center no-repeat;
    background-size: 15px 16px;
    border: 0;
}

.search input[type=text] {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    border: 0;
    background: none;
    appearance: none;
    -webkit-appearance: none;
}

.headBtBox {
    float: right;
    width: 80px;
    height: 50px;
    overflow: hidden;
}

.headBtBox.head-bt-box-1 .headBt {
    float: right;
    margin-right: 10px;
}

.headBt {
    float: left;
    width: 50%;
    height: 50px;
    text-align: center;
    position: relative;
}

.headBt img {
    width: 30px;
    margin: 13px 0;
}

/*header2*/
.Back {
    width: 80px;
    height: 50px;
    overflow: hidden;
    float: left;
}

.Back a {
    display: block;
    width: 13px;
    height: 50px;
    margin-left: 20px;
}

.Back a img {
    width: 13px;
    margin: 13px 0;
}

.MenOpen {
    width: 80px;
    height: 50px;
    float: right;
}

.MenOpen > div {
    width: 50%;
    height: 50px;
    float: left;
    position: relative;
}

.MenOpen > div > a {
    display: block;
    width: 30px;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

.MenOpen > div > a > img {
    width: 30px;
    margin: 13px 0;
}

.PageHead {
    width: auto;
    margin: 0 80px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

/*header3*/
.Back2 {
    width: 50px;
    height: 50px;
    float: left;
}

.Back2 a {
    display: block;
    width: 13px;
    height: 50px;
    margin-left: 20px;
}

.Back2 a img {
    width: 11px;
    margin: 15px 0;
}

.searchBox2 {
    margin: 0 95px 0 50px;
    height: 50px;
    padding: 10px 0;
    overflow: hidden;
}

.DropNav {
    display: none;
    width: 150px;
    height: auto !important;
    min-height: 10px;
    position: absolute;
    top: 42px;
    right: 5px;
    background: url(../images/MenberDropArrow.png) top right 10px no-repeat;
}

.DropNav > div {
    width: 100%;
    height: 100%;
    margin-top: 8px;
    background: #333;
}

.DropNav > div ul li {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #575757;
}

.DropNav > div ul li a {
    display: block;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}

.DropNav > div ul li a img {
    float: right;
    width: 22px;
    margin-top: 9px;
}

.DropNav > div ul li:last-child {
    border-bottom: 0;
}

/*header4*/
.Head4R {
    width: auto;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: left;
    color: #fff;
    margin-right: 16px;
    font-size: 16px;
}

.Head4R a {
    display: inline-block;
    position: relative;
    height: 16px;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    line-height: 16px;
    padding: 0 0 0 5px;
}

.Head4R a img {
    width: 30px;
    margin-top: -5px;
}

.Head4R a:nth-child(2) {
    border-left: 1px solid #fff;
}

.Head4Mid {
    margin: 0 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

span.HShopCartNum {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #e50100;
    color: #fff;
    border-radius: 50%;
    line-height: 20px;
    position: absolute;
    top: -70%;
    right: -17%;
}

.MenOpen span.HShopCartNum {
    top: 12%;
}

/*=====main======*/
.cd-main-content {
    -webkit-overflow-scrolling: touch;
    padding: 50px 0;
    min-height: 100%;
    min-width: 320px;
    overflow: hidden;
    bottom: 0px;
    top: 0px;
    margin: 0 auto;
    position: relative;
    z-index: 150;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.cd-main-content.lateral-menu-is-open {
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
}

.top0 {
    padding: 0;
}

.banner {
    width: 100%;
}

.banner img {
    width: 100%;
}

.classifyall {
    width: 100%;
    height: 100px;
    margin: 0 auto 20px;
    padding: 20px 0;
    border-bottom: 1px dashed #ccc;
    background: #fff;
}

.classifyall ul li {
    display: inline-block;
    float: left;
    width: 25%;
    height: 60px;
    text-align: center;
}

.classifyall ul li img {
    width: 40px;
    height: 40px;
}

.classifyall ul li p {
    width: 100%;
    margin-top: 5px;
}

.ProBox {
    padding: 10px 0;
    background: #fff;
}

.ProH {
    width: 96.875%;
    height: 20px;
    margin: 0 auto 10px;
}

.ProH .floatL {
    height: 16px;
    border-left: 3px solid #1443ad;
    line-height: 16px;
    font-size: 16px;
    color: #1443ad;
    text-indent: 5px;
	
	border-color: #993344;
	color: #993344;
}

.ProH .floatR {
    height: 16px;
    line-height: 16px;
}

.Pro {
    width: 96.875%;
    margin: 0 auto;
}

.Pro ul li {
    float: left;
    margin: 0px 3.225806% 3.225806% 0px;
    width: 48.387096%;
    border: 1px solid #ccc;
}

.Pro ul li:nth-child(even) {
    margin-right: 0;
}

.ProImg {
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.ProImg img {
    width: 100%;
}

.ProName {
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    overflow: hidden;
}

.ProName a {
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ProPrice {
    width: 100%;
    text-align: center;
}

.ProPrice span {
    color: #e50100;
}

.ProPrice del {
    color: #999;
    font-size: 10px;
    margin-left: 4px;
    text-decoration: line-through;
}

.banner2 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.banner2 img {
    width: 100%;
}

.Area {
    width: 96.875%;
    margin: 0 auto 10px;
}

.Area ul li {
    float: left;
    margin: 0px 3.225806% 3.225806% 0px;
    width: 48.387096%;
}

.Area ul li:nth-child(even) {
    margin-right: 0;
}

.Area ul li img {
    width: 100%;
}

/*首页和详情页幻灯片*/
.banner {
    width: 100%;
    overflow: hidden;
}

.banner ul {
    -webkit-transition: left 800ms ease-in 0;
    -moz-transition: left 800ms ease-in 0;
    -o-transition: left 800ms ease-in 0;
    -ms-transition: left 800ms ease-in 0;
    transition: left 800ms ease-in 0;
}

.banner ul li img {
    width: 100%;
}

.banner #pagenavi {
    position: absolute;
    left: 0;
    bottom: 5px;
    text-align: center;
    width: 100%;
}

.banner #pagenavi a {
    width: 25px;
    height: 4px;
    margin: 0 2px;
    line-height: 99em;
    background: #999;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.banner #pagenavi a.active {
    position: relative;
    background: #1443ad;
}

.PsBanner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.PsBanner ul {
    -webkit-transition: left 800ms ease-in 0;
    -moz-transition: left 800ms ease-in 0;
    -o-transition: left 800ms ease-in 0;
    -ms-transition: left 800ms ease-in 0;
    transition: left 800ms ease-in 0;
}

.PsBanner ul li img {
    width: 100%;
}

.PsBanner #Psnav {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.PsBanner #Psnav a {
    width: 38px;
    height: 2px;
    margin-right: 1px;
    /* border-radius: 50%; */
    /* -webkit-border-radius: 50%; */
    line-height: 99em;
    background: #979797;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.PsBanner #Psnav a.active {
    position: relative;
    background: #1043ae;
}

/*===会员中心====*/
#cd-lateral-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 80;
    width: 240px;
    height: 100%;
    background: #333;
    overflow: hidden;
    -webkit-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
}

#scroller {
    position: relative;
    padding: 20px 0 70px;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.MenInfo {
    width: 220px;
    min-height: 80px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px dashed #fff;
}

.MenCon {
    width: auto;
    margin-left: 80px;
    color: #fff;
    padding-top: 13px;
}

.MenCon dl dd.MenName {
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 4px;
}

.MenCon dl dd.MenName a {
    color: #fff;
}

.MenImg, .NoMenImg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
}

.MenImg img, .NoMenImg img {
    width: 100%;
    border-radius: 50%;
}

.MenExit {
    width: 100%;
    height: 30px;
    clear: both;
}

.MenExit a.MenExitBt {
    width: 40px;
    height: 20px;
    border-radius: 4px;
    background: #fff;
    color: #666;
    text-align: center;
    line-height: 20px;
    display: block;
    float: right;
    margin-top: 10px;
}

.NoMenImg {
    margin: 0 auto;
}

.NoMenCon {
    width: 100%;
    margin-top: 10px;
}

.NoMenCon ul li {
    width: 100%;
    height: 30px;
    float: left;
}

.NoMenCon ul li a {
    width: 104px;
    height: 30px;
    margin: 0 auto;
    display: block;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    color: #666;
}

.MenList {
    margin: 0 auto;
}

.MenList ul li {
    width: 100%;
    /*height:40px;*/
    text-indent: 30px;
    background-color: #5A5A5A;
    background-position: 5px 13px;
    background-repeat: no-repeat;
}

.MenList ul li a .msg-count {
    display: inline-block;
    background: #fff;
    width: 20px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: #1443ad;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    text-indent: 0;
    margin-left: 6px;
}

.MenList ul li.MenListIco1, .MenList ul li.MenListIco21 {
    background-image: url(../images/spdd.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco2 {
    background-image: url(../images/tuan.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco3 {
    background-image: url(../images/jfdh.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco4, .MenList ul li.MenListIco26 {
    background-image: url(../images/yck.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco5 {
    background-image: url(../images/yck.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco6 {
    background-image: url(../images/xxjl.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco7 {
    background-image: url(../images/spsc.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco8 {
    background-image: url(../images/hy.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco9 {
    background-image: url(../images/wdxx.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco10 {
    background-image: url(../images/xgmm.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco11 {
    background-image: url(../images/aqwt.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco12 {
    background-image: url(../images/shdz.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco13, .MenList ul li.MenListIco25 {
    background-image: url(../images/tgyj.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco14 {
    background-image: url(../images/xgmm.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco15 {
    background-image: url(../images/dyq.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco16 {
    background-image: url(../images/memberICOcrowfund.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco17 {
    background-image: url(../images/memberICOwin.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco18, .MenList ul li.MenListIco22, .MenList ul li.MenListIco24 {
    background-image: url(../images/wdhb.png);
    background-size: auto 15px;
}

.MenList ul li.MenListIco19, .MenList ul li.MenListIco20 {
    background-image: url(../images/wdys.png);
    background-size: auto 15px;
}

.MenList ul li:last-child {
    border-bottom: 1px dashed #484848;
}

.MenList ul li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #484848;
}

.MenList ul li.hidden a.btn-drop-menu {
    background: url("../images/icon-drop-right.png") right center no-repeat;
    background-size: auto 10px;
}

.MenList ul li a.btn-drop-menu {
    background: url("../images/icon-drop-down.png") right center no-repeat;
    background-size: auto 10px;
}

.MenList ul li.hidden ul.child-menu {
    display: none;
}

.MenList ul.child-menu li a {
    border-bottom: none;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

.MenList ul li a img {
    width: 20px;
    margin: 0 5px;
}

.MenCode {
    width: 200px;
    margin: 20px auto 0;
    text-align: center;
}

.MenCodeH {
    width: 180px;
    height: 30px;
    margin: 0 auto;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #666;
}

.MenCodeImg {
    width: 180px;
    margin: 10px auto;
}

.MenCodeImg img {
    width: 100%;
    display: block;
}

.MenFoot {
    width: 220px;
    margin: 20px auto 0;
}

.MenFoot a {
    width: 33.333333%;
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}

.MenFoot a img {
    width: 16px;
    margin: 0 2px;
}

.MenClose {
    width: 220px;
    margin: 20px auto 0;
}

.MenClose a.MenCloseBt {
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #666;
    display: block;
    float: right;
    border-radius: 4px;
    background: #fff;
}

.SetwxCode {
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 4px;
    border: 0;
    background: #fff;
}

/*=====foot======*/
.MainFoot {
    width: 100%;
    /*height:40px;*/
    background: #eee;
    margin-bottom: 20px;
    color: #666;
    padding: 8px 0;
    line-height: 130%;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

.MainFoot a {
    color: #666;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 200;
    width: 100%;
    height: 50px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

footer.lateral-menu-is-open {
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
}

footer ul {
    width: 100%;
    height: 50px;
}

footer ul li {
    display: inline-block;
    float: left;
    width: 20%;
    height: 50px;
    text-align: center;
    overflow: hidden;
}

footer ul li a {
    display: block;
    position: relative;
    width: 26px;
    height: auto;
    margin: 4px auto 0;
}

footer ul li img {
    width: 26px;
    display: block;
}

footer ul li .msg-tip {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e50100;
}

#hidden-view {
    width: 100%;
    background: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 210;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#hidden-view.lateral-menu-is-open {
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
}

footer.PrShowFoot {
    background: #333;
}

.PrDetTel { /*margin-left:10px;*/
    height: 50px;
}

.PrDetTel a img {
    width: 70px;
    margin-top: 13px;
}

.PrDetFootBuy {
    height: 50px;
    /*margin-right:10px;*/
    width: 68%;
}

.PrDetFootBuy a {
    display: inline-block;
    float: left;
    width: 50%;
    height: 100%;
    padding-top: 16px;
    text-align: center;
    margin: 0;
    background: #e50100;
    color: #ecbdc0;
    font-size: 15px;
}

.PrDetFootBuy a:first-child {
    background: #ecbdc0;
    color: #e50100;
}

.PrDetFootBuy a img {
    width: 100%;
}

/*按钮*/
.AddBtn, .LoginBtn, .SubmitBtn, .order_Btnzhifu,
#aConvertibilityOrderPay, .redeem_btn, .redeem_btnBig, .order_Btnquxiao,
.ClauseBtn, .increase-add, .CollectBtn {
    width: 80%;
    border: none;
    cursor: pointer;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    display: block;
    background: #1443ad;
    color: #FFFFFF;
    font-size: 1em;
    text-decoration: none !important;
    padding: 0 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0 2px #fff;
    -o-box-shadow: inset 0 0 2px #fff;
    -webkit-box-shadow: inset 0 0 2px #fff;
    -moz-box-shadow: inset 0 0 2px #fff;
}

.CollectBtn {
    width: 40%;
    float: left;
    margin: 0 1%;
}

.PrShowName, .PrShowBtn, .PrShowKuang {
    width: 85%;
    margin: 10px auto;
}

.PrShowName p {
    margin-bottom: 10px;
}

.PrShowBtn:after {
    display: block;
    content: "";
    clear: both;
}

.PrShowBtn br {
    display: none;
}

.PrShowKuang {
    line-height: 20px;
}

/* CSS 订单提交 */

.Shopping_Cart_ico {
    text-align: center;
    font-size: 18px;
    color: #a2a2a2;
    font-family: "microsoft yahei", Arial, SimSun;
}

.Shopping_Cart_ico p {
    padding: 20px 0;
}

.Shopping_Cart_Btn {
    width: 126px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #8b8d91;
    font-family: "microsoft yahei", Arial, SimSun;
    background: url(/images/mobi/cn/simplicity/images/Shopping_Cart_Btn.jpg) no-repeat;
    display: inline-block;
    margin: 15px;
}

#divIncreaseArea {
    width: 320px;
    margin: 0 auto;
    overflow: hidden;
}

.Cart_prList ul {
    padding: 0 5px;
}

.Cart_prList li {
    padding: 10px 0;
    overflow: hidden;
}

.Cart_prList img {
    border: 1px solid #e1e1e1;
}

.Cart_prList_txt {
    float: left;
    padding-left: 12px;
    font-size: 14px;
    width: 57%;
}

.Cart_prList_txt p {
    color: #a1a1a1;
    line-height: 22px;
}

.Cart_prList_txt p span {
    color: #e50100;
}

.Cart_prList_del {
    padding: 30px 8px;
}

.Cart_prList_del img {
    border: none;
}

.Cart_prList_ClearAll {
    width: 90%;
    color: #8b8d91;
    font-size: 14px;
    text-align: right;
    line-height: 21px;
    border-top: 1px solid #e9e9e9;
    padding: 10px 0;
    margin-top: 10px;
}

.Cart_prList_ClearAll img {
    vertical-align: top;
}

.Cart_prListTxt {
    font-size: 14px;
    color: #666666;
    padding: 0 8px;
    margin-top: 65px;
}

.Cart_prListTxt span {
    color: #e50100;
}

#pBulkTotal p strong {
    color: #e50100;
}

.MarginTop5 ul li div p span {
    color: #e50100;
}

.cartbtn {
    margin-top: 5px;
    display: inline-block;
}

.Cart_Changejt {
    width: 20px;
    height: 90px;
    line-height: 90px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    overflow: hidden;
    background: #ccc;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
}

.Cart_Btn_Left {
    left: 2px;
}

.Cart_Btn_Right {
    right: 2px;
}

.Cart_Changejb {
    width: 265px;
    overflow: hidden;
    position: relative;
    height: 250px;
    margin: auto;
}

.increase-add {
    width: 78%;
    margin-top: 20px;
}

.Cart_Change {
    margin: 15px auto;
    position: relative;
}

.Cart_Change ul {
    width: 99999px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    overflow: hidden;
}

.Cart_Change ul li {
    float: left;
    width: 130px;
    margin-right: 5px;
    overflow: hidden;
}

.Cart_Change ul li del {
    color: #b2b2b2;
    font-size: 11px;
    text-decoration: line-through;
}

.Cart_Change ul li span {
    color: #e50100;
}

.Cart_Change ul li img {
    border: 1px solid #e1e1e1;
}

.Cart_Change ul li p.Cart_prListTxtNum {
    height: 31px;
}

.Cart_Change ul li a.add-increase-goods {
    display: block;
    width: 80%;
    height: 20px;
    border-radius: 4px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #1443ad;
}

.Cart_Pic {
    text-align: center;
    width: 130px;
    height: 80px;
}

.Cart_Pic img {
    width: 80px;
    height: 80px;
}

.li-ch-goods-name {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin: 5px 0;
}

.li-goods-specifications {
    height: 16px;
    line-height: 16px;
}

.Cart_Change .KingMum {
}

.Cart_Txt {
    color: #666666;
    font-size: 14px;
    padding: 0 10px;
    margin-top: 83px;
}

.Cart_Txt span {
    color: #e50100;
}

.Cart_Txt p .cbpd {
    vertical-align: middle;
}

.Cart_Listbtn {
    padding: 20px 22px;
}

.btn_goon {
    width: 126px;
    height: 37px;
    background: url(/images/mobi/cn/simplicity/images/AllImage.jpg) no-repeat 0 -150px;
    display: inline-block;
    margin-right: 10px;
}

.success_title {
    font-size: 14px;
    color: #666666;
    padding: 0 10px;
}

.success_messageAll {
    padding: 0 5px;
    margin-bottom: 15px;
}

.success_messageLine {
    border-bottom: 1px solid #d3d3d3;
}

.success_message {
    font-size: 14px;
    color: #666666;
    background-color: #f4f4f4;
    border-top: 1px solid #FFFFFF;
    padding: 7px;
}

.Cart_Txt p, .success_message p {
    margin-bottom: 10px;
}

.success_message a:link, .success_message a:visited {
    color: #e50100;
}

.success_message a:hover {
    text-decoration: underline;
}

.zhifu {
    text-align: center;
    padding: 20px 0;
}

.btn_zhifu {
    width: 90%;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    background: #1443ad;
    border-radius: 5px;
    color: #ffffff;
}

.yibtn_zhifu {
    width: 124px;
    height: 35px;
    background: url(/images/mobi/cn/simplicity/images/AllImage.jpg) no-repeat 0 -252px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.Settlement_all {
    padding: 0 5px;
    overflow: hidden;
    width: 97%;
    margin: 10px 0;
    font-size: 14px;
    color: #666666;
}

.Settlement_all li {
    padding: 5px 0;
}

.Settlement_Title {
    width: 100%;
    overflow: hidden; /*background:url(/images/mobi/cn/simplicity/images/jt_down.jpg) no-repeat right top;*/
    padding: 0 0 5px;
}

.Settlement_Title p {
    padding: 3px 0;
}

.Settlement_Title1 {
    border-bottom: 1px solid #d3d3d3;
    color: #333;
    font-weight: bold; /* background:url(/images/mobi/cn/simplicity/images/jt_up.jpg) no-repeat right top;*/
}

.Settlement_Cont {
    width: 100%;
    overflow: hidden; /*display:none;*/
}

.Settlement_Cont .MarginTop5 {
    padding: 0 20px;
}

.Settlement_bgLine { /*border-bottom:1px solid #d3d3d3;*/
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
}

.Settlement_bgMessage {
    font-size: 14px;
    color: #666666;
    background-color: #f4f4f4;
    border-top: 1px solid #fff;
    padding: 7px;
}

.Settlement_bgMessage p {
    padding: 5px 20px;
}

.Settlement_addInforTextBox {
    width: 195px;
    height: 22px;
    background: url(/images/mobi/cn/simplicity/images/member_TextBoxbg.jpg) repeat-x;
    color: #666666;
    font-size: 14px;
    border: 1px solid #cccccc;
    padding-left: 5px;
}

.Settlement_hang {
    width: 100%;
    padding: 5px 20px;
}

.Settlement_hang input[type="radio"], .Settlement_Cont input[type="radio"], .Settlement_bgMessage input[type="checkbox"], #cbInvoice {
    width: 24px;
    height: 24px;
}

.Settlement_bgMessage input[type="text"] {
    height: 35px;
    font-size: 16px;
}

/*#cbInvoice{ margin-left:30px;}*/
.Settlement_addBtn {
    padding: 10px 0;
    text-align: center;
}

.Btn_Save {
    width: 124px;
    height: 35px;
    background: url(/images/mobi/cn/simplicity/images/AllImage.jpg) no-repeat 0 -352px;
    display: inline-block;
}

.Postscript_TextBox {
    width: 300px;
    height: 130px;
    border: 1px solid #e9e9e9;
    margin-top: 5px;
}

.Inventory_Text {
    font-size: 14px;
    color: #e50100;
    padding: 0 5px;
}

.Inventory_width {
    width: 70%;
}

.Inventory_Total {
    color: #666666;
    font-size: 14px;
    padding: 10px;
    margin: 15px 0;
    overflow: hidden;
    border-top: 1px solid #e9e9e9;
}

.Inventory_Total span {
    color: #e50100;
}

.Check_Text {
    font-size: 14px;
    color: #666666;
    padding: 0 10px;
}

.Check_Text span {
    color: #e50100;
}

.btn_Submit {
    width: 124px;
    height: 35px;
    background: url(/images/mobi/cn/simplicity/images/AllImage.jpg) no-repeat 0 -302px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.cartbtn {
    display: block;
}

.cartbtn a, .zhifu input {
    width: 98%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    display: block;
    background: #1443ad;
    color: #FFFFFF;
    font-size: 12px;
    font-size: 1em;
    text-decoration: none !important;
    font-family: Helvetica, Arial, sans serif;
    padding: 0px 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0px 0px 2px #fff;
    -o-box-shadow: inset 0px 0px 2px #fff;
    -webkit-box-shadow: inset 0px 0px 2px #fff;
    -moz-box-shadow: inset 0px 0px 2px #fff;
}

/* -------------------- Redeem products --------------------  */
.Redeem_list {
    width: 320px;
    margin: 0 auto;
    padding-top: 10px;
}

.Redeem_list li {
    width: 95px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    background-color: #1443ad;
    margin: 5px;
    color: #FFF;
}

.Redeem_list li a, .Redeem_list li a:link, .Redeem_list li a:visited {
    color: #FFF;
}

.Redeem_list .Redeem_listSelect {
    background-color: #1443ad;
}

.RedeemListPr {
    width: 100%;
    clear: both;
}

.RedeemListPr li {
    float: left;
    padding: 10px 6px;
    text-align: center;
    width: 50%;
}

.RedeemListPr li p {
    font-size: 12px;
    width: 100%;
    padding: 2px 0;
    background-color: #FFF;
    text-align: center;
}

.RedeemListPr li .ellipsis a {
    color: #666;
}

.RedeemListPr img {
    border: 1px solid #e1e1e1;
}

.RedeemBtn {
    width: 145px;
    height: 30px;
    background-position: 0 -263px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

/* -------------------- RedeemPrBig --------------------  */
.RedeemPrBig {
    padding: 10px;
}

.RedeemTxt {
    font-size: 14px;
    color: #525252;
}

.RedeemTxt a, .RedeemTxt a:link, .RedeemTxt a:visited {
    color: #FFF;
}

.RedeemBtn .CollectBtn {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    font-family: "Microsoft YaHei";
    margin: 5px 0;
}

#btnOrderComment {
    margin-top: 34px;
}

.MarginTop10 {
    margin-left: 5px;
}

.pr_show {
    text-align: center;
}

.pr_show_txt {
    width: 85%;
    margin: 10px auto;
    color: #666;
}

.pr_show_txt p {
    margin-bottom: 10px;
    text-align: center;
}

.pr_show_txt p:first-child {
    color: #333;
}

.redeemPr_kuang {
    color: #666;
    margin-bottom: 20px;
}

.pr_show_kuang {
    width: 80%;
    margin: 0 auto;
}

.pr_show_kuang:after {
    content: "";
    display: block;
    clear: both;
}

.pr_show_kuang .widthMAX {
    width: 20%;
    float: left;
}

.pr_show_kuang .widthMAX img {
    display: block;
    margin: 0 auto;
}

.pr_show_aboutTxt {
    width: 80%;
    float: left;
}

.cd-navigationborder-div {
    color: #ffffff;
    position: absolute;
    margin-top: -43px;
    font-family: 'microsoft yahei';
    font-size: 12px;
}

/* ----------- xnavigation ------------ */
.cd-nav-container {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ffffff; /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
    -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
    transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}

.cd-nav-container.goods-nav-container {
    width: 100%;
    height: 74%;
    top: 26%;
    -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
    -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
    transition: transform 0.4s 0s, box-shadow 0s 0s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.cd-nav-container.goods-nav-container.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-nav-container.is-visible {
    z-index: 220;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
    box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
    -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
    transition: transform 0.4s 0s, box-shadow 0s 0s;
}

.BuyBoxHead {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #f2f2f2;
}

.BuyBoxClose {
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.BuyBoxClose a img {
    width: 12px;
    margin: 0;
}

.BuyBoxTitle {
    margin: 0 40px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/* --------------xshadow layer ---------------- */
.cd-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.35);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
    transition: opacity 0.4s 0s, visibility 0s 0s;
}

/*优惠券*/

.coupon-li-img {
    width: 100%;
}

#btnCancelCoupon, #btnCoupon, #a-input-coupon {
    border: none;
    cursor: pointer;
    margin: 3.793% 0 0 0;
    width: 48.8%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    background: #e50100;
}

#btnCancelCoupon {
    background: #1443ad;
}

#txtCoupon, #useVoucher {
    width: 100%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #dfdede;
    border-radius: 2px;
    padding-left: 5px;
    font-size: 16px;
    margin: 3.793% 0 5px;
}

/*- 2015-9-21 ywx add -*/
/*红包相关页面*/
.PayTip {
    width: 100%;
    height: 50px;
    padding: 0 2.34375%;
    line-height: 50px;
    font-size: 18px;
    color: #3fb838;
}

.PayTip img {
    width: 25px;
    vertical-align: sub;
    margin-right: 5px;
}

.PayPro {
    width: 100%;
    height: 90px;
    padding: 10px 2.34375%;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.PayPro > .floatl {
    width: 70px;
    height: 70px;
    border: 1px solid #f3f3f3;
}

.PayPro > .floatl img {
    width: 100%;
}

.PayProR {
    margin-left: 80px;
    height: 70px;
}

.PayProName {
    width: 100%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
}

.PayProName a {
    color: #333;
}

.PayProInfo {
    width: 100%;
    height: 20px;
    line-height: 20px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
}

.PayProInfo > div {
    width: auto;
    height: 20px;
    text-align: left;
    font-size: 12px;
    color: #999;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}

.PayBonus {
    width: 315px;
    height: 120px;
    margin: 20px auto 0;
    overflow: hidden;
    border-radius: 60px;
    background: #ffdd40 url(../images/BonusBoxBg.png) center left no-repeat;
    background-size: 154px 120px;
}

.PayBonus a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 60px;
}

.GoonPay {
    width: 95.3125%;
    height: 40px;
    margin: 20px auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #1443ad;
    border-radius: 20px;
}

.GoonPay a.crowdfund_continueShop {
    color: #fff;
    display: block;
    border-radius: 20px;
}

.PayBonusL {
    width: 88px;
    height: 120px;
    margin-left: 20px;
    float: left;
    padding-top: 20px;
    text-align: center;
    background: url(../images/Bonus1.png) center bottom no-repeat;
    background-size: 80px 91px;
}

.PayBonusLNum {
    margin: 55px 0 5px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fcef6e;
}

.PayBonusLShare {
    color: #fcef6e;
}

.PayBonusR {
    width: auto;
    height: 120px;
    padding: 10px 20px 10px 0;
    margin-left: 110px;
}

.PayBonusGet, .PayBonusShare {
    width: 100%;
    color: #ee3615;
    font-size: 14px;
    font-weight: bold;
}

.PayBonusTip {
    width: 100%;
    height: 55px;
    color: #281613;
    margin: 5px 0;
}

.PayBonusTip .floatl {
    width: 60px;
    height: 20px;
}

.PayBonusTip .PayBonusTipr {
    margin-left: 60px;
    line-height: 14px;
}

.BonusListNav {
    width: 96.875%;
    height: 40px;
    margin: 10px auto 0;
    border: 1px solid #1443ad;
    border-radius: 5px;
}

.BonusListNav a {
    display: inline-block;
    width: 50%;
    height: 38px;
    float: left;
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
}

.BonusListNav a.cur {
    color: #fff;
    background: #1443ad;
}

.BonusList {
    width: 100%;
    margin: 10px auto;
}

.BonusList li {
    width: 100%;
    min-height: 80px;
    padding: 10px 1.5625%;
    border-bottom: 1px solid #ccc;
}

.BonusList li .BonusListl {
    width: auto;
    margin-right: 125px;
    overflow: hidden;
    min-height: 60px;
}

.BonusList li .BonusListl p {
    width: 100%;
    color: #999;
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 5px;
}

.BonusList li .BonusListl p.BonusName {
    color: #333;
    font-size: 14px;
    margin-bottom: 8px;
}

.BonusList li .BonusListl p.BonusName span {
    color: #1443ad;
}

.BonusList li .BonusListl p span {
    color: #333;
}

.BonusList li .floatr {
    width: 120px;
    overflow: hidden;
    text-align: right;
}

.BonusList li .floatr p {
    margin-bottom: 5px;
}

.BonusList li.BonusHas .BonusListl {
    padding-left: 54px;
    background: url(../images/BonusList.png) top left no-repeat;
    background-size: 50px 56px;
}

.BonusList li.BonusNo .BonusListl {
    padding-left: 54px;
    background: url(../images/BonusListNo.png) top left no-repeat;
    background-size: 50px 56px;
}

.BonusShare a {
    display: block;
    width: 55px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: right;
    background: #1443ad;
    border-radius: 4px;
    color: #fff;
    margin-left: 5px;
}

.BonusShare a img {
    width: 12px;
    vertical-align: middle;
    margin-right: 4px;
}

.BonusFor {
    color: #999;
}

.BonusFor span {
    color: #333;
}

.BonusTime {
    color: #3fb838;
}

.BonusList li.BonusNo p.BonusTime {
    color: #ff9900;
}

.BonusList li.BonusNo p.BonusPr span {
    color: #333;
}

/*-2015-10-17 改-*/
.BonusBody {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
}

.OpBonusBox {
    width: 100%;
    position: relative;
}

.OpBg {
    width: 100%;
}

.OpBg img {
    width: 100%;
}

.OpBonusBgBox {
    width: 300px;
    height: 219px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -150px;
    background: url(../images/BonusBg1.png) center no-repeat;
    background-size: 300px 219px;
}

.OpBonusNum {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -28px;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
    color: #e50100;
}

.OpBonusNum span {
    font-size: 28px;
}

.OpBonusTip1 {
    width: 100%;
    margin-top: 120px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fceb54;
}

.OpBonusTip2 {
    font-size: 14px;
    text-align: center;
    color: #fceb54;
    margin-top: 5px;
}

.OpBonusRule {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: 95px;
    text-align: center;
}

.OpBonusRule a {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 60px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    background: #e50100;
    border-radius: 5px;
}

.OpBonusRule a img {
    width: 15px;
    vertical-align: middle;
    margin-right: 5px;
}

.OpBonusRule a:hover {
    color: #e50100;
}

.OpBonusMoneyNum {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.OpBonusMoneyNum span {
    font-size: 20px;
}

.OpBonusOpenL {
    width: 100%;
    margin: -20px 0 20px 0;
}

.OpBonusOpenLH {
    width: 100%;
    position: relative;
}

.OpBonusOpenLHCon {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(../images/BLine.png) center no-repeat;
    background-size: 100% 1px;
    text-align: center;
    font-size: 14px;
    color: #fceb54;
    position: absolute;
    bottom: 0;
}

.OpBonusOpenL ul {
    width: 100%;
    background: #e50100;
}

.OpBonusOpenL ul li {
    width: 100%;
    height: 80px;
    padding: 15px 3.125%;
    border-bottom: 1px solid #e50100;
}

.OpBonusOpenL ul li .floatr {
    color: #fff;
    width: 80px;
    height: 50px;
    padding: 8px 0;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
}

.OpBonusGetFace {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.OpBonusGetFace img {
    width: 100%;
    border-radius: 50%;
}

.OpBonusGetInfo {
    height: 50px;
    margin-left: 10px;
}

.OpBonusGetInfo p {
    font-size: 14px;
    color: #fff;
    margin: 8px 0;
}

.OpBonusGetInfo p span {
    color: #fceb54;
}

.PaySucTip {
    width: 96.875%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #0fa930;
    margin: 20px auto 0;
}

.PaySucTip img {
    vertical-align: middle;
    width: 20px;
    margin-right: 4px;
}

.PaySucGomall {
    width: 96.875%;
    height: 30px;
    text-align: center;
    margin: 20px auto 0;
}

.PaySucGomall a {
    display: inline-block;
    width: 120px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.PaySucGomall a:last-child {
    margin-left: 20px;
}

.PaySucBonus {
    margin: 20px auto;
}

/*-2015-10-17 改-*/

/*- 20151204 dx add -*/
footer ul li a img.f_crowdfund {
    display: block;
    width: 43px;
    margin: 9px auto;
}

/* 二维码海报 */
.Big_Weixin_QR_LIMIT_SCENE_img {
    width: 180px;
}

.commissionQrBtn {
    margin-top: 5px;
}

/* ------------------- dx add ---------------------- */
#weixinCareLinkDiv {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999;
    width: 100%;
    height: 50px;
    background-image: url(../images/weixinCareWelcomeBg.png);
    /*background-color:Black;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5;*/
    /*- background:rgba(100,100,100,0.5); -*/
    /*- background:#000 9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/
    /*- filter:Alpha(opacity=60);/*只对ie7,ie8有效*/
}

#weixinCareLinkDiv p, #weixinCareLinkDiv div, #weixinCareLinkDiv img, #weixinCareLinkDiv a {
    /*position:relative;  */
    /*或者是absolute，都可以使文字不透明，这样做还是为了
    兼容ie9,ie8,ie7下背景透明而而背景上的文字不透明的效果*/
}

/*#weixinCareLinkDiv .weixinCareMid{position:relative;}*/
#weixinCareLinkDiv .welcomelink {
    display: block;
    padding: 5px;
    background-color: Green;
    color: #ffffff;
    width: 100px;
    height: 34px;
    background: #6babe7;
    position: absolute;
    right: 50px;
    top: 8px;
    font-size: 16px;
    text-align: center;
    padding-top: 8px;
}

#weixinCareLinkDiv .closeBtn {
    display: block;
    padding: 3px;
    font-weight: bold;
    font-size: 16px;
    background-image: url(../images/weixinCareClose.png);
    background-position: center center;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 10px;
}

#weixinCareLinkDiv .logoCon {
    position: absolute;
    left: 0px;
    top: 0px;
}

#weixinCareLinkDiv .userShowName {
    line-height: 23px;
    color: White;
    padding-top: 3px;
    max-width: 300px;
    padding-left: 3px;
}

#weixinCareLinkDiv .logo, #weixinCareLinkDiv .userShowName {
    float: left;
}

#weixinCareLinkDiv .logo {
    max-height: 50px;
}

@media only screen and (min-width: 768px) {
    #weixinCareLinkDiv {
        height: 80px;
    }

    #weixinCareLinkDiv .welcomelink {
        right: 50px;
        top: 15px;
        height: 50px;
        font-size: 20px;
    }

    #weixinCareLinkDiv .closeBtn {
        right: 15px;
        top: 25px;
    }

    #weixinCareLinkDiv .logoCon {
        position: absolute;
        left: 0px;
        top: 15px;
    }

    #weixinCareLinkDiv .userShowName {
        max-width: 600px;
    }

    #weixinCareLinkDiv .logo {
        max-height: 80px;
    }
}

/*- 20151221 dx add -*/
/* set accouont */
#cd-lateral-nav .leftAccountLink {
    padding-top: 10px;
    text-align: right;
}

/*#cd-lateral-nav .leftAccountLink a{color:Red;}*/
#cd-lateral-nav .leftAccountLink a {
    border: 2px solid #ffffff;
    height: 33px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #666666;
    padding: 0px 9px 0px 9px;
    font-size: 12px;
    margin-top: 10px;
}

/*合力拆红包*/
.MenList ul li.MenListIco23 {
    background: url(../images/wdhb.png) center left no-repeat;
    background-size: 25px 25px;
}

/*首页——预售推荐模块*/
.InPreRecomArae {
    width: 100%;
    margin-bottom: 10px;
}

.InPreRecomH {
    width: 94.0625%;
    height: 20px;
    margin: 0 auto;
}

.InPreRecomH .floatL {
    height: 20px;
    border-left: 3px solid #ed6d00;
    text-indent: 5px;
    line-height: 20px;
    font-size: 20px;
    color: #ed6d00;
}

.InPreRecom {
    width: 94.0625%;
    margin: 0 auto;
}

.InPreRecom ul {
    width: 100%;
}

.InPreRecom ul li {
    width: 100%;
    height: 140px;
    border: 1px solid #dfdede;
    background: #fff;
    margin-top: 10px;
    overflow: hidden;
}

.InPreRecomImg {
    width: 139px;
    height: 138px;
    border-right: 1px solid #dfdede;
    overflow: hidden;
    position: relative;
}

.InPreRecomImg img {
    width: 100%;
    vertical-align: middle;
}

.PreSaleNum {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: rgba(51, 51, 51, 0.8);
    color: #fff;
}

.PreSaleNum span {
    color: #f60;
}

.InPreRecomInfo {
    width: auto;
    margin-left: 139px;
    height: 138px;
    padding: 5px 2px;
    position: relative;
}

.InPreRecomName {
    width: 100%;
    padding: 0 2px;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    overflow: hidden;
}

.InPreRecomPre {
    width: 100%;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
}

.InPreRecomPre dl {
    width: 100%;
    height: 40px;
    border: 1px solid #ededed;
    background: #f5f5f5;
}

.InPreRecomPre dl dd {
    width: 33.3333%;
    height: 38px;
    padding: 5px 0;
    float: left;
    border-right: 1px solid #ededed;
    text-align: center;
    font-size: 9px;
}

.InPreRecomPre dl dd:nth-child(3) {
    border-right: 0;
}

.InPreRecomPre dl dd p {
    color: #999;
}

.InPreRecomPre dl dd p del {
    color: #000;
}

.InPreRecomPre dl dd span {
    color: #999;
    text-decoration: line-through;
}

.InPreRecomPre dl dd.cur {
    border-bottom: 2px solid #e50100;
    background: #e50100;
}

.InPreRecomPre dl dd.cur span {
    color: #e50100;
    text-decoration: none;
}

.InPreRecomPr {
    width: 100%;
    padding: 0 2px;
    margin-top: 10px;
    overflow: hidden;
}

.InPreRecomPr span {
    font-size: 14px;
    color: #e50100;
}

.InPreRecomPr del {
    color: #999;
    font-size: 10px;
    text-decoration: line-through;
    margin-left: 4px;
}

.InPreRecomPr .floatl {
    height: 12px;
    color: #e50100;
    font-size: 10px;
}

.InPreRecomPr .floatr {
    height: 12px;
    font-size: 10px;
}

.InPreRecomTime {
    width: 100%;
    padding: 0 2px;
    margin-top: 10px;
    height: 12px;
    font-size: 10px;
    color: #666;
    line-height: 12px;
}

.InPreRecomTime img {
    width: 12px;
    margin-right: 2px;
}

.InPreRecomTime span {
    color: #f0cb01;
}

.InPreRecomBuy {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.InPreRecomBuy a {
    display: block;
    width: 98%;
    margin: 0 auto;
    height: 25px;
    background: #e50100;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.wxPayMoney {
    width: 100%;
    padding: 0;
    background: #fff;
    font-size: 16px;
    color: #666;
    line-height: 159%;
    margin: 10px auto 0;
}

.wxPayMoney span {
    color: #1443ad;
}

.wxPayCodeBox {
    width: 100%;
    padding: 15px 0;
    background: #fff;
    margin: 10px auto 0;
}

.wxPayCode {
    width: 300px;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px #f2f2f2;
    -moz-box-shadow: 0px 0px 15px #f2f2f2;
    box-shadow: 0px 0px 15px #f2f2f2;
}

.wxPayCodeH {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border-bottom: 2px solid #eee;
}

.wxPayCodePic {
    width: 100%;
}

.wxPayCodePic p {
    color: #666;
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
}

.wxPayCodePic p a {
    color: #666;
}

.wxPayCodePic p img {
    width: 200px;
}

.wxPaySub {
    width: 100%;
    padding: 5px 0;
    background: #fff;
    margin: 10px auto 0;
}

.wxPaySub > div a {
    display: block;
    width: 100%;
    padding: 7px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
=: 4 px
}

.wxPaySub > div a.wxPaySubmit {
    margin-right: 20px;
    color: #fff;
    background: #1443ad;
}

.wxPaySub > div a.wxPayBtBack {
    color: #666;
    border: 1px solid #666;
}

.wxPayTip {
    width: 100%;
    margin: 10px auto 0;
    padding: 10px 0;
    font-size: 14px;
    background: #fff;
}

.wxPayTip .tip-title {
    font-size: 12px;
    color: #ADACAC;
}

.wxPayTip .floatl {
    width: 75px;
    height: 20px;
    line-height: 20px;
    color: #666;
}

.wxPayTipR {
    /* margin-left: 75px; */
    /* width: auto; */
    margin-top: 10px;
    min-height: 20px;
    color: #CCC7C7;
    line-height: 23px;
    font-size: 12px;
    display: block;
}

/*- 20160128 dx add -*/
.Crowdsul > li .FloatLeft > div.cfListBuyUnit {
    position: absolute;
    top: 0px;
    width: auto;
    right: 0px;
    left: auto;
    background-color: #1443ad;
    padding: 2px 3px;
}

/*- 20160128 dx add -*/
.buyMinUnitNote {
    color: #1443ad;
}

.main-color {
    color: #1443ad;
}

.biggest-text {
    font-size: 2.66rem;
}

.bigger-text {
    font-size: 1.12rem;
}

.big-text {
    font-size: 1rem;
}

.normal-text {
    font-size: 0.8rem;
}

.gray-999, .gray-999:link, .gray-999:visited {
    color: #999;
}

.gray-666, .gray-666:link, .gray-666:visited {
    color: #666;
}

.gray-333, .gray-333:link, .gray-333:visited {
    color: #333;
}

.red, .red:visited, .red:link {
    background: #e50100;
    color: #fff;
}

.btn-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.btn-radio:checked {
    border: none;
    background: #009def url("../images/icon-checked-2.png") center center no-repeat;
    background-size: 15px 15px;
}

.btn-select {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.btn-select .icon-arrow-down {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    border: 1px solid #dadada;
    background: #fafafa url("../images/krDownBt.png") center center no-repeat;
    background-size: 20px 11px;
    pointer-events: none;
}

.btn-select .icon-arrow-right-gray {
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
    height: 92%;
    margin: 1% 2% 0 0;
    background: url("../images/icon-arrow-right-gray.png") center center no-repeat;
    background-size: 9px auto;
    pointer-events: none;
}

#Validform_msg {
    display: none;
}

.hide {
    display: none;
}

.icon {
    vertical-align: middle;
}

.icon-warm {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: url("../images/icon-exclamatory.png") center no-repeat;
    background-size: 12px 12px;
}

.icon-double-arrow-up {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url("../images/icon-double-arrow-up.png") center no-repeat;
    background-size: 100% auto;
}

.icon-plus {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/icon-plus.png") center no-repeat;
    background-size: 100% auto;
}

.icon-msg {
    display: block;
    width: 23px;
    height: 16px;
    background: url("../images/icon-msg.png") center no-repeat;
    background-size: 16px auto;
}

.icon-devices {
    display: inline-block;
    width: 139px;
    height: 108px;
    background: url("../images/icon-devices.png") center no-repeat;
    background-size: 100% auto;
}

.icon-wechat {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/icon-wechat.png") center no-repeat;
    background-size: 100% auto;
}

.icon-img {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icon-img.png") center no-repeat;
    background-size: 100% auto;
}

.icon-money {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icon-money.png") center no-repeat;
    background-size: 100% auto;
}

.icon-cash {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icon-cash.png") center no-repeat;
    background-size: 100% auto;
}

.icon-cash-2 {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icon-cash-2.png") center no-repeat;
    background-size: 100% auto;
}

.icon-trash {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/icon-trash.png") center no-repeat;
    background-size: 20px auto;
}

.cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 200;
}

.goTop {
    width: 45px;
    height: 45px;
    background: #fff url(../images/goTop.png) center no-repeat;
    background-size: 28px 28px;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 150;
    opacity: .8;
}

.important-color {
    color: #e90000;
}

#Validform_msg {
    position: fixed;
    top: 0;
    left: -100%;
}

.aui_content {
    color: #333;
}

.LimitBuyIco {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    background: url(../images/CFlimitBuy_80_80.png) center no-repeat;
    background-size: 100% 100%;
}

.LimitBuyIco2 {
    position: absolute;
    top: 0;
    right: 10px;
    width: 60px;
    height: 60px;
    background: url(../images/LimitBuyIco2.png) center no-repeat;
    background-size: 60px 60px;
    z-index: 11;
}

.LimitBuyNum {
    display: inline-block;
    margin-left: 10px;
    height: 28px;
    line-height: 28px;
    color: #666;
}

.screen-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.fade-in {
    -webkit-animation: fade-in 0.8s ease;
    -o-animation: fade-in 0.8s ease;
    animation: fade-in 0.8s ease;
    animation-fill-mode: forwards;
}

@keyframes fade-in {
    0% {
        visibility: visible;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 100;
    }
}





body header{
	background: #e31919;
}
.ProH .floatL{
	color: #e31919;
	border-color: #e31919;
}

