@charset "utf-8";

/* CSS Document */

/*
   author:xinyan
   date:2018.06
*/


/* reset */
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }

/* common */
body{font:12px/1.5 "Microsoft Yahei",Arial,"宋体",Verdana; color:#333;}
a{color:#333;text-decoration:none;outline: none; blr:expression(this.onFocus=this.blur());-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
a:hover{color:#EF6A0C;text-decoration:none;}
ul li{list-style:none;}
.clear{clear:both;*display:inline;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
img,input,select,button{vertical-align: middle;border:none;}
input,textarea{outline:none;border: 0;background:none;font-family:"Microsoft YaHei";-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} 
input[type="submit"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}


.fl{float:left;}
.fr{float:right;}
.frr{float:right;}

.pos-r{position:relative;}
.pos-a{position:absolute;} 

html{
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

input[type="button"], input[type="submit"], input[type="reset"], textarea{-webkit-appearance: none;border-radius: 0;}


body{background:#f5f5f5;}

.mt50{margin-top:50px!important;}
.mt40{margin-top:40px!important;}
.mt60{margin-top:60px!important;}

.wrap{width:100%;margin:0 auto;max-width:640px;}

header{height:40px;background:#fe7a24;position:fixed;top:0;left:0;right:0;z-index:9999;width:100%;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);margin: auto;max-width:640px;}
header .back{display:block;width:20px;height:20px;top:10px;left:10px;}
header .back img{width:20px;height:20px;}
header .home{display:block;width:20px;height:20px;top:10px;left:40px;}
header .home img{width:20px;height:20px;}
header .logo{color:#fff;display:block;width:200px;height:36px;top:2px;left:50%;margin-left:-100px;overflow:hidden;text-align:center;}
header .logo .index{text-indent:-9999em;}
header .logo .classname{font-size:22px;font-weight: 400;}
header .logo img{width:135px;height:36px;}
header .search{display:block;width:20px;height:20px;top:10px;right:40px;background:url(../images/zoom.png) no-repeat;background-size:20px 20px;}
.searchwrap{width:98%;background:#EF6A0C;height:40px;line-height:40px;top:40px;left:1%;z-index:99999;}
.searchwrap .searchtext{border-left:2px solid #EF6A0C;width:79%;background:#F0F0F0;height:36px;line-height:36px;margin-top:2px;color:#7d7d7d;text-indent:10px;font-size:14px;}
.searchwrap .searchbtn{width:20%;background:#EF6A0C;height:36px;line-height:36px;margin-top:2px;color:#fff;text-align:center;border:0;font-size:14px;}

header .menu{display:block;width:20px;height:20px;top:10px;right:10px;background:url(../images/menu.png) no-repeat;background-size:20px 20px;}


#banner{ width:100%; max-width:640px;margin:0 auto;height:auto; overflow:hidden; clear:both;}
#banner i{ text-indent:8px;font-style:normal;width:100%; height:30px; line-height:30px; text-align: left; font-weight:normal; font-size:15px;bottom:0px; position: absolute; color:#fff;  z-index:9999999; background:rgba(0, 0, 0, 0.2); }

#banner img{ width:100%;height:300px; display:block; margin:0px auto;object-fit:cover;}
#banner .pagination { bottom:5px; position: absolute;right: 0; left:auto;text-align: center; width: 75px;z-index: 20;}
#banner .swiper-pagination-bullet {background: none repeat scroll 0 0 #fff; border-radius:50%;cursor: pointer; display: inline-block; height: 10px; margin: 0 2px; opacity: 0.8;width: 10px;}
#banner .swiper-pagination-bullet-active{background: none repeat scroll #EF6A0C;}

@media only screen and (max-width:560px){#banner img{height:42vh;}}

#flash{ width:100%; max-width:640px;margin:0 auto;height:auto; overflow:hidden; clear:both;}
#flash img{ width:100%;height:640px; display:block; margin:0px auto;object-fit:cover;}
#flash .pagination { bottom: 5px; position: absolute;right:50%; left:auto;margin-right:-44px;text-align: center; width: 88px;z-index: 20;}
#flash .swiper-pagination-bullet {background: none repeat scroll 0 0 #fff; border-radius:50%;cursor: pointer; display: inline-block; height: 12px; margin: 0 2px; opacity: 0.8;width: 12px;}
#flash .swiper-pagination-bullet-active{background: none repeat scroll #EF6A0C;}

@media only screen and (max-width:560px){#flash img{height:56vh;}}


.ico{background:#fff;padding-top:15px;}
.ico li{width:25%;text-align:center;float:left;}
.ico li img{max-width:70%;border-radius: 50%;}
.ico li p{font-size:14px;line-height:24px;}


.countdown {background: rgba(0,0,0,.6);color: #FFF;}
.countdown .box {padding: 8px 10px;height: 30px;}
.countdown .icon {background:url(../images/icon.png) no-repeat center;margin-right: 5px;width: 20px;height: 28px;display: inline-block;vertical-align: top;background-size:20px 20px;}
.countdown .wz {font-size: 14px;height: 28px;line-height: 28px;display: inline-block;vertical-align: top;}
.countdown .btn {height: 26px;line-height: 26px;padding: 0 15px;color: #FFF;float: right;font-size: 14px;border-radius: 20px;border: 1px solid #FFF;}
.countdown .wz strong {font-weight: normal;padding: 0 5px;color: #EF6A0C;}
.countdown .wz .num {color: #EF6A0C;font-style: normal;padding: 0 5px;}

.sonbt{height:4px;border-bottom:1px solid #EF6A0C;text-align:center;margin:20px 10px;}
.sonbt h2{display:inline-block;font-size:18px;margin-top:-7px;font-weight:800;padding:0 15px;background:#f5f5f5;}
.sonbt2{height:10px;}
.sonbt2 h2{border:none!important;display:inline-block!important;font-size:18px!important;margin-top:-24px!important;font-weight:800!important;padding:0 20px!important;background:#fff!important;}
.giftnav .sonbt{margin:20px 0 25px;}
.giftnav .sonbt h2{background:#fff;}
.newslist .sonbt h2{background:#fff;}
.newslist-text .sonbt h2{background:#fff;}



.piclist{}
.piclist li{float:left;background:#fff;width:48%;margin:5px 1%;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);}
.piclist li a.url{display:block;padding:0;}
.piclist li a.url img{width:100%;height:298px;object-fit:cover;}
.piclist li a.url:hover img{opacity:.9;}
.piclist li a.url p{text-indent:0;padding:0px 5px;margin:0;margin-top:8px;font-size:13px;height:20px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.piclist li .info{color: #999;padding:2px 10px 6px;font-size:14px;line-height:24px;height:24px;}
.piclist li .info a{color: #999;}
.piclist li .info a:hover{color: #fe7a24;}
.piclist li .info span.fr{text-indent:18px;}
.piclist li .info .fl .rmb {font-style:normal;font-size:13px;color: #fd3636;margin-right: 3px;font-family: Arial, Helvetica, sans-serif;}
.piclist li .info .fl .m-num {font-style:normal;color: #fd3636;font-size:17px;font-family: Georgia, "Times New Roman", Times, serif;}
.piclist li .info .fr{background:url(../images/heart.png) no-repeat left center;}

@media only screen and (max-width:560px){.piclist li a.url img{width:100%;height:26vh;}}

.piclist2 li a.url{padding:0 0 5px;}
.piclist2 li a.url img{height:205px;}
@media only screen and (max-width:560px){.piclist2 li a.url img{height:18vh;}}

.giftnavmain{width:98%;margin:0 1%;}
.giftnav{background:#fff;border-top:5px solid #f5f5f5;}
.giftnav ul{border:1px solid #ddd;border-top:none;border-left: none;margin-top:5px;}
.giftnav ul li{float:left;width:25%;margin-bottom:-1px;position:relative;}
.giftnav ul li a{border:1px solid #ddd;display:block;text-align:center;line-height:50px;font-size:16px;border-right: left;margin-right: -1px;}
.giftnav ul li a:before	{content: "";position: absolute;height:47px;width:97%;bottom:1px;right:0px;display: none;color: #EF6A0C;}
.giftnav ul li:hover a:before{display: block;color:#EF6A0C;border:2px solid #EF6A0C;}

.bt{width:98%;padding-top:5px;height:32px;line-height:32px;font-size:15px;margin:10px 1% 0;background:#fff;margin-bottom:5px;}
.bt dl{padding:0 5px;}
.bt dd{float:left;text-align:center;width:25%;height:30px;line-height:30px;}
.bt dd a{display:block;line-height:28px;}
.bt .on{border-bottom:2px solid #fe7a24;}


.mtf5{margin-top:-5px!important;}
.mtf3{margin-top:-3px!important;}
.noborder{border-top:none!important;}


.newslist{background:#fff;border-top:5px solid #f5f5f5;padding:0 0 5px;width:98%;margin:0 1%;}
.newslist ul{border-bottom:5px solid #f5f5f5;}
.newslist li {height:100px;padding:0 5px 0 160px;border-top:8px solid #f5f5f5;position:relative;}
.newslist li img{height:100px;width:150px;object-fit:cover;position:absolute;top:0px;left:0px;}
.newslist li a:hover img{opacity:.9;}
.newslist li p.h3{margin-top:8px;font-size:15px;font-weight:400;height:56px;line-height:28px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newslist li p.info{font-size:12px;margin-top:12px;color:#999;}
.newslist li p.info span{display:inline-block;height:20px;line-height:20px;text-indent:18px;}
.newslist li p.info span a{color:#999;}
.newslist li p.info .time{background:url(../images/a2.png) no-repeat left center;background-size:14px 14px;}
.newslist li p.info .read{margin-right:5px;text-indent:22px;background:url(../images/read.png) no-repeat left center;background-size:18px 18px;}


.newslist-text{background:#fff;border-top:5px solid #f5f5f5;padding:0 0 5px;width:98%;margin:0 1%;}
.newslist-text ul{}
.newslist-text li{height:36px;line-height:36px;padding:0 65px 0 10px;border-bottom: 1px solid #eee;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist-text li a{font-size:14px;}
.newslist-text li .time{position:absolute;right:5px;top:8px;display:inline-block;height:20px;line-height:20px;text-indent:18px;background:url(../images/a2.png) no-repeat left center;background-size:14px 14px;}
.newslist .more,.piclist .more,.newslist-text .more{display:block;background:#f6f6f6;width:70%;height:32px;line-height:32px;border-radius:20px;border:1px solid #fe7a24;text-align:center;font-size:15px;margin:10px auto;}
.piclist .more{background:#fff;}




footer{border-top:5px solid #f5f5f5;padding:15px 0;background:#222;color:#f9f9f9;text-align:center;font-size:12px;}
footer .decive a{font-size:14px;margin:0 10px;}
footer a{color:#f9f9f9;}
footer p{line-height:24px;}


.pageurl{ margin-top:5px;text-align:center;font-size:14px;clear: both;}
.pageurl li{display:none;}
.pageurl a{display:inline-block;padding:3px 10px;border:1px solid #ddd;margin:0 1px;background:#fff;border-radius:2px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.pageurl span{display:inline-block;padding:3px 10px;border:1px solid #ddd;margin:0 1px;background:#fff;border-radius:2px;}
.pageurl span.thisclass{background:#EF6A0C;color:#fff;border:1px solid #EF6A0C;}
.pageurl a:hover{background:#EF6A0C;color:#fff;border:1px solid #EF6A0C;}


.slideTxtBox .hd{margin:5px 0;background:#fff;width:98%;margin:0 1%;}
.slideTxtBox .hd li{cursor:pointer;height:32px;line-height:32px;float:left;width:50%;display:block;text-align:center;font-size:15px;background:#fff;}
.slideTxtBox .hd li h2{font-size:15px;font-weight:400;}
.slideTxtBox .hd li.on{border-bottom:2px solid #EF6A0C;color:#EF6A0C;background:#fff;}
.slideTxtBox .tab{padding:1px 0;background:#f5f5f5;}
.slideTxtBox .tab .newslist{padding:0;}

.tits{height:36px;border-bottom:3px solid #F6F6F6;background:#fff;padding-top:5px;}
.tits h2{line-height:33px;height:33px;float:left;padding:0 10px;text-align:center;font-size:16px;border-bottom:3px solid #EF6A0C;color:#EF6A0C;}
.tits h1{line-height:33px;height:33px;float:left;padding:0 10px;text-align:center;font-size:18px;border-bottom:3px solid #EF6A0C;color:#EF6A0C;}


.crumbs{background:url(../images/home.png) no-repeat left center;padding-left:20px;background-size:15px 15px;font-size:12px;line-height: 35px;margin-right:10px;color:#D2D2D2;}
.crumbs a{color:#D2D2D2}

.giftnav strong{margin-bottom:-5px;margin-top:10px;display:block;text-indent:20px;line-height:40px;font-size:16px;color:#000;border:1px solid #ddd;border-bottom:none;width: 100%;box-sizing:border-box;}
.btc1 .sonbt{color:#EF6A0C;border-bottom: 2px solid #EF6A0C;}
.btc2 .sonbt{color:#1582fa;border-bottom: 2px solid #1582fa;}
.btc3 .sonbt{color:#fd4047;border-bottom: 2px solid #fd4047;}
.btc4 .sonbt{color:#c91fff;border-bottom: 2px solid #c91fff;}
.btc5 .sonbt{color:#09A005;border-bottom: 2px solid #09A005;}
.btc6 .sonbt{color:#09A005;border-bottom: 2px solid #006baf;}
.btc6 h2 a{color:#006baf;}

.btc1 strong{color:#EF6A0C;}
.btc2 strong{color:#1582fa;}
.btc3 strong{color:#fd4047;}
.btc4 strong{color:#c91fff;}



.btc1 .giftnav ul li:hover a:before{display: block;color:#EF6A0C;border:2px solid #EF6A0C;}
.btc2 .giftnav ul li:hover a:before{display: block;color:#1582fa;border:2px solid #1582fa;}
.btc3 .giftnav ul li:hover a:before{display: block;color:#fd4047;border:2px solid #fd4047;}
.btc4 .giftnav ul li:hover a:before{display: block;color:#c91fff;border:2px solid #c91fff;}



.btc1 .giftnav ul li a:hover{color:#EF6A0C;}
.btc2 .giftnav ul li a:hover{color:#1582fa;}
.btc3 .giftnav ul li a:hover{color:#fd4047;}
.btc4 .giftnav ul li a:hover{color:#c91fff;}




.goodsinfo{background:#fff;padding:10px;}
.goodsinfo h1{font-size:18px;}
.goodsinfo .pricebox {border-top: 1px solid #f9f9f9;border-bottom: 1px solid #f9f9f9;padding: 10px 0;margin:10px 0;}
.goodsinfo .pricebox .price {margin-left:10px;font-size:22px;font-family: Georgia, "Times New Roman", Times, serif;color: #fb5e5e; letter-spacing:1px;}
.goodsinfo .pricebox .price em {font-size: 18px;font-family: Arial, Helvetica, sans-serif;font-style: normal;}
.goodsinfo .pricebox .time{ margin-top: 6px;display:inline-block;font-size:14px;color: #EAEAEA;float: right;height: 22px;line-height: 22px;}
.goodsinfo .pro_tips {line-height:25px;font-size:14px;color:#888;text-overflow: ellipsis;overflow: hidden;max-height:169px;}
.goodsinfo .pro_tips a{color: #fe7a24;}
.goodsinfo .pro_tipsbt{font-size:16px;font-weight:800;line-height:30px; color:#716868;}

.buy{z-index:999999;height:50px;background:#fff;position:fixed;bottom:0;left:0;right:0;margin: auto;max-width:640px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
.buy .gohome{width:30%;height:100%;text-align:center;}
.buy .gohome a{display:inline-block;line-height:50px;height:50px;font-size:18px;padding:0 15px;}
.buy .gohome a:before{float:left;display:block;margin-top:15px;margin-right:5px;content:"";width:20px;height:20px;background:url(../images/home.png) no-repeat;background-size:20px 20px;}
.buy .goshare{width:30%;height:100%;text-align:center;}
.buy .gobuy{text-align:center;width:40%;height:100%;background:#FF4747;}
.buy .gobuy a{color:#fff;display:inline-block;line-height:50px;height:50px;font-size:18px;}
.buy .gobuy a:before{float:left;display:block;margin-top:15px;margin-right:5px;content:"";width:20px;height:20px;background:url(../images/buy.png) no-repeat;background-size:20px 20px;}
 

.viewtitle{padding:10px 10px 1px;background:#fff;}
.viewtitle h1{font-size: 22px;line-height: 30px;letter-spacing:1px;}
.viewtitle .viewinfo {padding:15px 0 5px;color:#D2D2D2;}
.viewtitle .viewinfo .zuozhe{ margin-left:20px;}
.viewtitle .viewinfo span a{ color:#D2D2D2;}
.viewtitle .viewinfo .time{font-size:12px;display:inline-block;height:20px;line-height:20px;text-indent:18px;background:url(../images/a2.png) no-repeat left center;background-size:14px 14px;}
.viewtitle .viewinfo .author{margin-right:20px;font-size:12px;display:inline-block;height:20px;line-height:20px;text-indent:18px;background:url(../images/a1.png) no-repeat left center;background-size:15px 15px;}
.viewtitle .viewinfo .crumbs{line-height:normal;}

.viewurl{ background:#FFF; padding-bottom:5px;text-align:center;font-size:14px;clear: both;}
.viewurl a{display:inline-block;padding:3px 10px;border:1px solid #111;margin:0 1px;background:#222;color:#f1f1f1;border-radius:2px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.viewurl strong{display:inline-block;padding:3px 10px;font-weight:400;margin:0 1px;border-radius:2px;background:#EF6A0C;color:#fff;border:1px solid #EF6A0C;}
.viewurl a:hover{background:#EF6A0C;color:#fff;border:1px solid #EF6A0C;}

.next{ margin-bottom:10px;font-size:13px;border-top: 1px dashed #ddd;padding-top:8px;}
.next p{line-height:22px;text-indent:5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.content{color:#333;font-family:"Microsoft Yahei";overflow:hidden;margin:0 auto;padding:0 10px 0;font-size:16px;background:#fff;}
.content p {margin:8px 0;line-height:26px;font-size:15px;}
.content h2{line-height:30px;font-size:18px; padding-top:5px;color:#EF6A0C;}
.content h2 a{color:#EF6A0C;}
.content p img{text-indent:0;display:block;margin:10px auto;max-width:100%;height:auto;}
.content p a{color:#fe7a24;}

.content h3{line-height:30px;font-size:17px; padding-top:5px;}
.content h3 a{color:#000;}



/*内容页正文选品库*/
.content li{float:left;background:#fff;width:48%;margin:5px 1%;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2); list-style:none;}
.content li a.url{display:block;padding:0;}
.content li a.url img{width:100%;object-fit:cover;height:298px;}
@media only screen and (max-width:560px){.content li a.url img{height:25.7vh;}}
.content li a.url:hover img{opacity:.9;}
.content li a.url p{text-indent:0;padding:0px 5px;margin:0;margin-top:2px;font-size:13px;height:30px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.content li a.url .tjshop{text-indent:0;padding:0px 5px;margin:0;margin-top:2px;font-size:13px;line-height:24px;height:28px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.content li .info{color: #999;padding:2px 5px 5px;font-size:12px;line-height:24px;height:24px;}
.content li .info a{color: #999;}
.content li .info a:hover{color: #fe7a24;}
.content li .info span.fr{text-indent:18px;}
.content li .info .fl .rmb {font-style:normal;font-size: 14px;color: #fd3636;margin-right: 3px;font-family: Arial, Helvetica, sans-serif;}
.content li .info .fl .m-num {font-style:normal;color: #fd3636;font-size:18px;font-family: Georgia, "Times New Roman", Times, serif;}



/*攻略内容页相关文章*/
.model-a{background:#fff;position: relative; margin:0.5rem;}
.model-a .a-img{width: 45%;position: relative;}
.model-a .a-img::before{content: "";display: block;padding-top:67%;}
.model-a .a-img img{position: absolute;top: 0;left: 0;display: block;width: 100%;z-index: 1;}
.a-img img{display: block;width: 100%;}
.model-a p.h3{font-size:15px;text-overflow: ellipsis;}
.model-a p.info{font-size:0.75rem;margin-top:1.3rem;color:#9C9999;}
.model-a p.info span{display:inline-block;height:1.25rem;line-height:1.25rem;}
.model-a p.info span a{color:#9C9999;}
.model-a p.info .favor{background:url(../images/love.png) no-repeat left center;background-size:0.875rem 0.875rem;padding-left: 1.125rem;}

.model-a .a-info{width:51%;overflow: hidden;position: absolute;right: 0.4rem;top: 50%;transform: translate(0,-50%);}
.model-a p.info .time{background:url(../images/a2.png) no-repeat left center;background-size:14px 14px; padding-left: 1.25rem;display:inline-block;height:1.25rem;line-height:1.25rem;}

.model-a p.info .column{display:inline-block;height:1.25rem;line-height:1.25rem;}
.model-a p.info a{ color:#9C9999;}





.main-list-more{background: #f6f6f6;border-radius:50px;font-size:15px; margin:10px auto 0; height:30px; line-height:30px; border:1px solid #fe7a24;text-align:center;  cursor:pointer;color:#000;letter-spacing:2px;width:95%;}
.main-list-more:hover{ background-color:#fe7a24; color:#fff;}
.main-list-more a{ width:100%; display:block;height:100%; display:block;color:#333;}
.main-list-more a:hover{ color:#fff; text-decoration:none;}




/* 内容页插入内部外部产品样式 */
.viewgood{background:#f9f9f9;position:relative;width:100%;margin:10px auto;padding:0 0 8px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;}
.viewgood img{width:100%;height:620px;object-fit:cover;}
.viewgood p{text-indent: 0;text-align:center;margin:0;position:absolute;height:40px;line-height:40px;width:100%;background:rgba(0,0,0,.7);bottom:54px;left:0px;}
.viewgood p a{color:#fff;display:block;}
.good-info {height: 34px;font-size: 16px;line-height: 34px;margin-top:8px;padding:0 10px;}
.good-info .price {color: #8c8c8c;}
.good-info .price .rmb {font-size: 14px;color: #fd3636;font-family: Arial, Helvetica, sans-serif;}
.good-info .price .m-num {color: #fd3636;font-size: 20px;font-family: Georgia, "Times New Roman", Times, serif;}
.good-info .sy-but {opacity:1.0;background:#fe7a24;border-radius:30px;color: #fff;height: 34px;text-align: center;line-height: 34px;font-size: 16px;display: inline-block; padding:0 15px;}
.viewgood{background:#fff;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);}

@media only screen and (max-width:560px){.viewgood img{height:53.5vh;}}




/* 内容页插入单个商品样式 */
.shoplist{ width:100%;margin:10px auto 15px;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);}
.shoplist dl a{ text-decoration:none;}
.shoplist dl{ position: relative; background:#fcfcfc;padding:5px;border: 1px solid #dddddd; margin-bottom:5px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out; }
.shoplist dl dt{ width:110px; height:110px;position: absolute; left:3px; top:5px;}
.shoplist dl dt img{ width: 110px; height: 110px;}
.shoplist dl dd{ margin-left:120px; min-height:110px;}
.shoplist dl dd p{font-size:14px;line-height:1.4em;font-weight:normal;text-align: left;position:relative;margin:0px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.shoplist dl dd p span.tamll{width:35px;height:19px;display: inline-block;position: relative;left: 0px;margin-right:3px;top:6px;}
.shoplist dl dd p span.tamll:after{ content:"天猫";background:red; color:white; line-height:17px; width:95%; height:85%;border-radius:5px; font-size:12px; position:absolute;left:0; top:0px; text-align:center;}
.shoplist dl dd p a{color: #333; text-decoration: none;}
.shoplist .shoplist_info{position:relative; font-size:12px;}

.shoplist .shoplist_info_quan{position: absolute; left: 0px; color:#999;width: 124px; height:35px;line-height:35px;}
.shoplist dl dd p a{color: #333; text-decoration: none;}
.shoplist .shoplist_info_quan em{ font-style:normal; font-size:14px;color:#999; }


.shoplist .shoplist_info_sell{ position: absolute; right:6px; color:#999;line-height:30px; font-size:14px;}
.shoplist .shoplist_link{ color:#F00;font-size: 14px; margin-top:5px;}
.shoplist .shoplist_link b{color:#F00; font-size:22px;}
.shoplist .shoplist_link .rmb{color: #fd3636;font-family: Arial, Helvetica, sans-serif;}
.shoplist .shoplist_link .yuanjia{ margin-left:10px;font-size:12px;color:#999;font-family: Arial, Helvetica, sans-serif;}
.shoplist .shoplist_link em{ font-style: normal; text-decoration: line-through; }
.shoplist .shoplist_gosee{ font-size:12px; position: absolute;right:5px; bottom:5px; padding:3px 8px;background: #ff6600; color: #fff; text-align: center;border-radius:10px;}
.shoplist .shoplist_gosee a{color: #fff; text-decoration: none;}




/*.viewband{background:#f9f9f9;width:100%;padding:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;margin:20px auto;}*/
.viewband .viewimg{width:50%;height:207px;}
.viewband .viewimg img{width:100%;height:100%;object-fit:cover;}
.viewband .viewinfo{width:48%;height:207px;}
.viewband .viewinfo .bigbt{text-indent: 0;margin:0;text-align:center;font-size:20px;color:#000;line-height:30px;margin-top: 18px;}
.viewband .viewinfo .smallbt{text-indent: 0;margin:0;text-align:center;font-size:18px;color:#000;margin:30px 0;line-height:30px;}

.content .gobuy{text-indent: 0;margin:5px;line-height:35px;text-align:center;font-size:18px;}
.content .gobuy a{display:inline-block;border:1px solid #EF6A0C;border-radius:5px;padding:0 20px; color:#EF6A0C;}
.content .gobuy a:hover{background:#EF6A0C;color:#fff;}
/*.viewband{background:#fff;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);}*/

@media only screen and (max-width:560px){.viewband .viewimg{height:18vh;}.viewband .viewinfo{height:18vh;}.viewband .viewinfo .bigbt{margin-top:5px;}.viewband .viewinfo .smallbt{margin:10px 0;}}

#jieri img{ margin:0 auto; width:100%; max-width:640px;}