.header {
    width: 1200px;
    margin: 35px auto 20px;
    min-width: 1200px;
}

.logo {
    float: left;
    background: url(/html/Img/icon/logo.png) no-repeat center left;
    height: 64px;
}

.logo h1 {
    color: #231815;
    font-size: 21px;
    margin: 12px 62px 0 62px;
}

.logo h2 {
    color: #54a734;
    font-size: 21px;
    margin: 0px 62px 0 62px;
    text-align: center;
}

.ipt {
    float: left;
    margin: 8px 60px 0 0;
}

.ipt input {
    width: 390px;
    border: 1px solid #888;
    border-radius: 3px;
    line-height: 40px;
    height: 40px;
    text-indent: 5px;
    float: left;
}

.ipt a {
    float: left;
    display: block;
    margin-left: -2px;
}

.loginA {
    float: left;
    font-size: 18px;
    margin: 18px 0 0 0;
}

.loginA a {
    font-size: 18px;
    color: #595757;
}

.linkage {
    float: right;
    margin-left: 12px;
}

.linkage a {
    display: inline-block;
    margin: -2px 8px 0 3px;
}

.linkage a img {
    vertical-align: middle;
    display: inline-block;
}
/* 微信二维码 */
.linkWeixin {
    position: relative;
}

.erweima {
    position: absolute;
    right: -3px;
    top: 25px;
    display: none;
    z-index: 12;
}
/* 主体样式--导航菜单样式开始 */
.nav {
    min-width: 1200px;
    width: 100%;
    background-color: #54a734;
    height: 55px;
    max-height: 55px;
}

.nav .navCon {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    height: 55px;
    color: #fff;
    font-size: 18px;
}

.navCon .classify, .navCon ul, .navCon .shoppingCart {
    float: left;
    cursor: pointer;
}

.navCon .classify {
    width: 330px;
    line-height: 55px;
    position: relative;
    background-color: #48922b;
}

.navCon .classify:hover .classifyNone {
    display: block;
}
/* 茶叶分类隐藏盒子 */
.navCon .classifyNone {
    display: none;
    position: absolute;
    top: 54px;
    left: 0px;
    height: 350px;
    width: 330px;
    z-index: 10;
}

.navCon .classifyNone ol li {
    font-size: 18px;
    color: #888;
    border: 1px dashed #9e9e9f;
    width: 328px;
    border-bottom: 0;
    height: 68px;
    line-height: 68px;
    position: relative;
    background-color: #fff;
}

.navCon .classifyNone ol li.oneClassify {
    border-right: 0;
}

.classifyNone li .liNone1, .classifyNone li .liNone2, .classifyNone li .liNone3, .classifyNone li .liNone4 {
    display: none;
    position: absolute;
    top: -1px;
    left: 329px;
    z-index: 11;
    width: 125px;
    background-color: #fff;
    border: 1px dashed #9e9e9f;
    border-left: 0;
    padding-top: 20px;
}

.classifyNone li .liNone1 a, .classifyNone li .liNone2 a, .classifyNone li .liNone3 a, .classifyNone li .liNone4 a {
    text-align: center;
    color: #888;
    margin: 0;
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
}

.classifyNone li .liNone1 a:hover, .classifyNone li .liNone2 a:hover, .classifyNone li .liNone3 a:hover, .classifyNone li .liNone4 a:hover {
    background-color: #54a734;
    color: #fff;
}

.classifyNone li span {
    color: #54a734;
    margin-left: 34px;
}

.classifyNone li .rightIcon {
    float: right;
    margin: 23px 20px 0 0;
}
/* 茶叶分类隐藏盒子结束 */
.navCon .classify p {
    margin: 0;
    display: inline-block;
    text-align: center;
    margin-left: 130px;
}

.classify img {
    display: inline-block;
    margin-left: 60px;
}

.navCon ul {
    overflow: hidden;
}

.navCon ul li {
    float: left;
}

.navCon ul li a {
    font-size: 14px;
    line-height: 55px;
    padding: 0 20px;
    cursor: pointer;
    display: block;
    color: #fff;
}

.navCon ul li a:hover {
    background-color: #48922b;
}

.navCon .shoppingCart {
    font-size: 14px;
    line-height: 55px;
    float: right;
    background: url(/html/Img/icon/shoppingCart.png) no-repeat left center;
    padding-left: 25px;
}

.main {
    margin: 0 auto;
    min-width: 1200px;
    min-height: 400px;
    width: 1200px;
    position: relative;
    background-color: #fff;
}

.banner {
    width: 1200px;
    height: 350px;
    position: relative;
    margin: 0 auto;
}

.bannerCon {
    width: 1200px;
    position: relative;
    overflow: hidden;
    height: 350px;
}

.bannerCon ul {
    width: 1200px;
    height: 9000px;
    position: absolute;
    left: 0;
    top: 0;
}

.bannerCon ul li {
    width: 1200px;
    height: 350px;
    float: left;
}

.banner ol {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.banner ol li {
    width: 25px;
    height: 25px;
    background: #abc;
    float: left;
    margin-left: 15px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
}

.banner ol li.current {
    background: green;
}

.banner span {
    width: 70px;
    height: 70px;
    background: url(/html/Img/icon/arr.png);
    position: absolute;
    top: 130px;
    cursor: pointer;
}
/****************************************模块内容1开始 ********************************/
.sectionFour, .sectionOne {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    padding-bottom: 45px;
}

.sectionFour a, .sectionOne a {
    display: block;
}

.sectionOneTop img {
    margin: 10px auto;
}

.sectionFourTop a, .sectionOneTop a {
    color: #7ead2a;
    text-align: right;
    display: block;
    font-size: 17px;
    margin: -10px 15px 10px 0;
}

#sectionOne li {
    display: inline-block;
    margin-left: 16px;
}

#sectionOne li:first-child {
    margin-left: 20px;
}

#sectionOne li:last-child {
    margin-right: 20px;
}

.sec {
    width: 275px;
    overflow: hidden;
}

.sec a {
    display: block;
}

.sec a p {
    font-size: 14px;
    line-height: 24px;
}

.sec a strong {
    color: #231815;
}
/**************************非会员价和会员价的样式 ********************/
.secPrice {
    background-color: #48922b;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}

.secPrice i {
    display: inline-block;
    line-height: 24px;
}

.secPrice .leftI {
    float: left;
    margin-left: 5px;
}

.secPrice .rightI {
    float: right;
}

.secPrice span {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    line-height: 28px;
    vertical-align: sub;
    margin: 5px 15px 0 10px;
}
/*****************非会员价和会员价的样式结束***************/
/********************发售时间样式开始******************/
.secTime i {
    color: #48922b;
    font-size: 21px;
    display: inline-block;
    vertical-align: sub;
}
/**********************发售时间样式结束******************/
/********************** 模块内容1结束 *******************************************************/
/* 模块内容2开始 */
.sectionTwo {
    border: 1px #595757 solid;
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    box-shadow: 0 0 2px 6px #eeeeef;
    padding: 10px;
}

.sectionTwo .sectionOneTop {
    margin-bottom: 20px;
}

.secPro {
    display: inline-block;
    margin: 10px 0 10px 17px;
    border: 1px ridge #fff;
}

.secPro:hover {
    border: 1px ridge #888;
}

.secPro a {
    display: block;
}
/* 模块内容2结束 */
/* 模块内容3开始 */
.sectionThree {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
}

.sectionThree a {
    display: block;
}

.secThreeProCon {
    box-shadow: 0 0 2px 6px #eeeeef;
    padding: 0 10px 20px;
    border: 1px #e1e1e1 solid;
}

.sectionThreeTop h3 {
    background: url(/html/Img/images/myTopBg3.png) no-repeat center;
    height: 60px;
    line-height: 70px;
    width: 754px;
    margin: 30px auto 0;
    color: #7ead2a;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
}

.sectionThreeTop a {
    color: #7ead2a;
    text-align: right;
    display: block;
    font-size: 17px;
    margin: -10px 15px 10px 0;
}

#sectionThree li {
    display: inline-block;
    margin: 20px 0 0 28px;
}

.secPro3 {
    width: 200px;
    vertical-align: top;
    border: 2px solid #fff;
}

.secPro3:hover {
    border: 2px solid #f5d0d1;
}

.secPro3 a p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 5px;
}

.secThreePrice {
    color: #7ead2a !important;
}

.secThreePrice strong {
    font-size: 18px;
    color: #7ead2a !important;
}
/* 模块内容3结束 */
/* 模块内容4开始 */
.secFourProCon {
    border: 1px solid #595757;
}

.sectionFourTop img {
    margin: 20px auto 0;
}

.secPro4 {
    display: inline-block;
    margin: 18px 0 18px 18px;
    border: 2px solid #fff;
}

.secPro4:hover {
    border: 2px solid #f5d0d1;
}

.secPro4 a p {
    font-size: 14px;
    line-height: 23px;
}

.secPro4 a strong {
    color: #231815;
}
/* 模块内容4结束 */
/********************************************************发售列表页(list.html)样式开始*******************************************/
.listTop {
    width: 100%;
    min-width: 1200px;
    background-color: #f2f2f3;
    position: relative;
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.listTopCon {
    width: 1200px;
    margin: 0 auto;
    min-width: 1200px;
}

.listTop a {
    display: inline-block;
    font-size: 16px;
    color: #48922b;
}

.listTop a:hover {
    color: #c80a19;
}

.listProduct {
    background-color: #f7f7f7;
    width: 100%;
    min-width: 1200px;
}

.listProduct dl {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px dashed #b4b4b5;
}

.listProduct dl dd, .listProduct dl dt {
    float: left;
    line-height: 36px;
    margin-left: 21px;
    font-size: 14px;
}

.listProduct a {
    color: #48922b;
}

.listProduct .selected {
    color: #F00;
}

.listProduct dd:hover a {
    color: red;
}

.listProduct dd input {
    width: 40px;
    text-align: center;
}

.listProduct dd button {
    width: 50px;
    cursor: pointer;
}

.sectionList, .sectionList2 {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    padding-bottom: 40px;
}

.sectionList li, .sectionList2 li {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 20px;
}

.sectionList2 li {
    margin-left: 30px;
}

.sectionList li a, .sectionList2 li a {
    display: block;
}

.sectionList li a p, .sectionList2 li a p {
    font-size: 14px;
    line-height: 24px;
}

.sectionList a strong, .sectionList2 a strong {
    color: #231815;
}

.mt30 {
    margin-top: 30px;
}
/********************************************************发售列表页(list.html)样式结束*******************************************/
/********************************************************发售列表详情页面(list.html)样式开始***********************************/
.datailTop {
    width: 1200px;
    margin: 0 auto;
    min-width: 1200px;
    line-height: 30px;
    height: 30px;
}

.datailLeft {
    background-color: #f2f2f3;
    display: inline-block;
    width: 900px;
}

.datailRight {
    background-color: #f2f2f3;
    display: inline-block;
    margin-left: 16px;
    width: 270px;
    padding-left: 10px;
}

.detailCon {
    margin: 0 auto;
    width: 1200px;
    margin-bottom: 60px;
}

.detailConLeft {
    width: 900px;
    float: left;
}

.detailConLeft p {
    margin: 15px 0;
    font-size: 14px;
}

.detailConRight {
    width: 280px;
    float: right;
}

.detRightList {
    border: 1px solid #e1e1e1;
    padding: 0 5px;
}

.detailConRight dl {
    border-bottom: 1px dashed #b4b4b5;
    padding: 0 10px 10px;
}

.detailConRight dl:last-child {
    border-bottom: 0;
}

.detailConRight dt {
    position: relative;
    margin-left: 10px;
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 5px;
}

.detailConRight dd {
    width: 120px;
    display: inline-block;
    line-height: 22px;
}

.detailConRight dt:after {
    content: '';
    width: 9px;
    height: 7px;
    background: url(/html/Img/icon/rightList.png) no-repeat;
    position: absolute;
    left: -18px;
    top: 6px;
}
/* 右边列表最新公告部分样式开始 */
.affiche {
    background-color: #f2f2f3;
    line-height: 30px;
    padding: 0 10px 0 5px;
    margin-top: 10px;
}

.affiche p {
    float: left;
    color: #231815;
}

.affiche a {
    float: right;
    color: #717071;
}

.afficheCon {
    border: 1px solid #e1e1e1;
    padding: 0 5px;
}

.afficheCon p {
    line-height: 32px;
    padding-left: 10px;
    border-bottom: 1px #b4b4b5 dashed;
}

.afficheCon p:last-child {
    border-bottom: 0;
}
/* 右边列表最新公告部分样式结束 */
/* 推荐酒品部分样式开始 */
.tuijianjiupin {
    border: 1px solid #e1e1e1;
    padding: 10px;
}

.tuijianCon {
    border-bottom: 1px dashed #b4b4b5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.tuijianCon:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.tuijianCon a {
    display: block;
}

.tuijianCon a p {
    line-height: 25px;
}

.tuijianCon a p strong {
    color: #231815;
}

.tuijianCon a p span {
    color: #7ead2a;
}
/* 推荐酒品部分样式结束 */
.pictureDiv {
    padding: 15px 0 20px 15px;
    border: 1px solid #e1e1e1;
}

.pictureLeft {
    float: left;
    width: 350px;
}

.pictureImg {
    width: 350px;
    height: 350px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.pictureImg img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.pictureUl {
    border: 1px solid #ccc;
    height: 70px;
    overflow: hidden;
    border-top: 0;
    padding: 5px 0;
    box-sizing: border-box;
}

.pictureUl li {
    width: 55px;
    height: 55px;
    float: left;
    cursor: pointer;
    margin: 0 0 5px 10px;
    
}
.pictureUl li img{
    border: 1px solid #ccc;
}
.pictureUl li:hover {
    border: 1px solid #F60;
}

.pictureText {
    float: left;
    width: 510px;
    margin-left: 20px;
    margin-top: 10px;
}

.picturePrice {
    background-color: #f2f2f3;
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    text-indent: 10px;
}

.picturePrice span {
    color: #7f703e;
    margin-right: 40px;
    font-size: 16px;
}

.picturePrice strong {
    color: #b36012;
    font-size: 34px;
    vertical-align: sub;
}

.pictureTime {
    color: #48922b;
    font-size: 16px;
}

.pictureTime i {
    width: 500px;
    display: inline-block;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pictureTime span {
    color: #717071;
    margin-left: 5px;
}

.pictureBtn {
    margin-top: 20px;
}

.pictureJJ {
    position: relative;
    display: inline-block;
}

.pictureJJ p {
    display: inline-block;
    height: 32px;
    width: 28px;
    vertical-align: sub;
}

.pictureJJ input {
    width: 41px;
    height: 34px;
    text-align: center;
    vertical-align: super;
}

.pictureJJ a {
    position: absolute;
    left: 45px;
    top: 0;
}

.pictureJJ .jiaBottom {
    top: 18px;
}

.publishBox {
    padding: 10px;
    border: 1px solid #CECECF;
    margin-top: 10px;
}

.publishBox p {
    line-height: 24px;
}

.publishBox .leftTime i {
    color: #48922b;
    font-size: 21px;
    display: inline-block;
    vertical-align: sub;
}

#add2cart {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 50px;
}

#add2cart img {
    height: 39px;
    width: 163px;
}

#buy_now {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 40px;
}

#buy_now img {
    height: 39px;
    width: 163px;
}
/******************************************** 详情下面的内容 ***************************************/
.pictureCon {
    border: 1px solid #e1e1e1;
}

.pictureConText {
    background-color: #f2f2f3;
    padding: 10px;
}

.pictureCon .goodContent {
    padding: 15px;
}

.pictureCon .goodContent img {
    /*margin-top: 8px;
    margin-bottom: 8px;*/
    max-width: 100%;
}

.pictureCon .goodContent p {
    margin: 15px 0;
    font-size: 14px;
}
/********************************************************发售列表详情页面(list.html)样式结束***********************************/
/********************************************************茶叶商城公告列表页面css样式开始***********************************/
.announcementCon {
    line-height: 28px;
    font-size: 16px;
    padding-top: 32px;
}

.announcementCon li {
    padding: 25px 0 24px 20px;
    border-bottom: 1px dashed #b4b4b5;
    color: #595757;
}

.announcementCon li:last-child {
    border-bottom: 0;
}

.announcementCon li p {
    color: #48922b;
    font-size: 18px;
}

.announcementCon li span {
    float: left;
}

.announcementCon li i {
    float: right;
}
/********************************************************茶叶商城公告列表页面css样式结束***********************************/
/********************************************************茶叶商城公告详情页面css样式开始***********************************/
.announceDetTop {
    padding-top: 32px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #b4b4b5;
    line-height: 30px;
}

.announceDetTop h3 {
    text-align: center;
    color: #48922b;
    font-size: 18px;
}

.announceDetTop h4 {
    text-align: center;
    color: #595757;
    font-size: 14px;
}

.announceDetCon {
    padding: 24px 32px 0;
}
/******************茶叶商城公告详情页面css样式结束*******************/

/***************************首页样式 开始*********************************/
.homeIndex .mingming_class {
    height: 360px;
}

.homeIndex .mingming_class li {
    float: left;
    width: 266px;
    border: 1px solid #ccc;
}

.homeIndex .mingming_class p {
    padding: 5px 10px;
}

.homeIndex .mingming_class .title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.homeIndex .mingming_class p b {
    color: #48922b;
}

.homeIndex .mingming_class .btn_box {
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: right;
}

.homeIndex .mingming_class .btn_box button {
    padding: 3px 10px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.homeIndex .mingming_class .btn_box .normal {
    background-color: #46932C;
}

.homeIndex .mingming_class .btn_box .outdate {
    background-color: #666;
}

.homeIndex .mingming_class .btn_box .full {
    background-color: #B68046;
}
/***************************首页样式 结束*********************************/

/***************************************************** 登录注册页面的样式开始 ******************************************************/
.login {
    margin: 100px auto;
    width: 410px;
}

.loginIcode, .loginPassword, .loginUser {
    height: 55px;
    border: 1px solid #d8d8d8;
    margin-bottom: 25px;
}

.loginIcode img, .loginPassword img, .loginUser img {
    float: left;
}

.loginIcode input, .loginPassword input, .loginUser input {
    float: left;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    width: 353px;
    background: 0 0;
    border: 0;
    text-indent: 15px;
    outline: 0;
}

.loginIcode input {
    width: 202px;
    outline: 0;
}

.loginIcode button {
    width: 140px;
    float: left;
    height: 51px;
    padding: 2px;
    border: 0;
    margin: 2px 2px 2px 8px;
    cursor: pointer;
    color: #231815;
    font-size: 14px;
    background-color: #eeeeef;
}

.loginBtn p {
    text-align: right;
    margin-top: 15px;
}

.loginBtn p a {
    font-size: 14px;
    color: #595757;
}

.registerTop {
    width: 900px;
    margin: 30px auto;
    letter-spacing: 2px;
    border-bottom: 1px solid #717071;
    text-indent: 5px;
    line-height: 25px;
}

.registerTop span {
    font-size: 16px;
}

.registerCon {
    margin: 0 auto;
    width: 900px;
}

.registerDuanxin, .registerEmail, .registerName, .registerNum, .registerShouquan, .registerTuxing {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 410px;
    height: 54px;
    line-height: 54px;
    margin-left: 250px;
    padding-left: 12px;
    margin-bottom: 20px;
}

.registerShouquan {
    margin-bottom: 0;
}

.registerDuanxin p, .registerEmail p, .registerName p, .registerNum p, .registerShouquan p, .registerTuxing p {
    width: 20%;
    display: inline-block;
}

.registerDuanxin label, .registerEmail label, .registerName label, .registerNum label, .registerShouquan label, .registerTuxing label {
    display: block;
}

.registerDuanxin input, .registerEmail input, .registerName input, .registerNum input, .registerTuxing input {
    height: 54px;
    line-height: 54px;
    padding-left: 73px;
    border: 0;
    width: 62%;
    outline: 0;
}

.registerNum input {
    width: 62%;
}

.registerDuanxin input, .registerTuxing input {
    width: 30%;
}

.registerDuanxin p, .registerTuxing p {
    float: left;
}

.registerDuanxin input, .registerTuxing input {
    float: left;
}

.registerDuanxin button {
    height: 50px;
    cursor: pointer;
    border: 0;
    float: right;
    margin: 2px;
    width: 30%;
}

.registerShouquan select {
    border: 0;
    height: 54px;
    line-height: 54px;
    margin-left: 65px;
    width: 63%;
    cursor: pointer;
}

.registerMoren {
    width: 423px;
    height: 40px;
    line-height: 40px;
    margin-left: 250px;
    margin-bottom: 20px;
}

.registerMoren input {
    margin-right: 5px;
    vertical-align: middle;
}

.registerBtn {
    width: 423px;
    line-height: 40px;
    margin-left: 252px;
    margin-bottom: 40px;
}

.registerBtn p {
    text-align: center;
    font-size: 14px;
}

.registerBtn p a {
    color: #54a734;
    font-weight: 700;
    margin-left: 5px;
    font-size: 14px;
}

.registeredCon {
    width: 900px;
    margin: 60px auto;
}

.registeredCon img {
    margin: 10px auto;
}

.registeredCon h5 {
    text-align: center;
    font-size: 24px;
    color: #595757;
    line-height: 40px;
}

.registeredCon p {
    text-align: center;
    color: #888;
    font-size: 14px;
}

.registeredInfo {
    width: 450px;
    margin: 40px auto;
}

.registeredInfo img {
    float: left;
}

.registeredInfo .registeredText {
    float: left;
    line-height: 28px;
    margin-top: 15px;
}

.registeredInfo .registeredText p {
    text-align: left;
    font-size: 16px;
    color: #595757;
}

.registeredInfo .registeredText p a {
    color: #54a734;
    font-size: 16px;
    font-weight: 700;
}
/* 登录注册页面的样式结束 */

/****************************************底部footer样式开始********************************************/
.footer {
    background-color: #54a734;
    width: 100%;
    min-width: 1200px;
    height: 460px;
    margin-top: 10px;
}

.footerNav {
    background-color: #48922b;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.footerNav ul {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    line-height: 55px;
    height: 55px;
    text-align: center;
}

.footerNav ul li {
    float: left;
    line-height: 55px;
    height: 55px;
    overflow: hidden;
    text-align: center;
    width: 240px;
}

.footerNav ul li div {
    float: left;
    line-height: 55px;
    height: 55px;
    text-align: center;
    margin-left: 60px;
}

.footerNav ul li p {
    font-size: 21px;
    float: left;
    color: #fff;
    line-height: 55px;
    margin-left: 10px;
}

.footerNav ol {
    overflow: hidden;
    width: 1200px;
    margin: 10px auto;
    line-height: 160px;
    height: 160px;
    text-align: center;
}

.footerNav ol li {
    float: left;
    text-align: center;
    width: 238px;
    height: 160px;
    border-right: 1px #dbdcdc solid;
}

.footerNav ol li p {
    line-height: 32px;
    font-size: 15px;
    color: #fff;
}

.footerNav ol li p a {
    line-height: 32px;
    color: #fff;
    font-size: 15px;
}

.linkFooter {
    text-align: center;
}

.linkFooter a {
    display: inline-block;
}

.linkFooter img {
    display: inline-block;
}
/************************************************ a选中共用的选中样式 *****************************************************/
.colorRed {
    color: red;
}
/**************购物流程页面上面的状态条公用样式 开始**********************/
.main .cart_empty a {
    color: #005ea7;
    font-size: 14px;
}

.main .cart_arrows {
    height: 60px;
}

.main .cart_arrow_selected {
    background-color: #E8E8E8;
}

.main .cart_arrow {
    float: left;
    width: 360px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #8CAC52;
}
/**************购物流程页面上面的状态条公用样式 结束**********************/
/*********************商品详情页面样式 开始**************************/
.goodShow .fomats {
    display: inline-block;
}

.goodShow .fomats li {
    display: inline-block;
    border: 2px solid #888;
    padding: 3px 10px;
    cursor: pointer;
    color: #666;
}

.goodShow .fomats li:hover {
    border: 2px solid #FF0036;
}

.goodShow .fomats .selected {
    border: 2px solid #FF0036;
}
/*********************商品详情页面样式 结束**************************/


/*****************购物车页面样式 开始********************/
.main .goodCart {
    width: 1000px;
    margin-left: 100px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.main .goodCart input {
    vertical-align: middle;
}

.main .goodCart .cartTitle {
    height: 30px;
    line-height: 30px;
    padding: 5px 10px 0 10px;
    border-bottom: 2px solid #e4393c;
    font-weight: 700;
    color: #e4393c;
    font-size: 16px;
}

.main .goodCart table {
    margin-top: 10px;
    padding-left: 10px;
    width: 1000px;
    text-align: left;
}

.main .goodCart thead {
    height: 30px;
    line-height: 30px;
    background-color: #f3f3f3;
}

.main .goodCart th, td {
    padding: 5px 20px;
}

.main .goodCart td .float {
    float: left;
}

.main .goodCart td .pName {
    display: inline-block;
    vertical-align: top;
    height: 60px;
    line-height: 20px;
    padding: 10px 5px 0 5px;
    overflow: hidden;
}

.main .goodCart td .pStock {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 60px;
    line-height: 60px;
    padding: 10px 5px 0 5px;
}

.main .goodCart td .item_quantity {
    width: 30px;
    height: 20px;
    text-align: center;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.main .goodCart td .editBtn {
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border: 1px solid #ccc;
}

.main .goodCart .final {
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
    padding-left: 20px;
    border-top: 2px solid #eee;
    text-align: right;
}

.main .goodCart .final a {
    float: left;
    margin-left: 20px;
}

.main .goodCart .final span {
    font-size: 18px;
    font-weight: 700;
    color: #e4393c;
}

.main .goodCart .btns {
    margin-top: 10px;
    text-align: right;
}

.main .goodCart .btns a {
    display: inline-block;
    padding: 15px 36px;
    background-color: #e64346;
    color: #fff;
}

.main .cart_empty {
    text-align: center;
    padding-top: 120px;
    font-size: 16px;
}
/*****************购物车页面样式 结束********************/
/*************************填写订单页面样式 开始*****************************/
.main .orderEdit {
    padding: 30px;
    padding-bottom: 30px;
    border: 1px solid #e4e4e4;
    margin: 30px 0;
}

.main .orderEdit h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.main .orderEdit dl {
    margin: 10px;
    height: 30px;
    line-height: 30px;
    padding-left: 130px;
}

.main .orderEdit dl dt {
    float: left;
    width: 150px;
    text-align: right;
}

.main .orderEdit dl dd {
    margin-left: 100px;
}

.main .orderEdit dl dd input, select {
    padding: 5px;
}

.main .orderEdit dl dd span {
    color: #888;
}

.main .orderEdit table {
    width: 800px;
    margin-left: 130px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
}

.main .orderEdit th {
    background-color: #ccc;
}

.main .orderEdit .final {
    text-align: right;
    font-size: 16px;
}

.main .orderEdit .final span {
    color: red;
    font-size: 18px;
    font-weight: 700;
}

.main .orderEdit .btns {
    margin-top: 20px;
    text-align: right;
    height: 60px;
}

.main .orderEdit .btns a {
    display: inline-block;
    padding: 8px 25px;
    margin: 10px;
    color: #fff;
}

.main .orderEdit .blue {
    background-color: #1E7BB3;
}

.main .orderEdit .green {
    background-color: #52A152;
}
/*************************填写订单页面样式 结束*****************************/
/*************************选择支付方式页面 开始*****************************/
.main .orderConfirm {
    border: 1px solid #ccc;
    padding: 30px;
    margin-bottom: 30px;
    font-size: 14px;
}

.main .orderConfirm h2 {
    text-align: center;
    color: #888;
    padding-bottom: 20px;
    font-size: 16px;
    border-bottom: 2px solid #eee;
    font-weight: bold;
}

.main .orderConfirm h2 #orderPayTime {
    color: #b91c22;
}

.main .orderConfirm dl {
    margin: 10px;
    height: 30px;
    line-height: 30px;
    padding-left: 130px;
}

.main .orderConfirm dl dt {
    float: left;
    width: 150px;
    text-align: right;
}

.main .orderConfirm dl dd {
    margin-left: 100px;
}

.main .orderConfirm .payments {
    line-height: 50px;
    padding: 30px;
    margin: 30px 60px 30px 60px;
    border-top: 2px solid #eee;
}

.main .orderConfirm .payments ul li {
    display: inline-block;
    margin-left: 50px;
}

.main .orderConfirm .payments ul * {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.main .orderConfirm .payments .cb {
    height: 20px;
}

.main .orderConfirm .payments .payment_img {
    height: 30px;
}

.main .orderConfirm .payments label {
    font-size: 18px;
}

.main .orderConfirm .pay {
    text-align: center;
}

.main .orderConfirm .pay a {
    display: inline-block;
    padding: 10px 30px;
    background-color: #52A152;
    font-size: 18px;
    color: #fff;
}
/*************************选择支付方式页面 结束*****************************/
/****************个人中心公共样式 开始 ****************/
.main .menus {
    float: left;
    width: 100px;
    background-color: #F1F1F1;
    padding: 10px;
}

.main .menus dl {
    line-height: 30px;
}

.main .menus li {
    margin-top: 10px;
}

.main .menus dt {
    font-size: 14px;
    font-weight: bold;
}

.main .menus a:hover {
    color: #b50b18;
    border-bottom: 1px solid #b50b18;
}

.main .menus .selected {
    font-weight: bold;
    color: #b50b18;
    border-bottom: 1px solid #b50b18;
}
/****************个人中心公共样式 结束 ****************/
/******************个人中心首页样式 开始**************************/
.main .userCenter {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main .userCenter .title {
    margin-left: 130px;
    padding: 15px;
    background-color: #F1F1F1;
    font-size: 16px;
    font-weight: bold;
}

.main .userCenter .pageContents {
    line-height: 30px;
    margin-left: 130px;
    margin-top: 10px;
    background-color: #F1F1F1;
    border: 1px solid #f1f1f1;
}

.main .userCenter .pageContents p {
    padding-left: 20px;
}

.main .userCenter .pageContents .t {
    border-bottom: 1px solid #ccc;
}

.main .userCenter .pageContents .t2 {
    font-weight: bold;
    color: #3B8DD1;
}

.main .userCenter .pageContents .red {
    color: #F00;
    font-size: 18px;
}

.main .userCenter .pageContents b {
    font-weight: bold;
    font-size: 14px;
}

.main .userCenter .pageContents .infos {
    padding-left: 80px;
    border-bottom: 1px solid #ccc;
}

.main .userCenter .pageContents .infos span {
    float: left;
    display: block;
    text-align: right;
    width: 150px;
}

.main .userCenter .pageContents dt {
    padding-left: 20px;
}

.main .userCenter .pageContents dd {
    display: inline-block;
    width: 280px;
    padding-left: 50px;
}
/******************个人中心首页样式 结束**************************/
/***************** 个人中心订单列表 开始**************************/
.main .orderList {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main .orderList .title {
    margin-left: 130px;
    padding: 15px;
    background-color: #F1F1F1;
    font-size: 16px;
    font-weight: bold;
}

.header1 {
    height: 40px;
    line-height: 40px;
    margin-left: 130px;
    margin-top: 10px;
    background-color: #f5f5f5;
}

.header1 p {
    float: left;
    text-align: center;
}

.main .orderList .list {
    margin-left: 131px;
    margin-bottom: 20px;
}

.main .orderList .list li {
    margin-top: 30px;
}

.main .orderList .list .border_bottom {
    border-bottom-color: #ccc;
}

.main .orderList .list dl {
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #f5f5f5;
}

.main .orderList dl a:hover {
    color: #b50b18;
}

.main .orderList .list dt {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.main .orderList .list dt .font1 {
    color: red;
    font-weight: bold;
}

.main .orderList .list dt .font2 {
    float: right;
    margin-right: 10px;
}

.main .orderList .list dd {
    height: 100px;
    line-height: 100px;
}

.main .orderList .list dd p {
    float: left;
    width: 85px;
    height: 99px;
    padding: 0px 10px;
    border-left: 1px solid #ccc;
    overflow: hidden;
    text-align: center;
}

.main .orderList .list .img {
    border-left: none;
    width: 120px;
}

.main .orderList .list .img img {
    width: 80px;
    height: 80px;
    margin: 10px 10px;
}

.main .orderList .list .goodName {
    width: 230px;
    line-height: 24px;
}

.main .orderList .list .goodName a {
    display: block;
    height: 72px;
    margin-top: 20px;
    overflow: hidden;
}

.main .orderList .list .price {
    width: 140px;
}

.main .orderList .list .quantity {
    width: 125px;
}

.main .orderList .list .amount {
    width: 155px;
}

.main .orderList .list .payment {
    width: 120px;
}

.main .orderList .list .status {
    width: 90px;
}

.main .orderList .list .btn {
    display: block;
    padding-left: 10px;
    text-align: center;
}

.main .orderList .orderNone {
    margin-left: 130px;
    margin-top: 120px;
    text-align: center;
    font-size: 16px;
}

.main .orderList .orderNone a {
    display: inline-block;
    margin-left: 30px;
    padding: 5px 15px;
}

.main .orderList .orderNone .a1 {
    border: 1px solid #ccc;
}

.main .orderList .orderNone .a1:hover {
    color: red;
    border: 1px solid red;
}

.main .orderList .orderNone .a2 {
    color: #fff;
    background-color: red;
}
/******************个人中心订单列表 结束**************************/
/******************订单状态进度条样式 开始**********************************/
.order-flow {
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 4px;
}

.order-flow-left, .order-flow-arrive, .order-flow-wait, .order-flow-right-arrive, .order-flow-right-wait {
    margin: 0;
    padding: 0;
    background: url(/html/Img/images/icon_order_speed.gif) no-repeat scroll 0 0;
    float: left;
    font-family: Arial;
    line-height: 16px;
    text-align: center;
    width: 140px;
}

.order-flow div span {
    margin: 0;
    padding: 0;
    background: none repeat scroll 0 0 #fff;
    display: block;
}

.order-flow div span p {
    margin: 0;
    padding: 0;
}

.order-flow .name {
    margin: 0;
    padding: 0 0 4px 0;
}

.order-flow-arrive {
    background-position: 0 -40px;
}

.order-flow-wait {
    background-position: 0 -20px;
    color: #878787;
}

.order-flow-right-arrive {
    background-position: 0 -80px;
}

.order-flow-right-wait {
    background-position: 0 -60px;
    color: #878787;
}

.order-flow-input {
    display: block;
    margin: 2px auto;
    padding: 0;
    width: 18px;
    height: 18px;
    text-indent: -999px;
    cursor: inherit;
    overflow: hidden;
}
/******************订单状态样式 结束**********************************/
/******************订单详情 开始********************/
.main .orderShow {
    margin-left: 130px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border: 1px solid #f1f1f1;
}

.main .orderShow .title {
    padding: 15px 15px 15px 25px;
    background-color: #F1F1F1;
    font-size: 16px;
    font-weight: bold;
}

.main .orderShow .progressBar {
    text-align: center;
    margin: 20px;
}

.main .orderShow .order-flow {
    display: inline-block;
    width: 700px;
}

.main .orderShow .statusTxt {
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: Red;
}

.main .orderShow .goToPay {
    margin-left: 30px;
    padding: 10px 30px;
    background-color: #52A152;
    color: #fff;
}

.main .orderShow table {
    width: 800px;
    border: 1px solid #f1f1f1;
}

.main .orderShow table thead tr {
    line-height: 40px;
    background: #f5f5f5;
}

.main .orderShow table tbody td img {
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.main .orderShow table tbody td .txtGoodName {
    display: inline-block;
    vertical-align: middle;
}

.main .orderShow .amountBox {
    line-height: 40px;
    margin-top: 30px;
    margin-right: 120px;
    text-align: right;
}

.main .orderShow .amountBox em {
    color: #F60;
    font-size: 14px;
}

.main .orderShow .amountBox strong {
    color: #F60;
    font-weight: bold;
    font-size: 16px;
}

.main .orderShow dl {
    line-height: 36px;
}

.main .orderShow dt {
    float: left;
    width: 130px;
    text-align: right;
}

.main .orderShow dd {
    margin-left: 150px;
    line-height: 36px;
}

.main .orderShow table td {
    text-align: center;
}
/******************订单详情 结束********************/

/******************支付结果 开始********************/
.main .paymentResult {
    margin: 30px 30px 30px 80px;
    padding: 120px;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #ccc;
}

.main .paymentResult strong {
    font-size: 16px;
}

.main .paymentResult img {
    float: left;
    width: 60px;
    height: 60px;
}

.main .paymentResult a {
    color: #b91c22;
    font-size: 16px;
}

.main .paymentResult .msg {
    margin-left: 80px;
}
/******************支付结果 结束********************/

/*首屏广告 开始*/
.bg-cover-box{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1000;
}
.ad{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 1001;
  display: block;
  text-align: center;
}
.ad-con-img{
    width:410px;
    height:600px;
    display:block;
    margin: 0 auto;
}
.close-btn-ad{
    width: 42px;
    height: 42px;
    /* margin-top: 35px; */
    position: absolute;
    right: -70px;
    top: -42px;
}
/*首屏广告 结束*/
.pc_go_live{
    position: fixed;
    top: 68%;
    right: 12%;
    width: 87px;
    height: 92px;
    cursor:pointer;
}
.pc_go_live_con{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    display: none;
}
.pc_go_live_wrap {
    width: 340px;
    height: 340px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 340px;
}