@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}
body *{box-sizing: border-box;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1400,.width-1200{ width:1400px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:30px 0 30px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*版面宽度*/
.page_content{ width:1080px;} /*右边宽度*/
.page_left{ width:300px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.mset_buttom {
    display: block; width: 50px; height: 50px; text-align: center; position: absolute; top: 30px; right: 30px; font-size: 36px; z-index: 999; 
}
.mset_box {
    position: fixed; z-index: 10002; top: 50%; margin-top: -300px; 
    width: 960px; height: 600px; margin-left: -480px; left: 50%;    
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
}
.mset_tit {
    position: relative;
    padding: 0 80px 0 15px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}
.mset_content {
    padding: 10px;
}
.mset_content img{
    max-width: 300px; min-width: 110px; max-height: 500px; margin: 10px; box-shadow: 1px 1px 20px rgb(0 0 0 / 30%);
}
.mset_close {
    position: absolute; right: 10px;
}
.mset_content p {
    max-width:250px; margin:10px 0;  height: 50px; line-height: 50px;  border-radius: 2px; text-align: center; font-size: 14px; border: 1px solid #eee; background-color: #F8F8F8;
}
.mset_content .mset_step:before {
    color: #aaa; font-size: 20px; padding-right: 15px;    
}
.mset_content .mset_step:nth-child(1):before {
    content:'Step 01'; 
}
.mset_content .mset_step:nth-child(2):before {
    content:'Step 02'; 
}
.mset_content .mset_step:nth-child(3):before {
    content:'Step 03'; 
}
.mset_content .mset_step:nth-child(4):before {
    content:'Step 04'; 
}
.mset_content .mset_step:nth-child(5):before {
    content:'Step 05'; 
}
.mset_content .mset_step:nth-child(6):before {
    content:'Step 06'; 
}