@charset "utf-8";

/* CSS Document */

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:#555; font-family: "SourceHanSans";  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:#555; 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:1230px; width: 100%; padding: 0 13px; margin:0 auto; 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;}

.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;}

select{ }



.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: #555 !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: 1;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: #555; 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; border-bottom: 1px solid #EDEDED; }

.tab-title li {text-align: center; padding: 0 20px; font-size: 20px; color: #333; cursor: pointer; line-height: 56px; cursor: pointer;}

.tab-title li a{ display: block;}

.tab-title li.active,.tab-title li.active a{ color: #e1d200;}

.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;;}



@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;}





}

@media screen and (max-width: 320px) { }

@media screen and (min-width:1200px) {

	.wrap{max-width: 640px;}

}