@charset "utf-8";
/************************************************************
 * 1. css reset
*************************************************************/
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6,
form, fieldset, legend, input, textarea, optgroup, button, select,
p, blockquote, figure, hr, menu, dir,
thead, tbody, tfoot, th, td { margin: 0; padding: 0; }
ul, ol, dl { list-style: none; }

/* html, body { overflow: hidden; }  */      /* 解决移动端 overflow:hidden 在 div 上无效 */
html {
    width:100%; overflow-x:hidden;
    -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;  /* 防止IOS横屏字体放大 */
    /* font-size:62.5%; */ /* 10/16=62.5% */
    -webkit-text-size-adjust:none; font-size: 20px; line-height: 1;
}
body { -webkit-overflow-scrolling:touch; overflow-scrolling:touch;     /* 移动端上下拉动滚动条卡顿、慢 */ }
body, button, input, select, textarea {
    font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
    -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis; text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
}
button { border: 0 none; }
button[disabled], input[disabled] { cursor: default; }
button, input, select, textarea { text-transform: none; font-family: inherit; font-size: inherit; vertical-align: baseline; }
textarea { resize: vertical; }

input[type='submit'], input[type='image'], input[type="reset"], input[type="button"], label[for], 
select, button, .pointer { -webkit-appearance: button; cursor: pointer; }

input::-ms-clear, input::-ms-reveal { display: none; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

a { text-decoration: none; }
a:active { background-color: transparent; } 
a:active, a:hover, button { outline: 0 none; } 

i { font-style: normal; }
h1, h2, h3, h4, h5, h6, b { font-weight: normal; color: inherit; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
small, .small { display: inline-block; font-size: 72%; -webkit-transform: scale(1); color: #999; }   /* 12/14=0.8571428571 */
/* 
q {quotes:none;}
q:before, q:after {content:''; content:none;}
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
 */
table { border-collapse: collapse; border-spacing: 0; }
th { vertical-align: middle; text-align: center; }
table th, table td { border: 1px solid #ddd; }
table th { font-weight: inherit; border-bottom-width: 2px; border-bottom-color: #ccc; }

img { max-width: 100%; height: auto; vertical-align: top; }
/* ==========================================
   HTML5 元素
 ============================================ */
article, aside, details, figcaption, figure, footer, header, hgroup,
main, nav, menu, section, summary { display: block; }
audio, canvas, video, progress { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }


/************************************************************
 * 2. 通用类
*************************************************************/
.color1 { color: #eb7c2b; }
.color2 { color: #f00; }
.color3 { color: #d59438; }

.full { height: 100%; overflow: hidden; }
.w { width: 100%; }
/* 背景色 + 背景图片 */
.bg { background-color: #f0efe5; }
.bg1 { background-color: #fff; }
.bg2 { background-color: #f5f5f5; }
.bg3 { background-color: #d78765; }
.bg4 { background-color: #805847; }

/* 边框 */
.bor_t1 { border-top: 1px solid #d9d9d9; }
.bor_b1 { border-bottom: 1px solid #d9d9d9; }
.bor_r1 { border-right: 1px solid #d9d9d9; }

/* 阴影 */
.shadow {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
}

/* 透明 */
.opacity { -moz-opacity:.5; opacity: 0.5; }

/*单行文本溢出*/
.switch_list1 .con h2,
.switch_list1 .con h3,
.elli, .ellipsis { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*多行文本溢出（webkit内核浏览器适用）*/
.elli_n, .multiline_ellipsis {
    width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;  
}

/* 对齐 */
.tal, .align_left { text-align: left; }
.tac, .align_center { text-align: center; }
.tar, .align_right { text-align: right; }
.taj, .align_justify { text-align: justify; }

.vat, .align_top { vertical-align: top; }
.vam, .align_middle { vertical-align: middle; }
.vab, .align_bottom { vertical-align: bottom; }

/* 定位 + 浮动 */

.pr, .pos_relative { position: relative; z-index:1; }
.pa, .pos_absolute { position: absolute; z-index:1; }
.pf, .pos_fixed { position: fixed; z-index:999; }

.fl, .float_left { float:left; display:inline; }
.fr, .float_right { float:right; display:inline; }

.clfix { display: block; }
.clfix:after,
.buy_list .list:after,
.face_box .list:after,
.frame_box .list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.hide, .display_none { display: none; }
.show, .display_block { display: block; }
.inline_block { display: inline-block; }
.oh { overflow: hidden; }

/* 内外边距 */
.mtb { margin: 0px auto 2.45rem; }
.mtb1 { margin: 0 0 2.45rem; }

.mt { margin-top: .5rem; }
.mr { margin-right: .5rem; }
.mb { margin-bottom: .5rem; }

.mt1 { margin-top: .4rem; }
.mt2 { margin-top: .9rem; }
.mt3 { margin-top: .3rem; }
.mt4 { margin-top: .2rem; }
.mt5 { margin-top: .65rem; }

.mb1 { margin-bottom: 1.3rem; }
.mb2 { margin-bottom: 2.45rem; }
.mb3 { margin-bottom: 1.7rem; }

.p1 { padding: .5rem; }
.pt { padding-top: .5rem; }
.pt1 { padding-top: 1.35rem; }
.pb1 { padding-bottom: 1.35rem; }

.ptb1 { padding: 1.2rem 0; }


/*======================================== 媒体查询 ========================================*/
    /* 苹果4 屏 640*960 尺寸的样式 */
/*@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {}*/
/*@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {}*/
/* @media only screen and (device-height :568px) and (-webkit-device-pixel-ratio:2){} */
/*4 4s*/
/* @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){} */
/* 6 */
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    html { font-size:22px; }
}
/* 6+ */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
    html { font-size:22px; }
}
    /* 安卓屏幕宽度 720 ~ 1072 尺寸的样式 */
@media screen and (min-width: 360px) and (max-width: 538px) {
    html { font-size:22px; }
}
    /* 安卓屏幕宽度 750 ~ 1334 尺寸的样式 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
    html { font-size:22px; }
}