/*base.css Date:2017-01-20 09:51:00 sunle*/
@charset "UTF-8";

/* common */
*{ padding: 0;margin: 0;}
body,button,input,select,textarea{-webkit-font-smoothing: antialiased; font:12px/1.5 SimSun,tahoma,arial,Hevetica,\\5b8b\4f53,Microsoft YaHei,sans-serif; color: #000;}
h2,h3,h4,h5,h6{ font-size:100%;font-weight: normal;}  /*font-family: "microsoft yahei";*/
address,cite,dfn,em,var{ font-style:normal;}
ul,ol{ list-style:none;}
em, i, u { font-style: normal;}
input, select, textarea {font-family: inherit;font-size: inherit;font-weight: inherit;}
fieldset,iframe,img{ border:0;}
button,input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse;border-spacing:0;}
img{ vertical-align:middle; display:inline-block;}
a{ text-decoration:none; color: #555;}
a:hover{ color: #f42424;}
a:focus{ outline:none;}
.p-img img{ width:100%; height:100%;}
.icon-spin{ position:absolute; top:50%; left:50%;}

input[disabled],input[disabled="disabled"],input[readonly],input[readonly="readonly"]{ background-color:#ebebe4;}

.w{ margin:0 auto;}
.w:after,.w:before{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*浮动*/
.fl{ float:left !important;}
.fr{ float:right !important;}
.fn{ float:none !important;}

/*字体*/
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}

.txt-lh{ line-height:40px; font-size:16px;}
.txt-lh2{ line-height:40px; font-size:14px;}

/*隐藏显示*/
.hide{ display:none !important;}
.show{ display:block !important;}

/*.clear,.clearfix{ clear:both;}*/
.relative{ position:relative;}
.clearfix:after,.clearfix:before{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.icon{ display:inline-block; background:url(../images/dsc-icon.png) no-repeat;}

.ud-right{ float:left; margin-left:20px; width:calc(100% - 70px);}

/*对齐方式*/
.tl{ text-align:left !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}

.lh20{ line-height:20px !important;}
.lh25{ line-height:25px !important;}
.lh30{ line-height:30px !important;}

/*价格*/
.shop-price{ color:#f42424; font-size:18px;}
.original-price{ text-decoration: line-through; font-size:12px; color:#999;}



/*加载*/
.dsc-load-mask{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(255,255,255,.5); z-index:100004;}
.dsc-loadding{ position: fixed;top: 40%;left: 50%;z-index: 100005;margin:-40px 0 0 -54px;}
.dsc-loadding p{ font-size:14px; text-align:center; color:#888888;}


/*鼠标移动到图片透明*/
.opacity_img .p-img{ -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;}
.opacity_img:hover .p-img{ opacity: .7; selector: alpha(opacity=70);}
/* common end*/


/**************width height margin padding******************/
/* width */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w65 { width: 65px; }
.w70 { width: 70px; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important;}
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px !important; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px !important; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w290 { width: 289px; }
.w300 { width: 300px; }
.w319 { width: 319px; }
.w350 { width: 350px; }
.w340 { width: 340px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px !important; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w780 { width: 780px; }
.w800 { width: 800px; }
.w900 { width: 900px; }
.w960 { width: 960px; }
.w970 { width: 970px; }
.w990 { width: 990px; }
.w1000 { width: 1000px; }
.w1200 { width: 1200px; }
.w1390 { width: 1390px;}

/* height */
.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
.h110 { height: 110px; }
.h120 { height: 120px; }
.h130 { height: 130px; }
.h150 { height: 150px; }
.h160 { height: 160px; }
.h180 { height: 180px; }
.h190 { height: 190px; }
.h200 { height: 200px; }
.h210 { height: 210px; }
.h230 { height: 230px; }
.h240 { height: 240px; }
.h250 { height: 250px; }
.h270 { height: 270px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h340 { height: 340px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }
.h600 { height: 600px; }
.h700 { height: 700px; }
.h780 { height: 780px; }
.h800 { height: 800px; }

/* margin */
.m0	 { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m30 { margin: 30px; }

.mt0  { margin-top: 0px;  }
.mt2  { margin-top: 2px;  }
.mt3  { margin-top: 3px;  }
.mt5  { margin-top: 5px;  }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt100{ margin-top: 100px;}

.mr0  { margin-right: 0px !important;  }
.mr5  { margin-right: 5px;  }
.mr8  { margin-right: 8px;  }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr100{ margin-right: 100px;}

.mb0  { margin-bottom: 0px !important;  }
.mb5  { margin-bottom: 5px;  }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px !important; }
.mb70{ margin-bottom: 70px;}
.mb80{ margin-bottom: 80px;}
.mb100{ margin-bottom: 100px;}

.ml0  { margin-left: 0px;  }
.ml5  { margin-left: 5px;  }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml100{ margin-left: 100px;}
.ml200{ margin-left: 200px;}

/* padding */
.p0  { padding: 0px;  }
.p5  { padding: 5px;  }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p30 { padding: 30px; }

.pt5  { padding-top: 5px;  }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }
.pt100{ padding-top: 100px;}

.pr0  { padding-right: 5px !important;  }
.pr5  { padding-right: 5px;  }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr50 { padding-right: 50px; }
.pr100{ padding-right: 100px;}

.pb0  { padding-bottom: 0px;  }
.pb5  { padding-bottom: 5px;  }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }
.pb100{ padding-bottom: 100px;}

.pl0  { padding-left: 0px !important;  }
.pl3  { padding-left: 3px;  }
.pl5  { padding-left: 5px;  }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl100{ padding-left: 100px;}
.pl180{ padding-left: 180px !important;}
.pl400{ padding-left: 400px !important;}
.pl450{ padding-left: 450px !important;}

/*上边距*/
.b-t-0{ border-top:0 !important;}
.b-b-0{ border-bottom:0 !important;}
.b-t-gary{ border-top:1px solid #d2d2d2;}

/******************************width height margin padding end******************/


/****************************** color ************************/
.white{ color:#fff;}
.red{ color:#f42828;}
.red2{ color:#f74245;}
.red3{ color:#e94973;}
.link-red{ color:#b31919;}

.yellow{ color:#eeb520;}
.yellow2{ color:#cf7216;}

.orange{ color:#f13d20;}
.orange2{ color:#f99439;}

.light-red{ color:#d93797;}
.gary{ color:#8c8c8c;}

.ftx-01{ color:#f42424 !important;}
.ftx-02{ color:#23bc17 !important;}
.ftx-03{ color:#8c8c8c;}
.ftx-04{ color:#f68a00;}
.ftx-05{ color:#438cde;}
.ftx-06{ color:#333;}
.ftx-07{ color:#555;}
.ftx-08{ color:#F60;}
.ftx-09{ color:#b31919;}
.ftx-14{ color:#0000FF;}
.ftx-15{ color:#4dcdd2;}
.ftx-16{ color:#7abd54;}
.ftx-17{ color:#b31e22;}
.ftx-18{ color:#333333;}


.bg-ligtGary{ background-color:#f8f8f8;}

/****************************** color end ************************/





/****************************** button ************************/
.sc-btn{ padding:0 10px; height:28px; background:#fff; line-height:28px; border:1px solid #ccc; border-radius:4px; display:inline-block; color:#666; margin-right:10px; font-size:12px; cursor:pointer;}
.sc-btn:last-child{ margin-right:0;}
.sc-btn:hover{ text-decoration:none;}

.sc-red-btn{ border-color:#f42424; color:#f42424;}
.sc-red-btn:hover{ background-color:#ef1c1c; color:#fff;}
/****************************** button end ************************/









/****************************** bgcolor ************************/
.bgcolor1{ background-color:#449dae;}
.bgcolor2{ background-color:#a25684;}
.bgcolor3{ background-color:#c43d7e;}
.bgcolor4{ background-color:#e66a07;}
.bgcolor5{ background-color:#b62323;}
.bgcolor6{ background-color:#335cb6;}
.bgcolor7{background-color: #ffffff;}
.bgcolor8{background-color: #f5f5f5}

/****************************** color end ************************/










/* 分页 start*/
.dede_pages { height:40px; text-align:center; margin-top:30px; margin-bottom:30px}
.dede_pages a{ display:inline-block; background:#fff; border:1px solid #e9e9e9; height:35px; line-height:35px; padding:0px 15px; text-decoration:none; font-size:16px; margin:0px 3px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;color:#656565;}
.dede_pages a:hover{ border-color:#d2d2d2;}
.dede_pages .current{background:#b31e22; border-color:#b31e22; color:#FFFFFF}
.dede_pages .current:hover{background:#b31e22; border-color:#b31e22; color:#FFFFFF}
/* 分页 end*/

















/* footer 最新改版 start*/
.footer-new{ background-color:#ededed; margin-top:80px; overflow:hidden;}
.footer-new-con{ background-color:#262626; }
.footer-new-bot{ background-color:#fff; padding-top: 12px; padding-bottom: 16px; text-align: center; }
.f-icon{ background:url(../images/footer_new_icon.png) no-repeat; display:inline-block;}
.f-icon-qi{ background-position:0 0;}
.f-icon-zheng{ background-position:-34px 0;}
.f-icon-hao{ background-position:-68px 0;}
.f-icon-shan{ background-position:-102px 0;}
.f-icon-quan{ background-position:-136px 0;}
.f-icon-tel{ background-position:-3px -103px;}
.f-icon-kefu{ background-position:-3px -138px;}

.footer-new-top{ padding:24px 0;}
.footer-new-top .service-list{ overflow:hidden; float:left;}
.footer-new-top .contact{ float:right;}

.service-list .service-item{ float:left; width:170px; height:32px; line-height:30px; overflow:hidden; padding-right:10px; }
.service-list .service-item .f-icon{ width:32px; height:32px; float:left;}
.service-list .service-item span{ float:left; font-size:18px; color:#262626; margin-left:12px;}

.contact .contact-item{ float:left; height:32px; line-height:30px;}
.contact .contact-item.contact-item-first{}
.contact .contact-item .f-icon-tel{ width:22px; height:24px; float:left; margin-top:5px;}
.contact .contact-item .f-icon-kefu{ width:27px; height:24px; float:left; margin-top:4px;}
.contact .contact-item span{ float:left; color:#262626; font-size:16px; font-weight:bold; margin-left:8px; overflow:hidden}

.contact .contact-item.contact-item-first span{ width:140px;color:#d0111b;font-size: 24px;font-family: "Hoefler Text", "Liberation Serif", "Times New Roman", "serif"; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}




.footer-new-con .fnc-warp{ padding:30px 0; width:1200px; margin:0 auto;overflow:hidden;}
.footer-new-con .help-list{ float:left; width:900px;}
.footer-new-con .help-list .help-item{ float:left; width:170px; padding-right:10px;}
.footer-new-con .help-list .help-item h3{ font-size:16px; font-weight:bold; color:#fff; margin-bottom:20px;}
.footer-new-con .help-list .help-item li{ line-height:28px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.footer-new-con .help-list .help-item li a{ font-size:14px; color:#cccccc; width: 100%;}
.footer-new-con .help-list .help-item li a:hover{ color:#f42424;}

.footer-new-con .qr-code{ float:right;}
.footer-new-con .qr-code .qr-item{ float:left; width:104px; padding:2px; background-color:#fff;}
.footer-new-con .qr-code .qr-item .code_img,.footer-new-con .qr-code .qr-item .code_img img{ width:104px; height:104px;}
.footer-new-con .qr-code .qr-item .code_txt{ width:100%; height:20px; background-color:#121212; text-align:center; color:#fff;}
.footer-new-con .qr-code .qr-item-first{ margin-right:60px;}
/* footer 最新改版 end*/