@charset "utf-8";
html {
    font-family: "Helvetica Neue",Helvetica, sans-serif;
    /*谷歌浏览器字体最小字体12px*/
    -webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/
    /*a标签及拥有 :active伪类的元素有默认的高亮框*/
    -webkit-tap-hightlight-color: transparent;
    /*禁止文本被选中*/
    -webkit-user-select: none;
}
body{
    font-family: Helvetica;
    overflow-x: hidden;
    /*开启moblie网页快速滚动和回弹的效果*/
    -webkit-overflow-scrolling: touch;
    font-size: 12px;
	background:#f3f3f3;
	min-width:320px;
}

/* 清除默认样式 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    color: #333;
    text-decoration: none;
}

em, i {
    font-style: normal;
}

ul, li, ol {
    list-style-type: none;
}

/*strong {*/
/*    font-weight: normal;*/
/*}*/

a, img {
    /*阻止长按页面，弹出菜单的方法*/
    -webkit-touch-callout:none;
}

input, textarea {
    -webkit-appearance: none;
    outline: none;
    border: none;
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}

/*修改placeholder的字体颜色*/


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc;
}

/* 图片自适应 */
img {
    height: auto;
    border: 0;
    width: auto\9; /* ie8 */
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
    vertical-align: middle;
}

/* 清除浮动 */
.clearfix:after{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}

.w50{
    width: 50%;
}
.w25{
    width: 25%;
}
.w20{
    width: 20%;
}
.w33{
    width: 33.333333%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.db{
    display: block !important;
}
.dn{
    display: none;
}

/*首页*/
h1{ width:auto; font-size:25px; background:url(../images/login.png) no-repeat center left; text-indent:36px; display:inline-block; float:left; margin-left:4%;}
h3{ width:100%; height:auto; font-size:22px; line-height:32px; display:inline-block; color:#333; text-align:center;}
h4{ width:100%; height:auto; display:inline-block; text-align:center; margin-top:20px;}
h4 a{ width:60%; font-size:20px; line-height:48px; color:#333; background:#ffe25b; font-weight:normal; border-radius:24px; display:inline-block; margin-bottom:4px;}
h4 a,h4 a:link,h4 a:active,h4 a:visited,h4 a:hover{ background:#ffe25b;}
h5{ width:92%; font-size:15px; line-height:22px; height:auto; color:#999; display:inline-block; margin:0 4%; font-weight:normal; text-align:center; margin-top:5px;}
h5 i{ color:#f60;}
h6{ float:left; width:100%;}
h6 strong{ float:left; font-size:24px; margin-right:20px;}
h6 em{ float:left; font-size:16px; font-style:normal; font-weight:normal; margin-top:10px; color:#999;}

header{ width:100%; height:auto; color:#fff; background:#1b1d46 url(../images/brbg.jpg) no-repeat center; display:inline-block;}

.toplist{ width:100%; height:60px; line-height:60px; position:relative; background:url(../images/bt1.png);}
.toplist .logo{ float:left; width:50%; z-index:999; margin:10px auto 0 10px; }
.toplist .logo a{text-decoration:none; display:inline-block; vertical-align:middle;}
.toplist .logo img{ max-width:100%; display:block; margin:0 auto;}
.toplist .nav{ float:right; margin:10px 10px 0  auto; z-index:9999;}
.toplist .nav ul{ position:absolute; top:60px; right:0; width:220px; height:auto; display:inline-block; text-align:center; background:#1d3286; display:none;}
.toplist .nav ul li{ float:left; width:100%; height:auto; border-top:1px solid #2540aa; border-bottom:1px solid #121e4d;}
.toplist .nav ul li a{ float:left; width:100%; line-height:50px; font-size:16px; color:#fff;}
.toplist .nav .d_block{ display:block;}


.banner{ width:100%; height:auto; display:inline-block; margin:0; padding:0; text-align:center;}
.banner span{ width:86%; height:auto; margin-top:50px; display:inline-block;}
.banner span img{ max-width:100%;}

header .bottom{ float:left; width:100%; height:auto; background:url(../images/bt1.png);}
header .bottom ul{ float:left; width:92%; margin:0 4%; padding-bottom:30px;}
header .bottom ul li{ float:left; width:50%; height:auto; text-align:center; margin-top:30px;}
header .bottom ul li img{ width:auto; height:50px; display:inline-block;}
header .bottom ul li strong{ width:100%; color:#fff; font-size:20px; display:inline-block;}
header .bottom ul li p{ width:100%; font-size:14px; color:#fff; display:inline-block;}



.sj_one,.sj_three{ background:#fff;}
.sj_one,.sj_two,.sj_three,.sj_four{ width:100%; height:auto; display:inline-block; padding:25px 0;}

.sj_one .list{ width:92%; margin:0px 4%; display:inline-block;}
.sj_one .list ul{ float:left; width:100%; height:auto; }
.sj_one .list ul li{ float:left; width:100%; height:auto; position:relative; background:#f3f3f3; text-align:center; margin-top:20px;}
.sj_one .list ul li img{ max-width:100%; border-radius:10px; margin:0 auto;}
.sj_one .list ul li strong{ line-height:20px; font-size:1.14rem; color:#04248c; position:absolute; top:42%; left:2%; display:inline-block;}
.sj_one .list ul li b{ width:110px; height:auto; line-height:32px; background-image:linear-gradient(270deg, #FF505F 0%, #FF8100 100%); color:#fff; text-align:center; font-size:13px; display:block; border-radius:15px; margin-top:15px; box-shadow:0 2px 8px 0 rgba(53,139,255,0.20); position:absolute; bottom:15%; left:5%;}
.sj_one .list ul li em{ width:80px; height:79px; position:absolute; top:-14px; left:18%; background:url(../images/hot2.png) no-repeat; background-size:100% auto; display:inline-block; text-align:center;}
.sj_one .list ul li em i{ width:40px; line-height:16px; font-size:13px; color:#fff; display:inline-block; margin-top:20px;}
.sj_one .list ul li:first-child{ margin-left:0;}
.sj_one .list ul li:first-child b{ background-image:linear-gradient(270deg, #358BFF 0%, #4AB0FF 100%);}
.sj_one .list ul li:first-child em{ background:url(../images/hot1.png) no-repeat; background-size:100% auto;}

.sj_one .pic{ width:92%; margin:0px 4%; display:inline-block; margin-top:30px;}
.sj_one .pic ul{ float:left; width:100%; height:auto;}
.sj_one .pic ul li{ float:left; width:48%; height:auto; position:relative; background:#f3f3f3; text-align:center; margin-top:44px;}
.sj_one .pic ul li img{ max-width:100%; border-radius:10px;}

.sj_one .pic ul li b{ position:absolute; top: -28px; left:50%; transform: translateX(-50%); font-size:1rem; color:#000; display:inline-block; width:100%;}

.sj_one .pic ul li:nth-child(2n){ float:right;}

.sj_two ul{ float:left; width:100%; height:auto;}
.sj_two ul li{ float:left; width:30%; text-align:center; margin:0 1.66%; margin-top:20px;}
.sj_two ul li em{ width:78px; height:78px; border:1px solid #fbcf00; background:#fffae3; border-radius:50px; text-align:center; position:relative; display:inline-block;}
.sj_two ul li em img{ display:block; margin:20px auto 0;}
.sj_two ul li em i{ width:26px; height:26px; line-height:26px; color:#fff; font-size:16px; position:absolute; top:0; left:0; background:#fbcf00; border-radius:13px;}
.sj_two ul li p{ font-size:14px; color:#333; line-height:22px; margin-top:10px;}

.sj_three ul{ float:left; width:92%; height:auto; margin:0 4%;}
.sj_three ul li{ float:left; width:32%; height:auto; display:inline-block; text-align:center; margin-top:10px; background:#fff; margin-right:2%; text-align:center;}
.sj_three ul li:nth-child(3n){ margin-right:0;}
.sj_three ul li img{ width:90%; max-width:202px; display:block; margin:0 auto;}
.sj_three ul li b{ width:100%; height:auto; display:inline-block; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sj_three ul li p{ width:82%; font-size:14px; line-height:20px; color:#999; display:inline-block; margin-top:6px; text-align:left;}
.sj_three span{ width:100%; margin-top:20px; text-align:center; display:inline-block;}
.sj_three span strong{ width:100%; font-size:22px; color:#f40; font-weight:bold; display:inline-block;}
.sj_three span p{ width:100%; font-size:14px; margin-top:10px; display:inline-block;}

.sj_four{ float:left; width:100%; height:auto;  background:#616161;}
.sj_four h3{ color:#fff;}
.sj_four ul{ float:left; width:92%; margin:20px 4% 0;}
.sj_four ul li{ float:left; width:31.33333%; height:115px; background:#fff; text-align:center; margin:0 1% 8px;}
.sj_four ul li img{ display:block; margin:40px auto 0;}
.sj_four ul li b{ width:100%; font-size:14px; margin-top:8px; display:inline-block; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sj_four dl{float:left; width:92%; margin:0 4%;}
.sj_four dl dd{ float:left; width:31.33333%; max-width:255px; margin:20px 1% 0;}
.sj_four dl dd img{ width:100%; display:block;}
.sj_four dl dt{ float:left; width:100%; color:#fff;}
.sj_four dl dt h3{  line-height:50px; margin-top:5px;}
.sj_four dl dt p{ float:left; height:auto; line-height:20px; font-size:14px; text-align:center;}

footer{ float:left; width:100%; height:auto; padding-bottom:20px;}
footer span{ width:100%; display: flex; justify-content: center; margin:25px 0px 15px; margin-left: 2.8%;}
footer span img{width:60%; max-width: 400px; text-align:center;} 
footer ul{ float:left; width:92%; height:auto; margin:0 4%;}
footer ul li{ float:left; width:100%; margin:6px auto; font-size:15px;}
footer ul li img{ float:left; margin-right:5px;}
footer ul li b{ float:left; line-height:20px; font-weight:normal; color:#666;}
footer ul li a{ float:left; color:#06bb14; margin-left:10px;}
footer em{ float:left; width:92%; margin:10px 4% 0;}
footer em img{ float:left; width:24%; margin-right:1.333%;}
footer em img:nth-child(4){ margin-right:0;}
footer p{ float:left;width:92%; margin:0 4%; height:auto; line-height:20px; font-size:14px; text-align:center; color:#999; margin-top:15px;}
footer p a{ float:left;width:92%; margin:0 4%; height:auto; line-height:20px; font-size:14px; text-align:center; color:#999; margin-top:-8px;}


/**其他页面**/

.article_top{ width:100%; height:auto; line-height:42px;  font-size:14px; box-shadow:0px 2px 3px rgba(0,0,0,.15); background:#fff; display:inline-block;}
.article_top strong{ float:left; width:92%; margin:0 4%; color:#999;}
.article_top b{ color:#666; font-weight:normal; margin-left:10px;}
.article_top b:first-child{ margin-left:0;}

.article_list{ float:left; width:92%; margin:0 4%; height:auto; background:#f3f3f3;}
.article_list ul{ float:left; width:100%; height:auto;}
.article_list ul li{ float:left; width:48%; height:auto; background:#fff; box-shadow:0px 2px 3px rgba(0,0,0,.15); margin-top:15px; margin-right:4%;}
.article_list ul li img{ width:100%; max-width:285px; height:auto; display:block; margin:0 auto;}
.article_list ul li span{ float:left; width:auto; padding:10px;} 
.article_list ul li strong{ float:left; width:100%; line-height:24px; font-size:15px; font-weight:bold; color:#333;}
.article_list ul li b{ float:left; width:100%; line-height:30px; font-size:16px; font-weight:bold; color:#f60;}
.article_list ul li em{ float:left; width:100%; font-size:14px; color:#999; line-height:20px;}
.article_list ul li em i{ color:#333;}
.article_list ul li:nth-child(2n){ margin-right:0;}
.article_list ul li a:hover{ color:#f60;}

.article_page{ float:left; width:100%; height:auto; text-align:center; margin-top:20px;}
.article_page .page_list{ width:100%; display:inline-block; font-size:14px;}
.article_page .page_list a{ width:36%; line-height:34px; font-size:14px; padding:0 12px; background:#fff; border:1px solid #ddd; display:inline-block; border-radius:20px; margin:0 2%}

.article_content{ float:left; width:100%; background:#f3f3f3; padding-top:15px;}
.article_reve{ float:left; width:92%; height:auto; box-shadow:0px 2px 3px rgba(0,0,0,.15); background:#fff; margin:0 4%; padding-bottom:10px;}
.article_reve .cont{ float:left; width:100%; height:auto; padding-left:4%; padding-right:4%;}
.article_reve .cont img{ width:100%; max-width:368px; display:block; margin:15px auto 0;}
.article_reve .cont nav{ float:right; width:100%; height:auto;}
.article_reve .cont strong{ float:left; width:100%; line-height:60px; font-size:24px; color:#333; font-weight:bold;}
.article_reve .cont p{ float:left; width:100%; font-size:14px; height:auto; line-height:20px; padding:8px 3%; color:#999; background:#f6f6f6; margin-top:8px; margin-bottom:10px;}
.article_reve .cont em{ float:left; width:100%; height:auto; line-height:32px; font-size:14px; color:#999;}
.article_reve .cont em i{ font-size:20px; font-weight:bold; color:#f60; display:inline-block; margin-right:10px;}
.article_reve .cont em b{ color:#333; font-weight:normal;}
.article_reve .cont em span{ line-height:22px; display:inline-block; font-size:12px; color:#fff; background:#f60; padding:0 5px; margin:0 2px;}
.article_reve .cont em span.no{ background:#999;}

.article_data{ float:right; width:92%;  box-shadow:0px 2px 3px rgba(0,0,0,.15); background:#fff; margin:0 4%; padding:0 4%; margin-top:15px;}
.article_data dl{ float:left; width:100%; height:auto; margin:10px auto;}
.article_data dl dd{ float:left; width:100%; margin:6px auto;}
.article_data dl dd img{ float:left; display:block; margin-right:5px;}
.article_data dl dd b{ float:left; font-size:14px; color:#666;line-height:18px; font-weight:normal;}
.article_data dl dd a{ color:#06bb14; text-decoration:underline; font-weight:bold; margin-left:10px;}

.article_intro{float:left; width:92%; height:auto; border-top:1px solid #ddd; margin:15px 4% 0;}
.article_intro .hd{ float:left; width:100%; height:45px; font-size:14px; color:#999; border-bottom:1px solid #ddd; background:#f3f3f3;}
.article_intro .hd ul{float:left; width:100%; box-shadow:0px 2px 3px rgba(0,0,0,.15);}
.article_intro .hd ul li{ float:left; width:32%; line-height:45px; font-size:16px; text-align:center; border-right:1px solid #ddd; cursor:pointer;}
.article_intro .hd ul li a{ width:100%; height:45px; display:inline-block; color:#666;}
.article_intro .hd .on{ line-height:44px; color:#f60; border-top:2px solid #f60; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #fff; margin-top:-1px;}
.article_intro .content,.article_intro .sale{ float:left; width:100%; height:auto; box-shadow:0px 2px 3px rgba(0,0,0,.15); background:#fff; text-align:center; padding:15px 4%;}

.article_intro .content p{ width:100%; font-size:14px; padding:6px 0; color:#666; line-height:26px; display:inline-block; text-align:left; text-indent:1em;}
.article_intro .content img{ display:block; margin:10px auto; max-width:100% !important; width: auto !important; height: auto !important;}
.article_intro .content strong span { display:block; text-align:left;}

.article_intro .sale{margin-top:15px;}
.article_intro .sale ul{ float:left; width:100%; height:auto;}
.article_intro .sale ul li{ float:left; width:100%; height:auto; text-align:left; margin:10px auto;}
.article_intro .sale ul li img{ float:left; margin-right:2%;}
.article_intro .sale ul li span{ float:left; width:81%;}
.article_intro .sale ul li strong{  font-size:18px; color:#3889ff; display:inline-block;}
.article_intro .sale ul li em{  font-size:14px; color:#999; display:inline-block;}


.tip-list-wrap {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    z-index: 11000;
    display: none;
}

.tip-list-wrap .tip-list {
    max-width: 270px;
    position: relative;
    width: 77%;
    margin: 0 auto;
    text-align: center;
    top: 30%;
    background: #fff;
    padding: 0 0 15px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}

.tip-list-wrap .tip-list .tip-list-header {
    background: #f0f0ee;
    padding: 10px 0;
    font-size: 14px;
    color: #4c4c4c;
}

.tip-list-wrap .tip-list .tip-list-body {
    padding: 0 15px;
    font-size: 13px;
    color: grey;
}

.tip-list-wrap .tip-list .titles {
    font-size: 15px;
    line-height: 26px
}

.tip-list-wrap .tip-list .tip-list-body .tip-list-btn {
    margin-top: 25px;
}

.tip-list-wrap .tip-list .tip-list-body .tip-list-btn .close-confirm {
    background: #00D48C;
    color: #fff;
    padding: 7px 11px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}

.tip-list-wrap .tip-list .tip-list-body .tip-list-btn .close-cancel {
    padding: 7px 11px;
    border-radius: 5px;
    color: #4c4c4c;
    border: 1px solid;
    margin-left: 23px;
}

.icon {
  text-align: center;
  display: inline-block;
  margin-top: 15px;
}

.icon img {
  width: 50px;
  margin-bottom: 14px;
}