* { margin:0px; padding:0px; font-family:"微软雅黑","Microsoft YaHei",Menlo;}
body { width:640px; margin:0px; padding:0px; background-color:#f6f6f6; font-family:"微软雅黑","Microsoft YaHei",Menlo; padding-bottom:102px; }


#banner { width:600px; height:94px; padding-left:20px; padding-top:19px; padding-right:20px; background:url(../images/m/banner.png) no-repeat; top:0px; position:fixed; z-index:1000; }
#banner .left {font-size:34px; color:#4c312f; text-decoration:none; line-height:34px; float:left; cursor:pointer; text-shadow:white 1px 1px 1px;}
#banner .right {font-size:34px; color:#4c312f; text-decoration:none; line-height:34px; float:right; cursor:pointer; text-shadow:white 1px 1px 1px;}
#banner .hotline { left:0px; top:80px; position:absolute; z-index:1000; width: 153px; height: 51px; padding-left: 47px; line-height: 51px; vertical-align: middle; text-decoration: none; background: url(../images/m/hotline.png) no-repeat center center; font-size: 24px; color: #ffffff; text-decoration: none;}

.locationhide {display: none;}
.location {width: 170px; top: 70px; right: 0px; position: absolute; z-index: 999; display: block;}
.location .header { height: 10px; width: 170px; background: url(../images/m/locationtop.png) no-repeat center bottom; }
.location .item { height: 52px; width: 150px; padding-right: 20px;font-size: 34px; color: #ba9157; text-align: right; text-decoration: none; line-height: 52px; vertical-align: middle; background: url(../images/m/locationbg.png) repeat; display: block; }
.location .footer { height: 2px; width: 170px; background: url(../images/m/locationbottom.png) no-repeat center top; }
.location .split { width:170px; height:0px; border:none; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #ffffff; border-collapse:collapse; }

#wrapper { width:640px; height:338px; border:none; border-top:solid 1px #b2b2b2;}
#wrapper img { width:640px; height:338px;  }

/*
#search { height:28px; margin:30px 40px 20px 40px; padding:15px 20px 15px 20px; background-color:#dadada; }
#search {}
#search input {width:470px; height:28px; border:none; border-collapse:collapse; }*/

#search { width:470px; height:58px; margin:30px 40px 20px 40px; padding:0px 20px 0px 70px; background:url(../images/m/iconsearch.png) no-repeat 20px center; background-color:#dadada; border:none; border-collapse:collapse; text-align:center; font-size:28px; color:White; display:block; }

.productlist { padding-left:9px; padding-top:20px; padding-bottom:40px; }
.productlist .image { width:146px; height:146px; margin-right:20px; display:inline-block; position:relative; }
.productlist .image img { width:146px; height:146px; border: none; }
.productlist .mask { top:0px; left:0px; position:absolute; z-index:1; width:146px; height:146px; background:url(../images/m/mask146.png) no-repeat center center; }
.productlist .content { width:265px; padding-right:40px; display:inline-block; vertical-align:top; }
.productlist .content .title { font-size:24px; color:#b58c62; text-decoration: none; padding-top:21px; padding-bottom:15px; }
.productlist .content .desc { font-size:18px; line-height:24px; vertical-align:middle; color:#b58c62; }
.productlist .content .price { font-size:24px; padding-top:12px; line-height:26px; vertical-align:middle; color:#010101; }
.productlist .action { width:140px; height:100px; display:inline-block; vertical-align:top;}
.productlist .action .button { width:140px; height:57px; text-decoration:none; display: inline-block;  border-radius:0px;  text-align: center; line-height: 57px; vertical-align: middle; cursor: pointer; border:none; border-collapse:collapse; margin-top:11px; margin-bottom:14px; background-color:White; font-size:20px; color:#4c312f; vertical-align:middle; cursor:pointer; }
.productlist .action .button:hover, .productlist .action .button:active { width:140px; height:57px; text-decoration:none; display: inline-block;border-radius:0px; text-align: center; line-height: 57px; vertical-align: middle; cursor: pointer; border:none; border-collapse:collapse; margin-top:11px; margin-bottom:14px; background-color:#4c312f; font-size:20px; color:White; vertical-align:middle; cursor:pointer; }
.productsplit { width:600px; height:0px; border:none; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #ffffff; border-collapse:collapse; margin-left:20px; color:#c5c5c5; background-color:#c5c5c5; }

.product {width:560px; margin:0px 40px 0px 40px; padding-top:20px;}
.product .name {font-size:24px; color:#b58c62; padding-top:10px; padding-bottom:10px;}
.product .desc {font-size:16px; color:#ba9157; line-height:24px; vertical-align:middle; padding-top:5px; padding-bottom:5px;}
.product .size { padding:20px 0px 20px 0px; display: block; width:100%; }
.product .size .option { width:85px; height:85px; margin:8px; padding:0px; display: inline-block; border:solid 1px #c5c5c5; font-size:28px; color:#c5c5c5; text-align:center; vertical-align:middle; line-height:90px; cursor:pointer; border-radius:30px; }
/*.product .size .option:hover,*/
.product .size .option_selected { width:85px; height:85px; margin:8px; padding:0px; display: inline-block; border:solid 1px #b58c62; font-size:30px; color:#b58c62; text-align:center; vertical-align:middle; line-height:90px; cursor:pointer; border-radius:30px; }
.product .quantity { padding:10px 0px 10px 0px; text-align:left; height:58px; width: 560px; }
.product .quantity .button { width:58px; height:58px; float:left; cursor: pointer; text-decoration: none; text-align: center; line-height: 58px; vertical-align: middle; display:inline-block; margin:0px; border:none; border-collapse:collapse; background-color:White; font-size:28px;font-weight:bolder; color:#c5c5c5; vertical-align:middle; cursor:pointer; }
.product .quantity .button:hover { width:58px; height:58px; border:none; cursor: pointer; text-decoration: none; text-align: center; line-height: 58px; vertical-align: middle; border-collapse:collapse; background-color:#c5c5c5; font-size:28px; color:White; vertical-align:middle;font-weight:bolder; cursor:pointer; }
.product .quantity .textbox { width:58px; height:58px; float:left; display:inline-block; border:none; border-collapse:collapse; background-color:White; text-align:center; font-size:28px; color:#000000; vertical-align:middle; cursor:pointer; }
.product .price {font-size:24px; color:#010101; margin-top:15px; margin-bottom:40px; width: 560px; }
.product .price .item {font-size:14px; color:#b58c62;}
.product .memo { font-size:14px; color:#979797; margin-top:10px; line-height:24px; vertical-align:middle;}
.product .button {width:560px; height:60px; border:0px; display: inline-block; cursor: pointer; text-decoration: none; text-align: center; line-height: 60px; vertical-align: middle; border-collapse:collapse; background-color:#4c312f; font-size:28px; color:White; text-align:center; vertical-align:middle; margin:15px 0px 15px 0px; }


.categorylist {width:600px; padding:0px 20px 0px 20px;}
.categorylist .category { width:582px; height:34px; padding:25px 9px 27px 9px; cursor:pointer; display:block; }
.categorylist .category span,.categorylist .category a { font-size:34px; color:#4c312f; float:left; line-height:34px; text-decoration:none;}
.categorylist .category_selected { width:582px; height:34px; padding:25px 9px 27px 9px; cursor:pointer; display:block; }
.categorylist .category_selected span,.categorylist .category_selected a { font-size:34px; color:#4c312f; float:left; line-height:34px; text-decoration:none;}
.categorylist .category_selected img {display: block;}
.categorylist .selected { float:right;vertical-align:middle; height:34px; display:none;}
/*.categorylist .category:hover .selected { float:right;vertical-align:middle; height:34px; display:block;}*/
.categorylist .split { width:600px; height:0px; border:none; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #ffffff; border-collapse:collapse; }

.menulist {width:600px; padding:0px 20px 0px 20px;}
.menulist .summary { padding-left:30px; padding-bottom:32px; }
.menulist .account { font-size:28px; height:48px; color:#4c312f; background:url(../images/m/iconaccount.png) no-repeat left top; padding-left:66px; }
.menulist .info { font-size:24px; color:#ba9157; padding-left:66px; padding-top:10px; padding-bottom:9px; }
.menulist .menu { width:582px; height:34px; padding:25px 9px 27px 9px; cursor:pointer; display:block; }
.menulist .menu span { font-size:34px; color:#4c312f; float:left; line-height:34px; text-decoration:none;}
.menulist .menu img { float:right;vertical-align:middle; height:34px;}
.menulist .split { width:600px; height:0px; border:none; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #ffffff; border-collapse:collapse; }

.list {width:600px; padding:126px 20px 48px 20px;}
.list .section {}
.list .section .title { font-size:28px; color:#4c312f; padding:60px 9px 40px 9px;}
.list .section .content { padding:20px 9px 20px 9px;}
.list .section .content p, .list .section .content span { font-size:24px; line-height:44px; vertical-align:middle;}
.list .section .content .split { width:600px; height:0px; border:none; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #ffffff; border-collapse:collapse; }
.list .section .content .golden { color:#ba9157; text-decoration: none; }
.list .section .content .black {color:#010101;}
.list .section .content .brown {color:#4c312f;}
.list .section .content .small {color:#4c312f; font-size:14px; line-height: 24px; vertical-align: middle;}
.list .textbox {width:520px; height:58px; padding-left:20px; padding-right:20px; background-color:White; border:none; border-collapse:collapse; margin:10px 20px 10px 20px; font-size:28px; color:#c5c5c5;}
.list .button { width:560px; height:58px; display: inline-block; text-align: center; line-height: 58px; vertical-align: middle; text-decoration: none; background-color:#4c312f; border:none; border-collapse:collapse; margin:10px 20px 10px 20px; font-size:28px; color:White; text-align:center; cursor:pointer; }
.list .button2 { width:560px; height:58px; display: inline-block; text-align: center; line-height: 58px; vertical-align: middle; text-decoration: none; background-color:#e1e1e1; border:none; border-collapse:collapse; margin:20px 20px 10px 20px; font-size:28px; color:#ba9157; text-align:center; cursor:pointer; }
.list .name { height:48px; padding-bottom:36px; text-align:center; vertical-align:top; font-size:28px; height:48px; color:#4c312f; }
.list .name img{vertical-align:top;}
.list .name span {}
.list .alert { margin:10px 20px 10px 20px; padding:9px 20px 9px 40px; width:500px; font-size:20px; color:#ff8282; background:url(../images/m/iconalert.png) no-repeat left center; }
.list .checkbox { width:38px; height:38px; border:solid 1px #aaaaaa; vertical-align:middle; display:inline-block; cursor:pointer; background-color:#e1e1e1;}
/*.list .checkbox:hover, */
.list .checkboxselected { width:38px; height:38px; border:solid 1px #aaaaaa; vertical-align:middle; display:inline-block; cursor:pointer; background:url(../images/m/iconselected.png) no-repeat center center; background-color:#e1e1e1;}


.cartlist { width:600px;  margin:0px 20px 0px 20px; }
.cartlist .goods {padding-top:20px; padding-bottom:25px; min-height:130px; border-bottom: solid 2px #4c312f; display: inline-block; }
.cartlist .goods .checkbox { margin-top:32px; width:38px; height:38px; border:solid 1px #aaaaaa; vertical-align:middle; display:inline-block; cursor:pointer; background-color:#e1e1e1; float:left;}
.cartlist .goods .checkboxselected {  margin-top:32px; width:38px; height:38px; border:solid 1px #aaaaaa; vertical-align:middle; display:inline-block; cursor:pointer; background:url(../images/m/iconselected.png) no-repeat center center; background-color:#e1e1e1;float:left;}
.cartlist .goods .image { width:104px; height:104px; margin-left:20px; margin-right:20px; display:inline-block; position:relative;  float:left;}
.cartlist .goods .image img { width:104px; height:104px; }
.cartlist .goods .mask { top:0px; left:0px; position:absolute; z-index:1; width:104px; height:104px; background:url(../images/m/mask104.png) no-repeat center center; }
.cartlist .goods .content { width:140px; padding-right:30px; display:inline-block; vertical-align:top; float:left; }
.cartlist .goods .content .title { font-size:24px; color:#b58c62; padding-top:10px; padding-bottom:5px; }
.cartlist .goods .content .desc { font-size:18px; line-height:24px; padding-bottom:5px; vertical-align:middle; color:#4c312f; }
.cartlist .goods .content .price { font-size:24px; padding-top:5px; line-height:26px; vertical-align:middle; color:#010101; }
.cartlist .goods .action { width:246px; height:79px; display:inline-block; vertical-align:middle; padding:0px; padding-top: 21px; float:left; }
.cartlist .goods .action .button4 { width:58px; height:58px; float:left; text-decoration: none; text-align: center; line-height: 58px; vertical-align: middle; display:inline-block; margin:0px; border:none; border-collapse:collapse; background-color:White; font-size:28px;font-weight:bolder; color:#c5c5c5; vertical-align:middle; cursor:pointer; }
.cartlist .goods .action .button4:hover { width:58px; height:58px; border:none; cursor: pointer; text-decoration: none; text-align: center; line-height: 58px; vertical-align: middle; border-collapse:collapse; background-color:#c5c5c5; font-size:28px; color:White; vertical-align:middle;font-weight:bolder; cursor:pointer; }
.cartlist .goods .action .textbox { width:58px; height:58px; float:left; display:inline-block; border:none; border-collapse:collapse; background-color:White; text-align:center; font-size:28px; color:#000000; vertical-align:middle; cursor:pointer; }
.cartlist .goods .action .button3 { width:58px; height:58px; float:left; text-decoration: none; cursor: pointer; text-align: center; line-height: 58px; vertical-align: middle; display:inline-block; margin-left:10px; border:none; border-collapse:collapse; background-color:Transparent; font-size:20px; font-weight:bolder; color:#c5c5c5; vertical-align:middle; cursor:pointer; }
.cartlist .split { width:600px; height:0px; border:none; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #ffffff; border-collapse:collapse; color:#c5c5c5; background-color:#c5c5c5; }
.cartlist .other {padding-top:10px; padding-bottom:20px;}
.cartlist .other .title { font-size:24px; padding-top:20px; padding-bottom:20px; color:#4c312f; }
.cartlist .other table { width:100%;}
.cartlist .other table td {height:58px; padding-top:10px; padding-bottom:10px; text-align:left; vertical-align:middle; font-size:24px; color:#ba9157;}
.cartlist .other table td .textbox { height:58px; border:none; border-collapse:collapse; background-color:White; padding-left:20px; padding-right:20px; width:210px; font-size:28px; color:#cccccc;}
.cartlist .other table td .checkbox { width:38px; height:38px; border:solid 1px #aaaaaa; vertical-align:middle; display:inline-block; cursor:pointer; background-color:#e1e1e1; float:left;}
/*.cartlist .other table td .checkbox:hover,*/
.cartlist .other table td .checkboxselected { width:38px; height:38px; border:solid 1px #aaaaaa; vertical-align:middle; display:inline-block; cursor:pointer; background:url(../images/m/iconselected.png) no-repeat center center; background-color:#e1e1e1;}
.cartlist .other .contact { width:100%;}
.cartlist .other .contact td { text-align:left; vertical-align:top; padding:0px; padding-bottom:24px;}
.cartlist .other .contact .name {font-size:24px; color:#b58c62; line-height:24px; padding-top:0px; padding-bottom:5px; margin:0px;}
.cartlist .other .contact .address {font-size:14px; line-height:24px; vertical-align:middle; color:#010101; margin:0px;}
.cartlist .amount { width: 100%; margin-top: 25px; }
.cartlist .amount .item {width: 50%; text-align: right; font-size: 24px; color: #ba9157; padding: 5px 0px 5px 0px;}
.cartlist .amount .data {width: 50%; text-align: left; font-size: 24px; color: #4c312f; padding: 5px 0px 5px 5px;}
.cartlist .other .product { font-size: 24px; color: #b58c62; line-height: 34px; vertical-align: middle; margin: 0px; padding: 0px;}
.cartlist .other .desc { font-size: 18px; color: #4c312f; line-height: 24px; vertical-align: middle; margin: 0px; padding: 0px; }
.cartlist .other .price { font-size: 24px; color: #010101; line-height: 34px; vertical-align: middle; margin: 0px; padding: 0px; }
.cartlist .other .textbox1 {width: 520px; height: 58px; padding: 0px 20px 0px 20px; border: none; border-collapse: collapse; font-size: 28px; color: #cccccc; background-color: #ffffff;}
.cartlist .button {width:560px; height:60px; border:0px; text-decoration: none; text-align: center; cursor: pointer; line-height: 60px; vertical-align: middle; display: inline-block; border-collapse:collapse; background-color:#4c312f; font-size:28px; color:White; text-align:center; vertical-align:middle; margin:40px 20px 0px 20px; }
.cartlist .button:hover, .cartlist .button:active {width:560px; height:60px; border:0px; text-decoration: none; text-align: center; cursor: pointer; line-height: 60px; vertical-align: middle; display: inline-block; border-collapse:collapse; background-color:#000000; font-size:28px; color:White; text-align:center; vertical-align:middle; margin:40px 20px 0px 20px; }
.cartlist .button2 {width:560px; height:60px; border:0px; text-decoration: none; text-align: center; cursor: pointer; line-height: 60px; vertical-align: middle; display: inline-block; border-collapse:collapse; background-color:#ffffff; font-size:28px; color:#ba9157; text-align:center; vertical-align:middle; margin:30px 20px 0px 20px; }
.cartlist .button2:hover, .cartlist .button2:active {width:560px; height:60px; border:0px; text-decoration: none; text-align: center; cursor: pointer; line-height: 60px; vertical-align: middle; display: inline-block; border-collapse:collapse; background-color:#ffffff; font-size:28px; color:#ba9157; text-align:center; vertical-align:middle; margin:30px 20px 0px 20px; }


#nav { width:640px; height:86px; padding-top:16px; background:url(../images/m/padbg.png) no-repeat center bottom; position:fixed; z-index:1000; bottom:0px; vertical-align:top; }
#nav a { width:120px; height:20px; padding-top:61px; margin:0px auto 0px auto; text-align:center; display:inline-block; font-size:20px; text-decoration:none; }
#nav .home { background:url(../images/m/navhomenormal.png) no-repeat center top; color:#ba9157; }
#nav .home:hover, #nav .homeselected { background:url(../images/m/navhomeactive.png) no-repeat center top; color:#4c312f; }
#nav .redeem { background:url(../images/m/navredeemnormal.png) no-repeat center top; color:#ba9157; }
#nav .redeem:hover, #nav .redeemselected { background:url(../images/m/navredeemactive.png) no-repeat center top; color:#4c312f; }
#nav .cart { background:url(../images/m/navcartnormal.png) no-repeat center top; color:#ba9157; }
#nav .cart:hover, #nav .cartselected { background:url(../images/m/navcartactive.png) no-repeat center top; color:#4c312f; }
#nav .account { background:url(../images/m/navaccountnormal.png) no-repeat center top; color:#ba9157; }
#nav .account:hover, #nav .accountselected { background:url(../images/m/navaccountactive.png) no-repeat center top; color:#4c312f; }
#nav .more { background:url(../images/m/navmorenormal.png) no-repeat center top; color:#ba9157; }
#nav .more:hover, #nav .moreselected { background:url(../images/m/navmoreactive.png) no-repeat center top; color:#4c312f; }

#nav .cartnumber { width:24px; height:24px; display:inline-block; background-color:Red; position:relative; top:-90px; left:320px; font-size:16px; color:White; line-height:24px; vertical-align:middle; border-radius: 12px; text-align:center;}

#deliver {height:53px; padding-top:62px; padding-bottom:117px; padding-left:299px; background:url(../images/m/iconcafe.png) no-repeat center bottom;}
#deliver img {display:inline-block;}
#deliver p {display:inline-block; vertical-align:top; padding-top:0px;}
#deliver p .text1 { font-size:20px; color:#979797; }
#deliver p .text2 { font-size:14px; color:#010101; }

#footer { width:640px; height:65px; background-color:#606060; padding-top:7px; }
#footer .hotline { font-size:18px; color:White; margin-left: 20px; line-height:22px; text-align:left; color: #ffffff; text-decoration: none; }
#footer .copyright { margin-top:0px; font-size:14px; margin-left: 20px; color:#d8d8d8; line-height:18px; text-align:left; text-decoration: none; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dddddd;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #dddddd;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #dddddd;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #dddddd;
}

div.slide {

    height: 338px;
    position: relative;
    width: 640px;
}
div.inactiveslide {
    opacity: 0.4;
}
div.activeslide {
    opacity: 1;
}