@charset "utf-8";
/* CSS Document */

/* @import url("../fonts/font.css");

 
@font-face {
	font-family:"TuNiuLei"; 
	src: url(../fonts/TuNiuLei.ttf)
}  */
  
  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
th,td{ border:1px solid #ededed; padding:5px;}
body{  color:#323232; font-family:helvetica,arial,sans-serif;  font-size:14px; margin:0 auto ; background:#fff; min-width:320px ; }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#323232; text-decoration:none; outline: none;-moz-outline-style: none; -webkit-tap-highlight-color:transparent}
a:hover{  text-decoration:none;  }
*{ margin:0; padding:0;} 
.container{ max-width:1530px; padding: 0 13px; margin:0 auto; width: 90%; box-sizing:border-box;  }
.clears{ clear:both;} 
.posr{ position:relative; z-index:1000}
/* .wrap{ max-width: 750px; min-width: 320px; margin: 0 auto; font-size: 14px; box-sizing: border-box;} */
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; }  
.show{ display: block !important;}
.hidden{ display: none !important; }
.bgfff{ background:#fff}
.bgfc{ background:#ccc !important;}
.bgfa{ background: #fafafa;}
.bgfd{ background:#fdfbfa}
.bgf2{ background:#f2f2f2;}
.bgf4{ background:#f4f4f4;}
.bgf5{ background:#F5F5F5;}
.bgf6{ background:#f6f6f6; }
.bgf7{ background:#f7f7f7;}
.bgf8{ background:#F8F8F8 !important;}
.images{ display: block; margin: 0 auto; max-width: 100%;}

input,button,select{ outline: none;}
 
.table{height:100%;display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

.box-shadow{box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.white-block{background: #FFF; border-radius: 8px; overflow: hidden;box-shadow: 0 0 6px rgba(0,0,0,.1);}

.theme-bg{ background: #1755a4 !important; color: #fff !important;} 
.red-bg{ background: #d92629 !important; color: #fff !important;} 
.white-bg{ background: #fff !important;} 
.page-grey{background: #F5F6F7 !important; }

.line{ background: #F7F7F7; height: 13px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

/**/
.redRadio{ width: 17px; height: 17px; position: relative; margin-right: 5px; top:2.5px}
.redRadio:after{content: ""; width: 17px;height: 17px;position: absolute;top: 0;left: 0; z-index: 10;background:#fff url(../images/cart_normal@2x.png)  no-repeat;background-size: 17px;}
.redRadio:checked:after{  background-image:  url(../images/cart_select@2x.png);}  

/**/
.overflow-h{ overflow: hidden;}
.overflow-x{ overflow-x: scroll;}
.overflow-y{ overflow-y: scroll;}


/*文字*/
.font12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font15{font-size: 15px !important;}
.font16{font-size: 16px !important;}
.font18{font-size: 18px !important;}
.font20{font-size: 20px !important;}
.font22{font-size: 22px !important;}
.font24{font-size: 24px !important;}
.font26{font-size: 26px !important;}
.font28{font-size: 28px !important;}
.font30{font-size: 30px !important;}
.font32{font-size: 32px !important;}
.font34{font-size: 34px !important;}
.font36{font-size: 36px !important;}
.font38{font-size: 38px !important;}


.font-color{ color: #000 !important;}
.font-color1{ color: #111 !important;}
.font-color2{ color: #222 !important;}
.font-color3{ color: #333 !important;}
.font-color4{ color: #444 !important;}
.font-color5{ color: #323232 !important;}
.font-color6{ color: #666 !important;}
.font-color7{ color: #777 !important;}
.font-color8{ color: #888 !important;}
.font-color9{ color: #999 !important;} 
.theme-color{ color: #e1d200 !important;}
.red-color{color: #e62129 !important;}
.green-color{color: #52c319 !important;} 
.font-bold{ font-weight: bold;}
.yellow-color{ color: #d29b30!important;}
 

/*省略号*/
.ellipsis{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/*按钮*/
.button-bottom-zhan{ height: 62px;}
.button-bottom{ display: flex; flex-direction: row; padding: 11px; box-sizing: border-box; width: 100%;}
.button-bottom .btn{ border: none; width: 100%; text-align: center; border: none; color: #fff; background: #aa1c1b; border-radius: 30px; line-height: 43px; font-size: 15px; }
.button-bottom .btn:last-child{ margin-right: 0;}
.button-bottom-ban .btn { background: #aa1c1b; width: 80%; margin-left: 10%;}

.button-all-zhan{ height: 45px;}
.button-all{ position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%;}
.button-all .btn{ text-align: center; background: #aa1c1b; color: #fff; display: block; line-height: 45px; font-size: 15px;}

/*箭头*/
.enter-right{ background: url(../images/enter.png) center right no-repeat; background-size: 8px; padding-right: 15px; box-sizing: border-box;}
.enter-white{ background: url(../images/enter-white.png) center right no-repeat; background-size: 8px; padding-right: 15px; box-sizing: border-box;}

/*边框*/
.border-bottom13{ border-bottom: 13px solid #f4f4f4;}
.border-top13{ border-top: 13px solid #f4f4f4;}

/*内边距*/
.padding{ padding: 0 !important;} 
.padding-top{ padding-top:0 !important;}
.padding-bottom{ padding-bottom:0 !important;}
.padding-left{ padding-left:0 !important;}
.padding-right{ padding-right:0 !important;}

.padding10{ padding: 10px !important;}
.padding10-tb{ padding: 10px 0 !important;}
.padding10-lr{ padding: 0 10px !important;}
.padding10-top{ padding-top:10px !important;}
.padding10-bottom{ padding-bottom:10px !important;}
.padding10-left{ padding-left:10px !important;}
.padding10-right{ padding-right:10px !important;}

.padding11{ padding: 11px !important;}
.padding11-tb{ padding: 11px 0 !important;}
.padding11-lr{ padding: 0 11px !important;}
.padding11-top{ padding-top:11px !important;}
.padding11-bottom{ padding-bottom:11px !important;}
.padding11-left{ padding-left:11px !important;}
.padding11-right{ padding-right:11px !important;}

.padding13{ padding: 13px !important;}
.padding13-tb{ padding: 13px 0 !important;}
.padding13-lr{ padding: 0 13px !important;}
.padding13-top{ padding-top:13px !important;}
.padding13-bottom{ padding-bottom:13px !important;}
.padding13-left{ padding-left:13px !important;}
.padding13-right{ padding-right:13px !important;}

/*外边距*/
.margin-auto{ margin: 0 auto !important;}
.margin{ margin: 0 !important;} 
.margin-top{ margin-top:0 !important;}
.margin-bottom{ margin-bottom:0 !important;}
.margin-left{ margin-left:0 !important;}
.margin-right{ margin-right:0 !important;}


.margin10{ margin: 10px !important;}
.margin10-tb{ margin: 10px 0 !important;}
.margin10-lr{ margin: 0 10px !important;}
.margin10-top{ margin-top:10px !important;}
.margin10-bottom{ margin-bottom:10px !important;}
.margin10-left{ margin-left:10px !important;}
.margin10-right{ margin-right:10px !important;}


.margin13{ margin: 13px !important;}
.margin13-tb{ margin: 13px 0 !important;}
.margin13-lr{ margin: 0 13px !important;}
.margin13-top{ margin-top:13px !important;}
.margin13-bottom{ margin-bottom:13px !important;}
.margin13-left{ margin-left:13px !important;}
.margin13-right{ margin-right:13px !important;}

.margin15{ margin: 15px !important;}
.margin15-tb{ margin: 15px 0 !important;}
.margin15-lr{ margin: 0 15px !important;}
.margin15-top{ margin-top:15px !important;}
.margin15-bottom{ margin-bottom:15px !important;}
.margin15-left{ margin-left:15px !important;}
.margin15-right{ margin-right:15px !important;}

.margin20{ margin: 20px !important;}
.margin20-tb{ margin: 20px 0 !important;}
.margin20-lr{ margin: 0 20px !important;}
.margin20-top{ margin-top:20px !important;}
.margin20-bottom{ margin-bottom:20px !important;}
.margin20-left{ margin-left:20px !important;}
.margin20-right{ margin-right:20px !important;}

/*定位*/
.position-r{  position: relative;}
.fixed-top{ position: fixed !important; top: 0; left: 0;}
.fixed-bottom{ position: fixed; bottom: 0; left: 0;}
.fixed-all{ position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
.fixed-black{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.8);}
.fixed-white{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,.9);}
.absolute-center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

.z-index1{ z-index: 1;}
.z-index10{ z-index: 10;}
.z-index99{ z-index: 99;}
.z-index100{ z-index: 100;}
.z-index999{ z-index: 999;}
.z-index1000{ z-index: 1000;}

/* form 文本 */
input::-webkit-input-placeholder{
        color: #999999;
}
input::-moz-placeholder{ 
        color: #999999;        
}
input:-ms-input-placeholder{ 
        color: #999999;        
}
input[type=submit],input[type=button],select,button{-webkit-appearance:none;appearance:none;-moz-appearance:none;} 
input,textarea,select{ font-family:"SourceHanSans";; outline:none; color: #323232; font-size: 15px;}

select{ background: url(../images/down.png)95% center no-repeat; padding-right: 30px !important;}

.chebuy,.chebuy2 { cursor:pointer;
    width: 15px;
	height:0; 
    background-color: #000; 
    position: relative; top:-7px; float:left
}
.chebuy:before,.chebuy:after,.chebuy2:before,.chebuy2:after {
    content: '';
    display: block;
    position: absolute; 
}
.chebuy:before,.chebuy2:before {
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px; background: url(../images/checkbox-normal.png); background-size:18px  
}
 
.chebuy:checked:before,.chebuy2:checked:before { background-image: url(../images/checkbox-select.png)}


.tab-title{ display: flex; flex-direction: row;justify-content: center; align-items: center; margin-bottom: 50px; }
.tab-title li {text-align: center; padding: 0 20px; font-size: 20px; color: #555; cursor: pointer; line-height: 56px; cursor: pointer;}
.tab-title li a{ display: block;}
.tab-title li.active,.tab-title li.active a,li.active a{ color: #ec6328;}
/* .tab-title li.active:after{ display:block; content: ""; width: 80px; height: 4px; margin: 0 auto; background: #e1d200;} */
.tab-block .block{ display: none;}
.tab-block .block:first-child{ display: block;}

.show{ display: block !important ;}
.hide{ display: none  !important ;}

.ul-spot li{ padding-left: 20px; position: relative; margin-bottom: 10px;}
.ul-spot li:after{ content: ""; float: left; width: 8px; height: 8px; background: #2c6180; border-radius: 50%;position: absolute; top: 10px; left: 0;}


/*一行三个模块*/
.block-three { overflow: hidden;}
.block-three li{ width: 32%; margin-right: 2%; float: left;}
.block-three li:nth-child(3n){ margin-right: 0;}

/*一行四个模块*/
.block-four { overflow: hidden;}
.block-four li{ width: 23.5%; margin-right: 2%; float: left;}
.block-four li:nth-child(4n){ margin-right: 0;}

/*行前黑点*/
.black-spot{ position: relative; padding-left: 10px;}
.black-spot:after{ content: ""; width: 7px; height: 7px; background: #000 !important ; border-radius: 50%; position: absolute; top: 50%; margin-top: -3.5px; left: 0;}

/*背景图片鼠标经过放大*/
.img-enlarge{ position:relative; overflow: hidden;}
.img-enlarge span{position: absolute; top: 0; left: 0; width: 100%;  height: 100%; transition: all .3s; background: center right no-repeat; background-size: cover;}
.img-enlarge:hover span{ transform: scale(1.1);}
/*pc / 手机分开展示*/
.pc-block{ display: block !important;}
.phone-block{ display: none !important;;}


/*block */
.block-ends{ display: flex;  flex-wrap: wrap; justify-content: space-between; } /*两端对齐*/
.block-content{display: flex;align-items: center;justify-content: center; flex-direction: row;}/*居中*/
.block-flex{display: flex; flex-direction: row;}/*居中*/


@media screen and (max-width:1500px) { }
@media screen and (max-width:1400px) { }
@media screen and (max-width:1024px) { 

.block-four li{ width: 32%; margin-right: 2%;}
.block-four li:nth-child(4n){margin-right: 2%;}
.block-four li:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 800px) {

.block-three li{ width: 48.5%; margin-right: 3%;}
.block-three li:nth-child(3n){margin-right: 3%;}
.block-three li:nth-child(2n){margin-right: 0;}
 }
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) {
*{ background-attachment:inherit;}
body{ font-size: 14px;}
.block-three li{ width: 100%; margin-right: 0%;}
.block-three li:nth-child(3n){margin-right: 0%;}
.block-three li:nth-child(2n){margin-right: 0;}


.block-four li{ width: 48.5%; margin-right: 3%;}
.block-four li:nth-child(3n){margin-right: 2%;}
.block-four li:nth-child(2n){margin-right: 0;}

.pc-block{ display: none !important;;}
.phone-block{ display: block !important;;}

select{ background-size: 12px;}

.tab-title li{ font-size: 15px; line-height: 45px;}
.tab-title li.active:after{ width: 60px; height: 2px;}
.container{ padding: 0;}

}
@media screen and (max-width: 320px) { }
@media screen and (min-width:1200px) {
	.wrap{max-width: 640px;}
}