@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: Noto Sans SC !important; font-size:14px; margin:0 auto ; min-width:320px ;  }
.bg{ position: absolute; min-width: 1366px;  z-index: 1; top: 0; left: 0;  height: 100%; width: 100%; background: url("../images/bg.jpg")/*tpa=https://www.tona.com.cn/images/bg.jpg*/ center no-repeat; background-size: cover;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none; }
a:focus,div:focus {outline-style:none; -moz-outline-style: none;}
*{ margin:0; padding:0;} 
.container{ max-width:1230px; width: 100%; padding: 0 13px;  margin:0 auto; box-sizing:border-box; position: relative;   }
.clears{ clear:both;} 
.posr{ position:relative; z-index:1000}
.wrap{ max-width: 750px; min-width: 320px; margin: 0 auto; font-size: 13px; 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}
.bgfd{ background:#fdfbfa}
.bgf2{ background:#f2f2f2;}
.bgf4{ background:#f4f4f4;}
.bgf5{ background:#f5f5f5;}
.bgf6{ background:#f6f6f6; overflow:hidden}
.bgf7{ background:#f7f7f7;}
.bgf8{ background:#F8F8F8;}
.images{ display: block; margin: 0 auto; max-width: 100%;}
.overflow{ overflow: hidden;}

input,button,select{ outline: none;}
img{ max-width: 100%;}

select{ background: url("../images/down-black.png")/*tpa=https://www.tona.com.cn/images/down-black.png*/ 94% center  no-repeat;}
select option{ color: #555;}

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

.theme-bg{ background: #7e0001 !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")/*tpa=https://www.tona.com.cn/images/cart_normal@2x.png*/  no-repeat;background-size: 17px;}
.redRadio:checked:after{  background-image:  url("../images/cart_select@2x.png")/*tpa=https://www.tona.com.cn/images/cart_select@2x.png*/;}  

/*宽/高*/
.min-width{ min-width: 1660px;  }

/*文字*/
.font12{font-size: 12px !important;}
.font14{font-size: 14px !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: #7e0001 !important;}
.red-color{color: #e62129 !important;}
.green-color{color: #52c319 !important;} 

.font-bold{ font-weight: bold;}

/**/
.border-n{ border: none !important;}
.b-radius5{ border-radius: 5px !important;}
.b-radius10{ border-radius: 10px !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: #1c7ebf; width: 60%; margin-left: 20%;}

/*箭头*/
.enter-right{ background: url("../images/enter.png")/*tpa=https://www.tona.com.cn/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")/*tpa=https://www.tona.com.cn/images/enter-white.png*/ center right no-repeat; background-size: 8px; padding-right: 15px; box-sizing: border-box;}
.enter-down{ background: url("../images/down2.png")/*tpa=https://www.tona.com.cn/images/down2.png*/ center right no-repeat; padding-right: 20px;}

/*定位*/
.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;}

/**/
.display-b { display:block !important;}
.display-n { display:none !important;}
.display-f { display:flex !important; flex-direction:row}


/* form 文本 */
.placeholder-grey::-webkit-input-placeholder{
        color: #999999;
}
.placeholder-grey::-moz-placeholder{ 
        color: #999999;        
}
.placeholder-grey:-ms-input-placeholder{ 
        color: #999999;        
}

input.placeholder-white::-webkit-input-placeholder{
        color: #fff;
}
input.placeholder-white::-moz-placeholder{ 
        color: #fff;        
}
input.placeholder-white:-ms-input-placeholder{ 
        color: #fff;        
}

input[type=submit],input[type=button],select,button{-webkit-appearance:none;appearance:none;-moz-appearance:none;} 
input,textarea,select{ font-family:"微软雅黑"; outline:none; color: #555;}

/*.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)}
*/


/*内边距*/
.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;}

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

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

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

.padding30{ padding: 30px !important;}
.padding30-tb{ padding: 30px 0 !important;}
.padding30-lr{ padding: 0 30px !important;}
.padding30-top{ padding-top:30px !important;}
.padding30-bottom{ padding-bottom:30px !important;}
.padding30-left{ padding-left:30px !important;}
.padding30-right{ padding-right:30px !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;}

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

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

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

@media screen and (max-width:1500px) { }
@media screen and (max-width:1400px) { 
}
@media screen and (max-width:1300px) { }
@media screen and (max-width: 800px) { }
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) {
*{ background-attachment:inherit;} 
body{ font-size: 13px;}
}
@media screen and (max-width: 320px) { }
@media screen and (min-width:1200px) { 
}