@charset "utf-8";
/******************************************************
 功能：主样式表
 ******************************************************/
/* 全局背景、字体、字号、颜色、行高、页边距等 */
html { -webkit-text-size-adjust: none; }
* { margin:0px; padding:0px; }
body { margin:0px; padding:0px; font-size:12px; color:#000; font-family:tahoma, arial, 微软雅黑, 宋体, sans-serif;margin: 0 auto;margin: 0 auto;position: relative;}
/* CSS3盒子模型 */
ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, p { list-style-type:none; margin:0; padding:0; display:block; }
em, i { font-style:normal; }
em { display:inline-block; vertical-align:middle; }
fieldset { border:none; margin:0; padding:0; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
/* 公共匹配样式 */
* { outline:none; }
a, img { border:none; }
a {cursor:pointer;text-decoration: none;color:#333;}

img { border:none; vertical-align:middle;max-width: 100%;color:#333;}
/* CSS Document */
/* .dwieha img{transition: all 0.5s;}
.dwieha:hover img{transform: scale(1.1);}
ul li:first-child{}
ul li:nth-child(2){} 
*/
body::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
  border-radius: 5px;
  background-color: rgba(255,255,255,0.8);
}

body::-webkit-scrollbar
{
  width: 5px;
  background-color: rgba(0,0,0,0);
}
body::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
  background-color: #555;
}
.hang1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.hang2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fb{font-weight:bold;}
.rel{position:relative;}

.pda1{padding: 10px 0;}
.pda2{padding: 20px 0;}
.pda3{padding: 30px 0;}
.pda4{padding: 40px 0;}
.pda5{padding: 50px 0;}
.pda6{padding: 60px 0;}
.pda7{padding: 70px 0;}
.pda8{padding: 80px 0;}
.pda9{padding: 90px 0;}
.pdc1{padding:0 10px;}
.pdc2{padding:0 20px;}
.pdc3{padding:0 30px;}
.pdc4{padding:0 40px;}
.pdc5{padding:0 50px;}
.pdc6{padding:0 60px;}
.pdc7{padding:0 70px;}
.pdc8{padding:0 80px;}
.pdc9{padding:0 90px;}

.jintushd{}
.tiemsa{width: 20%;float: left;margin-bottom: 30px;}
.chsutus{width:80%;margin: 0 auto;}
.chsutus img{border-radius: 50%;}
.tiemsa h3{color: #02B2B5;font-size: 20px;text-align:center;line-height:3em;padding:20px 0;font-weight: bold;}
.tiemsa a{display: block;    color: rgb(255, 255, 255);font-size: 14px;padding-top: 10px;padding-bottom: 10px;padding-left: 25px;padding-right: 25px;border-radius: 10px;background-color: rgb(2, 178, 181);text-align: center;width: 150px;margin: auto;}
.tiemsa a:hover{background: #78c340;}
.beianhao{text-align: center;color: #666;font-size: 14px;line-height: 20px;}

.izl-rmenu{position:fixed; right:0;bottom:20px; padding-bottom:20px;   z-index:99999; }
.izl-rmenu .izl_rmenu_btn{width:35px; height:35px; margin-bottom:1px; cursor:pointer; position:relative; }
.izl-rmenu .izl_rmenu_btn img{width:72px; height:72px; display: block; margin: 0 auto;}
.izl-rmenu .izl_rmenu_con ul li{width:160px; height:72px; overflow:hidden;text-align: left; text-indent: 10px;}
.izl-rmenu .izl_rmenu_btn a{color:#fff; text-decoration: none; }
.izl-rmenu .izl_rmenu_btn .izl_rmenu_pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;max-width: none;}
.izl-rmenu .izl_rmenu_btn p.pic{position:absolute; left:-160px; top:0px; display:none;width:160px; background-color: #fff; color: #333; margin-top: -20px; text-align: center; height: 20px;} 
.izl-rmenu .izl_rmenu_btn .izl_rmenu_con{ position:absolute; width:160px; left:-160px; top:0px; line-height:72px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-size:100% 100%;background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.izl-rmenu .izl_rmenu_btn .izl_rmenu_con img{display: inline; width:20px; height:20px;}
.izl-rmenu .btn-gwc{background-color:#FF404E;}
.izl-rmenu .btn-gwc:hover{background-color:#DA1422;}
.izl-rmenu .btn-gwc .izl_rmenu_con{background-color:#DA1422;}
/*联系客服*/
.izl-rmenu .btn-kf{background-color:#36a1db;}
.izl-rmenu .btn-kf:hover{background-color:#2B8BBF;}
.izl-rmenu .btn-kf .izl_rmenu_con{background-color:#2B8BBF;}
/*意见反馈*/
.izl-rmenu .btn-yj{background-color:#fbb01f;}
.izl-rmenu .btn-yj:hover{background-color:#ff811b;}
.izl-rmenu .btn-yj .izl_rmenu_con{background-color:#ff811b;}
/*个人中心*/
.izl-rmenu .btn-zx{background-color:#aaa;}
.izl-rmenu .btn-zx:hover{background-color:#555;}
.izl-rmenu .btn-zx .izl_rmenu_con{background-color:#555;}
/*我要分销*/
.izl-rmenu .btn-fx{background-color:#fe5e00;}
.izl-rmenu .btn-fx:hover{background-color:#d14227;}
.izl-rmenu .btn-fx .izl_rmenu_con{background-color:#d14227;}
/*微信扫码*/
.izl-rmenu .btn-wx{background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .izl_rmenu_con{background-color:#58a81c;}
/*自定义*/
.izl-rmenu .btn-item{ background-color:#000;}
.izl-rmenu .btn-item:hover{background-color:#201f1f;}
.izl-rmenu .btn-item .izl_rmenu_con{background-color:#201f1f; }
.izl_rmenu_btn:hover .izl_rmenu_con{display: block!important;opacity: 1!important;} 
.izl_rmenu_btn:hover .izl_rmenu_pic{display: block!important;opacity: 1!important;} 


.husiu{border:1px solid #993366;}
.biaotis{background: #F7F7F7;height: 50px;line-height: 50px;border-bottom: solid 1px #dfdfdf}
.biaotis span{padding: 0px 30px;display: inline-block;font-size: 18px;background: #;color: #000;font-weight: bold;}
.goditem{margin-bottom: 15px;}
.xintuh{border: 1px solid #e5e5e5;box-shadow: 4px 4px 2px #f5f5f5;}
.tushun{height: 214px;border-bottom:1px solid #eee;display: flex;justify-content: center;align-items: center;}
.tushun img{max-width: 100%;max-height: 100%;}
.mgtitle {height: 40px;margin: 10px 0 10px 0;line-height: 20px;overflow: hidden;padding: 0 0 0 3px;display: flex;justify-content: space-between}
.mgtitle .ntitle{width: 68%}
.mgtitle .ntime{width: 30%;text-align: right}
.mdrice {font: 700 18px Verdana,Arial;color: #3b5998;line-height: 18px;display: inline;margin-left: 3px;}
.goditem:hover .xintuh{border:1px solid #f40;}
.tebiede{margin-right: 10px;margin-left: 10px;}
.mgtitle:hover{color: #f40;text-decoration: underline ;}
.m-sort{float:right;margin-right:16px;margin-top: 30px;margin-bottom: 10px;}
.m-sort ul li{float:left;display:block;}
.m-sort ul li a{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:7px 12px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#fff;text-decoration:none;color:#777;}
.m-sort ul li a.u-current{background:#3b5998;color:#fff;border:1px solid #3b5998;}
.fenyes{padding-bottom: 30px;}
.tuzhid{border-bottom: 1px dotted #d9d9d9;height: 50px;line-height: 50px;font-size: 14px;color: #666;}
.tuzhid a{color: #666;}
.tuintro{padding-top: 10px;padding-bottom: 10px;border-bottom: 5px solid #f5f5f5;}
.biaotia{color: #999;line-height: 30px;font-size: 14px;height: auto;}
.jihusd{height: 75px;background: #fafafa;padding: 0 30px;font-size: 28px;color: #3b5998;line-height: 75px;}
.jihusd span{font-size: 48px;}
.huithd{height: 50px;line-height: 50px;background: #3b5998;padding: 0 30px;font-size: 14px;}
.paileft{display: inline-block;float: left;color: #fff;}
.pairight{display: inline-block;float: right;}
.paileft span{padding: 5px;background: #ffed03;color: #3b5998;font-weight: bold;font-family: Arial;font-size: 16px;}
.pairight a{color: #fff;line-height: 55px;}
.chimas{padding:15px;}
.chimas a{display: inline-block;padding:4px 15px;font-size: 14px;border:1px solid #CCC;margin-right: 10px;margin-bottom: 6px;}
.chimas .activ{background: #3b5998;color: #fff;}
/*商品详情页*/
#magnifier{position:relative;width:100%;}
.small-box{position:relative;width:100%;height:330px;margin-bottom:20px;border:1px solid #eee;display: flex;justify-content: center;align-items: center;}
.small-box table td{width:100%;height:330px}
.small-box img{width:auto;height:auto;max-height:100%;max-width:100%}
.small-box .hover{display:none;position:absolute;left:0;top:0;width:200px;height:200px;border:1px solid #aaa;background:#0099ff;opacity:.5;filter:alpha(opacity:50);cursor:move}
.thumbnail-box{position:relative;width:100%}
.thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat}
.thumbnail-box .btn-prev.btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat}
.thumbnail-box .btn-next.btn_next_disabled{background:url(../images/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.thumbnail-box .list{overflow:hidden;width:83%;margin:0 auto}
.thumbnail-box .wrapper{width:100000px}
.thumbnail-box .list .item{float:left;margin:0 10px}
.thumbnail-box .list .item-cur{}
.thumbnail-box .list .item img{border:2px solid #a9a9a9;width:54px;height:54px}
.thumbnail-box .list .item-cur img{border:2px solid #3b5998}
.big-box{display:none;overflow:hidden;position:absolute;left:451px;top:0;width:540px;height:540px;border:1px solid #e4e4e4}
.big-box img{display:block}
/*特效*/
.jintuh{line-height: 30px;width: auto;font-size: 13px;color: #333;float: left;}
.sdhwinuf{width: auto;float: left;margin-top: 5px;}
.decrease, .increase {border: 1px solid #CCC;display: block;float: left;text-align: center;width: 20px;height: 23px;line-height: 20px;font-size: 16px;text-decoration: none !important;}
.numberText {float: left;width: 46px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #CCC;border-left: none;border-right: none;font-size: 16px;}
.kucundh{color: #999;padding-left: 10px;width: auto;float: left;line-height: 30px;}
.tuzhida{padding:20px 0;}
.tibiadia{margin: 10px auto;}
.tibiadia ul{display: block;border-bottom: 1px solid #3b5998;height: 50px;line-height: 50px;}
.tibiadia ul li{border:1px solid #3b5998;float: left;width: 180px;height: 50px;line-height: 55px;text-align: center;font-size: 18px;cursor: pointer;}
.tibiadia ul .aciut{background: #3b5998;color: #fff;}
.tusdhfiej{border:1px solid #ebebeb;padding:5px;font-size: 15px;line-height: 25px;}
.tusdhfiej img{max-width: 100%;}
.huifu{line-height: 40px;border-bottom: 1px solid #bfbfbf;margin-bottom: 10px;font-size: 16px;font-weight: normal;}
.huisdwh{border: 1px solid #f5f5f5;margin-bottom: 10px;padding: 3px;padding-top: 0px;}
.mdrice span{float: right;line-height: 10px;color: #ccc;font-size: 12px;font-weight: normal;margin-right: 5px;}
.textcont{font-size: 15px;line-height: 25px;padding-top: 20px;padding-bottom: 20px;}
.textcont img{max-width: 100%;}
.detailbtn{width:190px;height:50px;line-height:50px;margin-right:30px;border-radius:3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.detailbtn a {padding: 0 10px;display: block;font-size: 26px;background: #3b5998;color: #fff;}
.aniudhs{display: flex;align-items: center;margin-top: 30px;}
.xinhuid{line-height: 30px;text-align: left;font-size: 14px;color: #999;}



@media (max-width: 1200px) {
.header .nav ul li{width: 140px;}
}
@media (max-width: 960px) {
.tiemsa{width: 33.33%;}
.layui-mybox{width: 90%!important;}
}
@media (max-width: 768px) {
.tiemsa{width: 50%;}
}
@media (max-width: 480px) {
.sds{overflow-y: auto;height: auto;}
.tiemsa{width: 50%;}
.tiemsa a{width: 120px;}
.tibiadia ul li{width: 50%;}
.pda5{padding:15px 0;}
.jintushd{min-height: auto;}
.goditem{padding:0;}
.detailbtn a{font-size: 20px;}
}

.zy{margin-top: 10px;}
.layui-layer-title{border-bottom: 1px solid #F0F0F0!important;   
    color: #333!important;}

.ptips{font-size: 12px;margin-top: 5px;line-height: 1.2em;color: #1E9FFF;}
.ptips2{padding: 40px; text-align: center;font-size: 20px;}

.pinglun .biaotis{display: flex;align-items: center;justify-content: space-between;}
.pinglun .biaotis button{margin: 0 10px;padding: 0 10px;}
.pinglun .textcont li{display: flex;justify-content: space-between;border-bottom: solid 1px #f5f5f5;margin: 15px 0;padding-bottom: 15px;}
.pinglun .textcont li dt{width: 50px;margin-right: 20px;}
.pinglun .textcont li dt img{width: 100%;}
.pinglun .textcont li dd{width: 100%;}
.pinglun .textcont li dd .title{display: flex;}
.pinglun .textcont li dd .time{font-size: 14px;color: #ccc;margin-left: 30px;}
.pinglun .textcont li dd .con{color: #888;margin-top: 5px;line-height: 1.6em;}

.pother{display: flex;background: #fafafa;padding:10px 30px;font-size: 16px;border-top: solid 1px #eee}
.pother span{font-size: 25px;margin-left: 2px}
.pother .nt{margin-left: 50px}
.sDt_money{margin-right: 2px}
#fjwues .p1,#fjwues .p2{display: none}

.pay_1 .sDt_form-select label{display: flex;align-items: center;cursor: pointer}
.pay_1 .sDt_form-select img{width: 50px;margin: 0 5px}
.pay_1 .sDt_form-select input[type=radio]{width:20px;height: 20px}
.pay_body .pic{text-align: center}
.pay_body .pic img{border: solid 1px #ddd;padding: 0px}
.pay_body .pic_text{font-size: 16px;text-align: center;margin-top: 10px}
.pay_body {padding-bottom: 50px}

.dz-btn{margin-left: 15px;margin-top: 10px;background: #CC6733!important;}



























































