/*
@Description:zol�ٷ���Ʒ��ҳ�б�ҳstyle
@author: jialiping
@update: 2017-02-24 15:30;
*/


/* global */
html,body{font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.home-body { background-color: #f5f5f5;}
a{ color:#36c; text-decoration:none;}
a:hover{ color:#c00; text-decoration:underline;}
.wrapper{ margin:0 auto; width:1200px;}

/* bg */
.guarantee-list i,
.guarantee-box .sale-number em,
.wrapper-header .title .qiang,
.wrapper-header .title .rate i,
.crumbs-nav .selector-set .delete,
.filter-item .morebtn i,
.sort .price-sort i { background: url(../images/bg-icos.png) no-repeat;}
.layer-hd .close,.after-sales-layer .layer-content .ico,.select-block .arrow-icon{ background:url(../images/bg.png) no-repeat;}
/***** ��ҳ *****/
/*** banner-box ***/
.banner-box { position: relative; height: 440px; min-width: 1200px;}
.focus-slide { position: relative; height: 100%;}
.focus-slide .inner { width:100%; height: 100%; overflow: hidden;}
.focus-list { width:1000%; height: 100%;}
.focus-list li { float: left; width:10%; height: 100%;}
.focus-list li a { display: block; height: 100%; width: 100%; background: url() center top no-repeat;}
.focus-slide .focus-index { position: absolute; z-index: 2; left: 0; bottom:20px; width:100%; height: 12px; text-align: center;}
.focus-slide .focus-index span { display: inline-block; width:12px; height: 12px; margin:0 4px; background-color: #fff; cursor: pointer; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3);}
.focus-slide .focus-index .current { background-color: #ef4035;}
.guarantee-box { position: absolute; left:50%; top:190px; width:250px; height: 366px; margin:0 0 0 350px; background-color: #fff;}
.guarantee-list { padding:0 0 20px; zoom:1;}
.guarantee-list li { position: relative; height: 46px; padding:25px 20px 5px 75px;}
.guarantee-list i { position: absolute; top:25px; left: 20px; width:46px; height: 46px;}
.guarantee-list .icon-1 { background-position: 0 0;}
.guarantee-list .icon-2 { background-position: 0 -48px;}
.guarantee-list .icon-3 { background-position: 0 -96px;}
.guarantee-list .icon-4 { background-position: 0 -144px;}
.guarantee-list h4 { margin:3px 0 0; font:16px/22px "Microsoft YaHei";}
.guarantee-list p { font-size: 14px; line-height: 20px; color: #999;}
.guarantee-box .sale-number { height: 20px; padding:10px 0 10px 20px; border-top: 1px solid #eee; line-height: 20px; color: #999;}
.guarantee-box .sale-number em { display: inline-block; height: 20px; padding:0 12px 0 0; font-size: 18px; color: #ef4035; background-position: 100% -236px;}

/*** ��ʱ���� ***/
.wrapper-header { padding:26px 0 0; text-align: center;}
.wrapper-header .title { position: relative; height: 46px; line-height: 46px; font-size: 30px; color: #666;}
.wrapper-header .title span { display: inline-block; font-weight: 300;}
.wrapper-header .title .qiang { padding:0 0 0 47px; background-position: 0 -192px;}
.overplus-time { height: 26px; padding:8px 0 20px; line-height: 26px; color: #666; font-size: 16px;}
.overplus-time .time { display: inline-block; width:20px; height: 26px; margin:0 1px 0 0; border-radius: 1px; color: #fff; background: #ef4035;}
.overplus-time .dot {padding:0 4px 0 3px;color: #ef4035;}

.grab-list { padding:0 0 0 15px; zoom:1; background-color: #fff;}
.grab-list li { float: left; width:240px; padding:30px 26px 18px; text-align: center;}
.grab-list .pic { display: block; width:240px; height: 240px; overflow: hidden; line-height: 240px; font-family: arial; line-height: 238px\9;}
:root .grab-list .pic { line-height: 240px;}
/*the images vertical align for ie7 & ie6 */
*+html .grab-list .pic {font-family: "simsun"; line-height:0; text-align:center; diplay:inline-block;zoom:1;font-size:210px;}
* html .grab-list .pic {font-family: "simsun"; line-height:0; text-align:center; diplay:inline-block;zoom:1;font-size:210px;}

.grab-list .pic img { vertical-align: middle;}
.grab-list .name { display: block; height: 24px; padding:11px 0 0; white-space: normal; word-break:break-all; word-wrap:break-word; overflow:hidden; font-size: 16px; line-height: 24px; color: #333;}
.grab-list .name:hover { color: #f33; text-decoration: none;}
.grab-list p { line-height: 20px; color: #666;}
.grab-list .price { font-size: 18px; color: #f33; line-height: 38px;}

/*** �ٷ���Ʒ ****/
.wrapper-header .title .rate { position: absolute; top:13px; height: 20px; margin:0 0 0 3px; padding:0 4px; font-size: 14px; line-height: 20px; color: #fff; background-color: #ef4035; border-radius: 2px;}
.wrapper-header .title .rate i { position: absolute; left: 16px; bottom:-5px; width:5px; height: 5px; background-position: 0 -263px;}

.tab { text-align: center;}
.tab a { margin:0 20px; border-bottom: 2px solid #f5f5f5; color: #333; font-size: 16px; line-height: 28px;}
.tab a:hover { color: #ef4035; text-decoration: none;}
.tab .current { color: #ef4035; border-color: #ef4035;}
.tab .current:hover { color: #ef4035;}

.brand { margin:20px 0 0; height: 118px; overflow: hidden;}
.brand a { display: block; position: relative; float: left; width:170px; height: 118px; border-left: 1px solid #f5f5f5; background:#fff;}
.brand a:hover { text-decoration: none;}
.brand a.first { padding:0 2px; border-left:0 none;}
.brand a .pic { display: block;}
.brand a img { display: block; width:120px; height: 60px; margin:29px auto; vertical-align: middle;}
.brand a .mark { display:none; position: absolute; top:0; left: 0; width:100%; height: 100%;background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000,endColorstr=#99000000); cursor: pointer;}
:root .brand a .mark { filter:none;}
.brand a .btn { display: block; width:82px; height: 26px; margin:46px auto; line-height: 26px; text-align: center; color: #fff; background-color: #4677f9; border-radius: 2px; cursor: pointer;}
.brand a:hover .mark { display: block;}

.pro-list li { float: left; width:180px; margin:12px 0 0 12px; padding:20px 25px 9px; background-color: #fff;}
.pro-list .first { margin-left:0; padding-left:26px; padding-right:26px;}
.pro-list .pic { display: block; width:180px; height: 180px; line-height: 180px; font-family: arial; line-height: 178px\9;}
:root .pro-list .pic { line-height: 180px;}
/*the images vertical align for ie7 & ie6 */
*+html .pro-list .pic {font-family: "simsun"; line-height:0; text-align:center; diplay:inline-block;zoom:1;font-size:158px;}
* html .pro-list .pic {font-family: "simsun"; line-height:0; text-align:center; diplay:inline-block;zoom:1;font-size:158px;}
.pro-list .pic img { vertical-align: middle;}

.pro-list .pic:hover img { vertical-align: middle; -webkit-transform-origin:center; transform-origin:center; -webkit-transform:scale(1.01); transform:scale(1.01);}
.pro-list .name { display: block; height: 50px; padding:15px 0 0;  text-overflow:ellipsis;  overflow:hidden; font-size: 14px; line-height: 24px; color: #333;}
.pro-list .name:hover { color: #f33;}
.pro-list p { line-height: 22px; color: #999;}
.pro-list .price { font-size: 16px; color: #f33; line-height: 32px;}
.pro-list .price .through { font-size: 12px; color: #999; text-decoration: line-through;}

/*** ��ҳ�ײ� ***/
.else-infor { margin:45px 0 -20px; padding:32px 0 50px; zoom:1; background-color: #fff;}
.left-module { float: left; margin:0 60px 0 0;}
.right-module { float: right;}
.module { width:360px;}
.module-header { position: relative; height: 50px; padding:0 0 0 10px; border-bottom: 1px solid #eee; font-size: 20px; line-height: 50px;}
.module-header .line { position: absolute; top:16px; left: 0; width:2px; height: 18px; background-color: #ef4135; overflow: hidden;}

/* �û����� */
.user-evaluation li { position: relative; height: 70px; padding:20px 0 0 70px;}
.user-evaluation .face { position: absolute; top:20px; left: 0; width:60px; height: 60px; border-radius: 30px;}
.user-evaluation .name { padding:0 0 4px; line-height: 22px;}
.user-evaluation p { height: 36px; color: #999; overflow: hidden; white-space: normal; word-break:break-all; word-wrap:break-word;}

/* ý�屨�� */
.news-list li { position: relative; height: 70px; padding:20px 0 0 75px;}
.news-list .pic { position: absolute; top:20px; left: 0; width:60px; height: 60px;}
.news-list .pic img { vertical-align: middle;}
.news-list .title { padding:0 0 6px; line-height: 20px; font-size: 14px; color: #333;}
.news-list .title:hover { color: #c00;}
.news-list p { height: 36px; color: #999; overflow: hidden; white-space: normal; word-break:break-all; word-wrap:break-word;}

/* �û����� */
.wechat-tip { padding:35px 0 25px; color: #666; line-height: 20px; font-size: 14px; text-align: center;}
.wechat-pic { width:180px; height: 180px; margin:0 auto; text-align: center; background: url(../images/wechat-pic-bg.png) no-repeat;}
.wechat-pic img { margin:21px 0; vertical-align: middle;}

/***** �б�ҳ *****/
/*** crumbs-nav ***/
.crumbs-nav { height: 26px; padding:15px 0;}
.crumbs-nav li{ float:left; font:14px/26px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.crumbs-nav li a{ color:#666;}
.crumbs-nav li a:hover{ color:#c00;}
.crumbs-nav .arrow{ padding:0 10px; font-size:12px; font-family:SimSun; color:#999;}
.crumbs-nav .selector-set{ float:left; position:relative; zoom:1; margin:0 10px 0 0; padding:0 26px 0 12px; border:1px dotted #f26158; font:14px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#f33; cursor:pointer;}
.crumbs-nav .selector-set .delete{ position:absolute; top:4px; right:4px; width:15px; height:15px; font:0/0 arial; overflow:hidden; background-position:-4px -260px;}
.crumbs-nav .selector-set:hover{ text-decoration:none;}
.crumbs-nav .selector-set:hover .delete{ background-color: #ef4035; background-position:-17px -260px;}
.selector-set .label{ color:#666;}
/*** filterbox ***/
.filterbox { position: relative; padding:0 20px; border:1px solid #ededed;}
.filter-item { position: relative; padding:8px 0 8px 80px; border-top: 1px solid #f2f2f2; font-size: 14px; line-height: 24px;}
.filter-first { border-top:0 none;}
.filter-item dt { position: absolute; top:8px; left: 0; width:80px; height: 24px; color: #999;}
.filter-item dd { height: 24px; padding:0 50px 0 0; overflow: hidden;}
.filter-item dd.more { height: auto;}
.filter-item .morebtn { position: absolute; top:8px; right:0; width:50px; padding:0 14px 0 0; text-align: right; color: #666;}
.filter-item .morebtn i { position: absolute; top:9px; right:0; width:9px; height: 5px;}
.filter-item .morebtn:hover { color: #666; text-decoration: none;}
.filter-item .open-up i { background-position: -37px -264px;}
.filter-item .open-down i { background-position: -37px -278px;}
.filter-option { height:24px}
.filter-option a { display: inline-block; margin:0 15px; color: #666; line-height: 24px;}
.filter-option .current,.filter-option a:hover { color: #ef4035; text-decoration: none;}

/*** toolbar ***/
.toolbar { height: 36px; margin:20px 0 0; padding:0 20px 0 0; background-color: #fafafa; line-height: 36px; font-size: 14px;}
.sort { float: left;}
.sort li { float: left;}
.sort a { position: relative; display: inline-block; height: 36px; padding:0 15px; color: #333;}
.sort a:hover { color: #333; text-decoration: none;}
.sort .current a { color: #fff; background-color: #ef4035;}
.sort .price-sort{ padding-right: 26px;}
.sort .price-sort i { position: absolute; top:14px; right:15px; width:7px; height: 10px;}
.sort .price-up i { background-position: -9px -276px;}
.sort .price-down i { background-position: 0 -276px;}
.sort .current .price-up i { background-position: -27px -276px;}
.sort .current .price-down i { background-position: -18px -276px;}
.total-num { float: right; color: #999;}
.total-num em { padding:0 4px; color: #ef4035; font-family: arial;}

/*** goods-list ***/
.goods-list { padding:8px 0 0; zoom:1;}
.goods-list li { position: relative; float: left; width:180px; height: 292px; margin:12px 0 0 12px; padding:20px 25px 18px; background-color: #fff;}
.goods-list .first { margin-left:0; padding-left:26px; padding-right:26px;}
.goods-list .pic { display: block; width:180px; height: 180px; line-height: 180px; font-family: arial; line-height: 178px\9;}
:root .goods-list .pic { line-height: 180px;}
/*the images vertical align for ie7 & ie6 */
*+html .goods-list .pic {font-family: "simsun"; line-height:0; text-align:center; diplay:inline-block;zoom:1;font-size:158px;}
* html .goods-list .pic {font-family: "simsun"; line-height:0; text-align:center; diplay:inline-block;zoom:1;font-size:158px;}

.goods-list .pic img { vertical-align: middle;}
.goods-list .name { display: block; height: 24px; padding:15px 0 0; white-space: nowrap; text-overflow:ellipsis;  overflow:hidden; font-size: 16px; line-height: 24px; color: #333;}
.goods-list .name:hover { color: #f33;}
.goods-list p { line-height: 22px; color: #999;}
.goods-list .price { font-size: 16px; color: #f33; line-height: 32px;}
.goods-list .price .through { font-size: 12px; color: #999; text-decoration: line-through;}
.goods-list .buy-num { line-height: 18px; color: #999;}
.goods-list .buy-num em { color: #333;}
.goods-list .loot-all { position: absolute; top:54px; left: 50%; z-index: 2; width:120px; height: 85px; padding:35px 0 0; margin:0 0 0 -60px; color:#fff; font-size: 14px; line-height: 20px; text-align: center; border-radius: 60px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99000000,endColorstr=#99000000);}
:root .goods-list .loot-all { filter:none;}
.goods-list .loot-all em { display: block; font-size: 20px; line-height: 30px;}
.goods-list .hover,.goods-list li:hover{ padding:19px 24px 17px; border:1px solid #e6e6e6; -wekit-box-shadow:0 3px 5px rgba(0,0,0,0.1); box-shadow:0 3px 5px rgba(0,0,0,0.1); z-index:3}
.goods-list .hover .loot-all,.goods-list li:hover .loot-all { top:53px;}
.goods-list .first.hover,.goods-list li.first:hover { padding-left:25px; padding-right:25px;}

/*** page ***/
.page{ margin:0 -2px 0 0; padding:10px 0; text-align:right; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.page a,.page span{ display:inline-block; margin:0 2px; padding:0 12px; height:32px; vertical-align:middle; white-space:nowrap; text-align:center; font-size:14px; line-height:32px; color:#333; font-family:arial; background:#fff; border:1px solid #e6e6e6;}
.page a:hover{ text-decoration:none; border:1px solid #c00; color:#333;}
.page .current{ background:#c00; color:#fff; border:1px solid #c00;}
.page .sel{ background:#c00; color:#fff; border:1px solid #c00;}
.page .prev, .page .no-prev, .page .next, .page .no-next { background: url(../images/arrow.png) no-repeat;}
.page .prev,.page .no-prev{ padding:0 12px 0 25px; background-position:0 -86px;}
.page .next,.page .no-next{ padding:0 25px 0 12px; background-position:100% -110px;}
.page a.prev:hover { background-position:0 10px;}
.page a.next:hover { background-position:100% -14px;}
.page .no-prev{ background-position:0 -38px; color:#b3b3b3;}
.page .no-next{ background-position:100% -62px; color:#b3b3b3;}
.page .dot { display: inline-block; width:26px; vertical-align:middle;text-align:center; font-family: 'verdana';}

.paginationwrap{width: 100%;padding-top: 20px;text-align: center;}
.paginationwrap .paginationbox {font-size: 14px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.paginationwrap .paginationbox a {display: inline-block;padding: 5px 18px;background: #fff;border: 1px solid #e6e6e6;margin-right: 10px;}
.paginationwrap .paginationbox a:last-child {margin-right: 0}
.paginationwrap .paginationbox a.active,
.paginationwrap .paginationbox a:hover {background: #c00;color: #fff;border-color:#c00 ;}

/* �������� */
body .focus{margin-bottom: 5px;float:none;}
.focus-list a,.focus-content a{display:block;width: 100%;height:100%;}
.focus-list a img{height: 100%;vertical-align: middle;position: absolute;top: 0;left: 50%;margin-left: -960px;opacity: 0;filter: alpha(opacity=0);}
.focus-list a img{height: 100%;vertical-align: middle;position: absolute;top: 0;left: 50%;margin-left: -960px}
.focus-content a img{width: 100%;height: 100%;vertical-align: middle;}
/* �ֲ� */
.focus-box{position: relative;overflow: hidden;}
.focus-list{width:1000%;position: absolute;left: 0;top: 0;}
.focus-list li{float: left;width: 100%;height: 100%;}
/* bxSlider */
.bx-controls-direction a{width:39px;height:65px;position:absolute;top:50%;margin-top:-32px;background-image: url(../images/focus-arrow.png);background-repeat: no-repeat;}
.bx-controls-direction .bx-prev{left:0;background-position:0 0;}
.bx-controls-direction .bx-next{right:0;background-position:0 -69px;}
.bx-controls-direction .bx-prev:hover{background-position:-41px 0;}
.bx-controls-direction .bx-next:hover{right:0;background-position:-41px -69px;}
.bx-pager{position:absolute;left:-5px;bottom:20px;width:50%;text-align:right;}
.bx-pager-item{display:inline-block;*display:inline;*zoom:1;width:18px;height:18px;margin-right: 5px;}
.bx-pager-item a{display:block;width:18px;height:18px;line-height: 18px;text-align:center;font-size: 12px;color: #fff;background-repeat:no-repeat;background-image:url(../images/focus-index.png);background-position:0 0;}
.bx-pager-item a.active{background-position:0 -20px;}
.bx-pager-item a:hover{color: #fff;}
/* �������� */
.focus-content{float: right;margin-top: -10px;}
.focus-content li{float: left;margin:10px 0 0 10px;} 

.bx-viewport{height: 100%};
/* ��ϵ�ͷ� */

.close-reason-layer{ margin:-138px 0 0 -232px; width:454px;}
.close-reason-layer .layer-content{ padding:10px 10px 10px 20px;}
.close-reason-layer p{ padding:5px 0; font:12px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.close-reason-layer ul{ padding:5px 0 0;}
.close-reason-layer li{ float:left; width:50%; padding:0 0 13px; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.close-reason-layer li input{ margin:0 5px 0 0;}

.error-layer{ margin: -110px 0 0 -177px;width: 283px;}

.after-sales-layer{ margin:-84px 0 0 -220px; width:430px;}
.after-sales-layer .layer-content{ padding:36px 0 36px 105px;}
.after-sales-layer .layer-content .ico{ position:absolute; top:90px; left:50px; width:43px; height:33px; background-position:0 -598px;}
.after-sales-layer .layer-content p{ font:16px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.after-sales-layer .layer-content p span{ color:#29bc3a;}

.layerbox{ position:fixed; top:50%; left:50%; _position:absolute; padding:5px; background:rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4d000000,endcolorstr=#4d000000,gradientType=1); z-index:20;}
.layer-inner{ background:#fff;}
.layer-hd{ position:relative; zoom:1; padding:0 10px; background:#fafafa; border-bottom:1px solid #eee; font:14px/37px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.layer-hd .close{ position:absolute; top:5px; right:5px; width:27px; height:27px; background-position:-33px -506px; cursor:pointer;}
.layer-content{ padding:10px;}
.layer-btn{ padding:0 0 20px; text-align:center;}
.layer-btn a{ display:inline-block; margin:0 5px; width:74px; height:24px; font:12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; text-align:center; border-radius:2px;}
.layer-btn .confirm{ border:1px solid #ef4035; background:#ef4035; color:#fff;}
.layer-btn .confirm:hover{ background:#e03528; border-color:#e03528; color:#fff; text-decoration:none;}
.layer-btn .cancel{ border:1px solid #dbdbdb; background:#f2f2f2; color:#666;}
.layer-btn .cancel:hover{ background:#e9e9e9; color:#666; text-decoration:none;}

.hg1{height: 10px;}
.pad10{padding-bottom: 20px;}
.borb_1{border-bottom: 1px solid #eee;}
.order_title{font-size: 18px;line-height: 50px;}
.position_r {position: relative;}
.order_show{background-color: #FFF;padding:10px 30px 30px 30px;width: 1140px!important;box-shadow:0px 0px 4px #cccccc;margin: 10px auto 40px!important;}
.order_show  button{padding: 0 15px;line-height: 38px;display:inline-block;background-color: #ef4035;color:#FFF;margin: 0 5px;border: 0;width: 100px;font-size: 16px;text-align: center;cursor: pointer;text-decoration: none;}

.order_show .o_box{padding: 30px 0 20px;font-size: 16px;}
.order_show .o_box .o_tit{width: 100px;padding-right: 20px;line-height: 40px;}
.order_show .o_box .o_tit img{width: 70px;height: 70px;}
.order_show .o_box .wen{width: 900px;}
.order_show .o_box .s1{color: red;margin:0 5px;line-height: 38px;display: inline-block;}
.order_show .o_box .wen label{float: left;line-height: 38px;width: 120px;text-align: right;padding-right: 15px;}
.order_show .o_box .wen input{width: 150px;line-height: 36px;padding: 0 5px;border: 1px solid #eee;margin-right: 10px;float: left;}
.order_show .o_box .wen .yzm{padding: 0 15px;line-height: 38px;display:inline-block;background-color: #ccc;color:#FFF;margin: 0 5px;border: 0;float: left;width: 100px;font-size: 16px;text-align: center;cursor: pointer;text-decoration: none;}
.order_show .o_box .wen button{padding: 0 15px;line-height: 38px;display:inline-block;background-color: #ef4035;color:#FFF;margin: 0 5px;border: 0;float: left;width: 100px;font-size: 16px;text-align: center;cursor: pointer;text-decoration: none;}
.order_show .o_box .wen .yzm.active{background-color: #ef4035;},
.order_show .o_box .wen .word{padding-top: 40px;color: #00B1FF;font-size: 14px;}

.goods_desc .content .b_title{font-size: 16px;font-weight: bold;}
.goods_desc .content .ltype li{float: left;width:calc(32% - 20px);margin-right: 2%;padding-left: 20px;}
.goods_desc .content .ltype li:nth-child(3n){margin-right: 0;}
.goods_desc .content .ltype li.b_ico1{background: url(../images/ico_yes.png) no-repeat left 7px;}
.goods_desc .content .ltype li.b_ico2{background: url(../images/ico_no.png) no-repeat left 7px;}

.index_bg1{background-color: #f7f7f7;}
.index_1 h1{padding-top:70px;font-size:40px;color:#222;font-weight:700;padding-bottom:8px;letter-spacing:3px;text-align: center;}
.index_1 p{color:#252525;font-size:16px;padding-bottom:60px;font-weight:100;letter-spacing:3px;text-align: center;}
.index_1 .img{display: flex;padding-bottom: 96px;}
.index_1 .img>div>div{overflow: hidden;border-radius: 16px;margin: 8px;float: left;font-size: 0;}
.phonetr4{margin: 8px;border-radius: 16px;width: 964px;font-size: 0;overflow: hidden;}
.phonetr4>img,.index_1 .img>div>div>img {width: 100%;cursor: pointer;transition: all .3s;}
.phonetr4>img:hover,.index_1 .img>div>div>img:hover{transform:scale(1.3)}

.allqty{background:#fcfcfc;}
.allqty>div{width:1180px;margin:0 auto;text-align:center;padding-top:68px;padding-bottom:80px}
.allqty>div>h1{font-size:40px;color:#383838;font-weight:700;letter-spacing:3px}
.allqty>div>h2{background:linear-gradient(to top,#eee,#d8d8d8);-webkit-background-clip:text;color:transparent;letter-spacing:3px;font-weight:700;font-size:40px}
.allqty>div>div{padding-top:90px;display:flex;justify-content:space-between;align-items:flex-start}
.allqty>div>div>span{width:30px;height:30px;border-top:1px solid #969696;border-right:1px solid #969696;transform:rotate(45deg);display:block;margin-top:66px}
.allqty>div>div>div{width:20%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}
.allqty>div>div>div>div{width:160px;height:160px;border-radius:50%;border:1px solid #666;display:flex;justify-content:center;align-items:center;color:#333;font-size:22px;margin-bottom:23px}
.allqty>div>div>div>p{font-size:16px;color:#666;text-align:left;font-weight:100;padding:0 30px}

.index_bg2{background-color: #fbfbfb;}
.index_bg3{background-color: #FFFFFF;}
.mode>div{width:1190px;margin:0 auto;text-align:center;padding-bottom:70px}
.mode>div>h1{padding-top:76px;color:#222;font-size:40px;font-weight:700;padding-bottom:8px;letter-spacing:3px}
.mode>div>p{font-size:16px;color:#555;margin-bottom:60px;margin-top:10px;font-weight:100;letter-spacing:2px;line-height:1.6}
.mode>div>.f{display:flex;justify-content:center}
.mode>div>.f>p{width:140px;height:140px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 42px;color:#fff;flex-wrap:wrap;flex-direction:column}
.mode>div>.f>p>span{margin:3px 0;font-size:14px}
.mode>div>.f>p:nth-child(1){background:linear-gradient(153deg,#ff93a8,#fd5a6f)}
.mode>div>.f>p:nth-child(2){background:linear-gradient(153deg,#4cf1d2,#25dfa6)}
.mode>div>.f>p:nth-child(3){background:linear-gradient(153deg,#ffe379,#ffc244)}
.mode .ph{display:flex;padding-top:60px}
.mode .ph>div:nth-child(2){margin:0 60px 0 50px}
.mode .ph p{font-size:28px;color:#555;margin-top:30px}
.mode .ph span{font-size:16px;color:#777}

.quality{}
.quality>div{width:1190px;margin:0 auto;text-align:center}
.quality>div>h1{background:linear-gradient(to top,#eee,#d8d8d8);-webkit-background-clip:text;color:transparent;font-weight:700;font-size:40px;padding-top:70px;letter-spacing:3px}
.quality>div>h2{font-size:40px;color:#333;font-weight:700;letter-spacing:3px;padding-top:68px;padding-bottom:66px}
.quality>div>ul{display:flex;flex-wrap:wrap;padding-bottom:45px;justify-content:space-between}
.quality>div>ul>li{width:20%;padding-bottom:40px}
.quality>div>ul>li>img{width:124px;height:124px;padding-bottom:13px}
.quality>div>ul>li>div{width:88px;height:88px;margin-bottom:13px;background:linear-gradient(135deg,#f24610,#fc2b5f);display:inline-flex;justify-content:center;align-items:center;border-radius:50%}
.quality>div>ul>li>div>div{background-image:url(../images/allicon.png);width:44px;height:44px}
.quality>div>ul>li:nth-child(1)>div>div{background-position:0 0}
.quality>div>ul>li:nth-child(2)>div>div{background-position:-44px 0}
.quality>div>ul>li:nth-child(3)>div>div{background-position:0 -44px}
.quality>div>ul>li:nth-child(4)>div>div{background-position:-44px -44px}
.quality>div>ul>li:nth-child(5)>div>div{background-position:-132px 0}
.quality>div>ul>li>p{color:#333;font-size:16px;padding-bottom:5px}
.quality>div>ul>li>span{color:#777;font-size:14px;font-weight:100}

.comment{padding:53px 0 87px;text-align:center;overflow:hidden}
.comment>h1{font-size:32px;color:#222;font-weight:100;margin-bottom:53px}
.comment>h1>span{background:linear-gradient(to bottom,#f77654,#f93248);-webkit-background-clip:text;letter-spacing:0;color:transparent;font-size:48px;font-weight:700}
.comment ul{display:flex;flex-wrap:wrap;justify-content:center;width:1190px;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.comment-ls{width:366px;height:160px;background:#fff;box-shadow:2px 4px 10px rgba(187,181,181,.12);border-radius:6px;margin:10px;box-sizing:border-box;padding:14px 30px 10px 30px}
.comment-ls-t{border-bottom:1px solid #ececec;display:flex;padding-bottom:13px}
.comment-ls-t>div:first-child{width:64px;height:64px;border-radius:50%;margin-right:15px}
.comment-ls-t>div:first-child>img{border-radius:50%;width:100%;height:100%}
.comment-ls-t>div:last-child{text-align:left;width:226px}
.comment-ls-t>div:last-child>p{font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px;line-height:25px}
.comment-ls-t>div:last-child>span{color:#777;font-size:14px;font-weight:100;height:40px;display:block;overflow:hidden}
.comment-ls-b{font-size:14px;color:#777;text-align:left;padding-top:13px;box-sizing:border-box;height:54px;overflow:hidden}
.comment-ls-b p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}