.title { width: 100%; height: 2em; color: #fff; font-size: 2em; line-height: 2em; background: #66c5e5; text-align: center;}
.title a { float: left; margin-left: 1em;}

.goodsimg { width: 100%; height: 560px; overflow: hidden; position: relative;}
.goodsimg ul { overflow: hidden;}
.goodsimg ul li { width: 100%; float: left; position: absolute;}
.goodsimg ul li img{ width: 100%; height: 100%;}
.goodsimg .nav-banner { position: absolute; width: 100%; text-align: center; bottom: 2%; left: 0;}
.goodsimg .nav-banner i { display: inline-block; width: 18px; height: 18px; border-radius: 10px; background: #fff; margin: 0 4px;}
.goodsimg .nav-banner .cur { background: #66c5e5;}
.goodstit { background: #fff; padding: 1em;}
.goodstit p { font-size: 1.7em;}
.goodstit font { font-size: 2em; color: #66C5E5; line-height: 2em;}

.words { background: #fff;}
.words h3 { font-size: 2em; line-height: 1.8em; padding: 0 0.6em; font-weight: 100;}
.words .word { border-top: 1px solid #ccc; padding: 1em;}
.words .word .user { overflow: hidden; font-size: 1.7em; line-height: 1.7em; line-height: 1.5em;}
.words .word .user .head { width: 1.5em; height: 1.5em; border-radius: 2em; overflow: hidden; float: left; margin-right:10px ;}
.words .word .user .head img { width: 100%; height: 100%;}
.words .word .content { font-size: 1.6em; margin: 0.6em;}
.words .word .attr-t { font-size: 1.3em; padding: 0 1em; color: #999;}
.words .word .images { overflow: hidden;}
.words .word .images .img { float: left; margin: 5px; width: 192px; height: 192px; line-height: 192px; background: #f0f0f0; text-align: center;}
.words .word .images .img img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle;}
.words .more { text-align: center; font-size: 1.7em; line-height: 2.5em; color: #999; border-top: 1px solid #ccc;}

.but-d { background: #fff; height: 3em; padding: 1em 0; position: fixed; bottom: 8em; text-align: center; width: 640px; left: 50%; margin-left: -320px; border-bottom: 1px solid #ccc;}
.but-d a { display: inline-block; width: 6em; height: 1.5em; line-height:1.5em; font-size: 2em; border-radius: 5px; border: 1px solid #66c5e5; color: #66C5E5; margin: 0 1em;}
.but-d a+a { background: #66C5E5; color: #fff;}

.mark { position: fixed; width: 640px; height: 100%; top: 0; left: 50%; margin-left: -320px; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.mark .cartgod { position: fixed; bottom: 70px; background: #fff; width: 600px; padding: 20px;}
.mark .cartgod .goodsin { overflow: hidden;}
.mark .cartgod .goodsin .goodsimg { float: left; width: 200px; height: 200px; line-height: 200px; text-align: center; background: #f0f0f0;}
.mark .cartgod .goodsin .goodsimg img { max-width: 100%; height: auto; max-height: 100%; width: auto; vertical-align: middle;}
.mark .cartgod .goodsin .tit { width: 300px; float: left; margin-left: 30px;}
.mark .cartgod .goodsin .tit h3 { color: #333333; font-size: 2em; height: 1.2em; margin-top: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 100;}
.mark .cartgod .goodsin .tit font { font-size: 2em; color: #66C5E5;}
.mark .cartgod .goodsin .tit p { margin: 1em 0; font-size: 1.6em;}
.mark .cartgod .goodsin .close { width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 2em; border: 1px solid #666; float: left; font-size: 1.6em; text-align: center;}
.mark .cartgod .goodsattr { overflow: hidden;}
.mark .cartgod .goodsattr label { width: 150px; float: left; text-align: right; font-size: 1.8em;}
.mark .cartgod .goodsattr ul { width: 430px; float: left; overflow: hidden;}
.mark .cartgod .goodsattr ul li { float: left; border: 1px solid #ccc; font-size: 1.8em; margin:0 0 20px 20px; padding: 0 10px;}
.mark .cartgod .goodsattr .mun { border: 1px solid #f0f0f0; float: left; margin-left: 20px;}
.mark .cartgod .goodsattr .mun #mun-a { display: inline-block; width: 2em; height: 2em; line-height: 2em; font-size: 1.8em; background: #ccc; text-align: center; color: #fff;}
.mark .cartgod .goodsattr .mun #mun-r { display: inline-block; width: 2em; height: 2em; line-height: 2em; font-size: 1.8em; background: #ccc; text-align: center; color: #fff;}
.mark .cartgod .goodsattr .mun #mun-inp { width: 2em;}
.mark .cartgod .goodsattr .mun #mun-inp input { border: 0; text-align: center; font-size: 2em; width: 2em; color: #4D4D4D;}
.mark .cartgod .goodsattr ul li.sel { border: 1px solid #66C5E5; color: #66C5E5;}

.mark .but-w { background: #66C5E5; width: 640px; color: #fff; font-size: 2.5em; line-height: 1.8em; position: fixed; bottom: 0; text-align: center;}