body,ul,p,h1,h2,h3,h4,h5{padding:0px;margin: 0px;}
a{text-decoration: none;}
li{list-style-type: none;}
input,button{outline: none;border: 0}
div,p,a,span,i,b{font-size: 14px;font-family: "Helvetica Neue", "Microsoft Yahei"}
body{
	font-family: '微软雅黑';
}
/* 阴影 */
.shadow-sm {box-shadow: 0 2px 4px rgba(114, 130, 138, 0.2);}
.shadow {box-shadow: 0 8px 16px rgba(114, 130, 138, 0.2);}
.shadow-lg {box-shadow: 0 16px 48px rgba(114, 130, 138, 0.2);}

/* 定位 */
.position-absolute{ position: absolute; }
.position-fixed{ position: fixed; }
.position-relative{ position: relative; }
.left-0{ left: 0; }
.top-0{ top: 0; }
.bottom-0{ bottom: 0; }
.right-0{ right: 0; }

/* 宽高 */
.w-content{width: 1220px;}
.w-100{ width: 100%;}
.w-50{ width: 50%;}
.h-100{ height: 100%;}
.h-50{ width: 50%; }

/* 字体 */
.font0{ font-size: 0; }
.font{ font-size: 14px; }
.font-sm{ font-size: 12px; }
.font-md{ font-size: 16px; }
.font-md-1{font-size: 18px;}
.font-lg{ font-size: 20px; }
.font-big{ font-size: 24px; }
.font-title{ font-size: 30px;}
.font-noweight{ font-weight: initial; }
.font-weight{ font-weight: bold; }
.font-weight-100{ font-weight: 100; }
.font-weight-300{ font-weight: 300; }
.font-weight-500{ font-weight: 500; }
.font-white-space{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.line-h0{ line-height: 0px; }
.line-h{ line-height: 24px; }
.line-h-sm{ line-height: 20px; }
.line-h-md{ line-height: 28px }
.line-h-lg{ line-height: 32px }
.line-h-big{ line-height: 36px }

.line-through{ text-decoration: line-through; }

.text-center{ text-align: center; }
.text-left{ text-align: left!important; }
.text-right{ text-align: right!important; }

.row { box-sizing: border-box; display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}

/* 栅栏一 */
.col-1{ width:  8.3%}
.col-2{ width: 16.6% }
.col-3{ width: 24.9% }
.col-4{ width: 33.2%;}
.col-5{ width: 41.5%; }
.col-6{ width: 49.8%; }
.col-7{ width: 58.1%; }
.col-8{ width: 66.4%; }
.col-9{ width: 74.7%; }
.col-10{ width: 83%; }
.col-11{ width: 91.3%; }
.col-12{ width: 100%; }
/* 栅栏二 */
.span-1{ width: 5%; }
.span-2{ width: 10%; }
.span-3{ width: 15%; }
.span-4{ width: 20%;}
.span-5{ width: 25%; }
.span-6{ width: 30%; }
.span-7{ width: 35%; }
.span-8{ width: 40%; }
.span-9{ width: 45%; }
.span-10{ width: 50%; }
.span-11{ width: 55%; }
.span-12{ width: 60%; }
.span-13{ width: 65%; }
.span-14{ width: 70%; }
.span-15{ width: 75%; }
.span-16{ width: 80%; }
.span-17{ width: 85%; }
.span-18{ width: 90%; }
.span-19{ width: 95%; }
.span-20{ width: 100%; }
/* 栅栏三 */
.span24-1{ width: 4.17%; }
.span24-2{ width: 8.33%; }
.span24-3{ width: 12.5%; }
.span24-4{ width: 16.67%;}
.span24-5{ width: 20.83%; }
.span24-6{ width: 25%; }
.span24-7{ width: 29.17%; }
.span24-8{ width: 33.33%; }
.span24-9{ width: 37.5%; }
.span24-10{ width: 41.67%; }
.span24-11{ width: 45.83%; }
.span24-12{ width: 50%; }
.span24-13{ width: 54.17%; }
.span24-14{ width: 58.33%; }
.span24-15{ width: 62.5%; }
.span24-16{ width: 66.67%; }
.span24-17{ width: 70.83%; }
.span24-18{ width: 75%; }
.span24-19{ width: 79.17%; }
.span24-20{ width: 83.33%; }
.span24-21{ width: 87.5%; }
.span24-22{ width: 91.67%; }
.span24-23{ width: 95.83%; }
.span24-24{ width: 100%; }

/* flex布局 */
.d-flex{ display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex; display: flex; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }
.d-none {display: none;}
.d-inline{display: inline;}

.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-wrap{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.flex-nowrap{  -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;  }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ -webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.j-end{-webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.j-sb{ -webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.j-sa{ -webkit-box-pack: justify;-moz-justify-content: space-around;-webkit-justify-content: space-around;justify-content: space-around;}
.a-center{-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center; }
.a-start{-webkit-box-align: start; -moz-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start; }
.a-end{-webkit-box-align: end;-moz-align-items: flex-end;-webkit-align-items: flex-end; align-items:flex-end; }
.a-stretch{-webkit-box-align: stretch;-moz-align-items: stretch;-webkit-align-items: stretch; align-items: stretch; }
.a-self-start{ align-self: flex-start; }
.a-self-auto{ align-self: auto; }
.a-self-end{ align-self: flex-end; }
.a-self-stretch{ align-self:stretch; }
.a-self-baseline{ align-self:baseline; }


/* Border */
.border{  border-width: 1px; border-style: solid; border-color: #c8c8c8;}
.noborder{border:none}
.border-top{ border-top-width: 1px; border-top-style: solid; border-top-color: #ededed; }
.border-right{ border-right-width: 1px; border-right-style: solid; border-right-color: #ededed;}
.border-bottom{ border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#ededed;}
.border-left{ border-left-width: 1px;border-left-style: solid;border-left-color:#ededed;}

.border-0{ border-width: 0; }
.border-top-0{ border-top-width: 0; }
.border-right-0{ border-right-width: 0; }
.border-bottom-0{ border-bottom-width: 0; }
.border-left-0{ border-left-width: 0; }

.border-primary{ border-color: #007BFF }
.border-secondary{ border-color:#6C757D }
.border-success{ border-color: #a074c4 }
.border-danger{ border-color: #DC3545 }
.border-warning{ border-color:#FFC107 }
.border-info{ border-color: #17A2B8 }
.border-light{ border-color: #F8F9FA }
.border-dark{ border-color: #343A40 }
.border-white{ border-color: #FFFFFF }
.border-light-secondary{border-color: #F1F1F1;}

.rounded{ border-radius: 10px; }
.rounded-sm{ border-radius: 5px; }
.rounded-md{ border-radius: 15px; }
.rounded-lg{ border-radius: 20px; }
.rounded-big{ border-radius: 30px; }
.rounded-circle{ border-radius:100%; }
.rounded-0{ border-radius:0; }

/* color */
.text-primary{ color:#007BFF }
.text-secondary{ color:#6C757D }
.text-success{ color:#a074c4 }
.text-danger{ color: #DC3545 }
.text-warning{ color:#FFC107 }
.text-info{ color: #17A2B8 }
.text-light{ color: #F8F9FA }
.text-light7{ color: #777 }
.text-dark{ color: #343A40 }
.text-muted{ color: #999; }
.text-light-muted{ color: #b2b2b2; }
.text-white{ color: #fff; }
.text-sign{ color: #70370e}

.bg-primary{ background-color:#007BFF }
.bg-secondary{ background-color:#6C757D }
.bg-success{ background-color:#28A745 }
.bg-danger{ background-color: #DC3545 }
.bg-warning{ background-color:#FFC107 }
.bg-info{ background-color: #17A2B8 }
.bg-light{ background-color: #F8F9FA }
.bg-dark{ background-color: #343A40 }
.bg-white{ background-color: #fff; }
.bg-light-secondary{background-color: #F1F1F1;}
.bg-light-muted{background-color: #f4f4f4;}

/* Spacing */
.m-center {margin: 0 auto;}
.m-auto{margin: auto}
.m-0 { margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;}
.m { margin-left: 5px;margin-right: 5px;margin-top: 5px;margin-bottom: 5px;}
.m-1 { margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}
.m-2 { margin-left: 20px;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;}
.m-3 { margin-left: 30px;margin-right: 30px;margin-top: 30px;margin-bottom: 30px;}
.m-4 { margin-left: 40px;margin-right: 40px;margin-top: 40px;margin-bottom: 40px;}
.m-5 { margin-left: 50px;margin-right: 50px;margin-top: 50px;margin-bottom: 50px;}

.mx-0 { margin-left: 0;margin-right: 0;}
.mx { margin-left: 5px;margin-right: 5px;}
.mx-1 { margin-left: 10px;margin-right: 10px;}
.mx-2 { margin-left: 20px;margin-right: 20px;}
.mx-3 { margin-left: 30px;margin-right: 30px;}
.mx-4 { margin-left: 40px;margin-right: 40px;}
.mx-5 { margin-left: 50px;margin-right: 50px;}

.my-0 { margin-top: 0;margin-bottom: 0;}
.my { margin-top: 5px;margin-bottom: 5px;}
.my-1 { margin-top: 10px;margin-bottom: 10px;}
.my-2 { margin-top: 20px;margin-bottom: 20px;}
.my-3 { margin-top: 30px;margin-bottom: 30px;}
.my-4 { margin-top: 40px;margin-bottom: 40px;}
.my-5 { margin-top: 50px;margin-bottom: 50px;}

.mt-0 { margin-top: 0;}
.mt { margin-top: 5px;}
.mt-auto { margin-top: auto;}
.mt-1 { margin-top: 10px;}
.mt-2 { margin-top: 20px;}
.mt-3 { margin-top: 30px;}
.mt-4 { margin-top: 40px;}
.mt-5 { margin-top: 50px;}
.mt-6 { margin-top: 60px;}

.mb-0 { margin-bottom: 0;}
.mb { margin-bottom: 5px;}
.mb-auto { margin-bottom: auto;}
.mb-1 { margin-bottom: 10px;}
.mb-2 { margin-bottom: 20px;}
.mb-3 { margin-bottom: 30px;}
.mb-4 { margin-bottom: 40px;}
.mb-5 { margin-bottom: 50px;}

.ml-0 { margin-left: 0;}
.ml { margin-left: 5px;}
.ml-auto { margin-left: auto;}
.ml-1 { margin-left: 10px;}
.ml-2 { margin-left: 20px;}
.ml-3 { margin-left: 30px;}
.ml-4 { margin-left: 40px;}
.ml-5 { margin-left: 50px;}

.mr-0 { margin-right: 0;}
.mr-auto{margin-right: auto}
.mr { margin-right: 5px;}
.mr-1 { margin-right: 10px;}
.mr-2 { margin-right: 20px;}
.mr-3 { margin-right: 30px;}
.mr-4 { margin-right: 40px;}
.mr-5 { margin-right: 50px;}

.box-sizing-border{box-sizing: border-box;}

.p-0 {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
.p {padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom:5px;}
.p-1 {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}
.p-2 {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;}
.p-3 {padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;}
.p-4 {padding-left: 40px;padding-right: 40px;padding-top: 40px;padding-bottom: 40px;}
.p-5 {padding-left: 50px;padding-right: 50px;padding-top: 50px;padding-bottom: 50px;}

.px-0 { padding-left: 0;padding-right: 0;}
.px { padding-left: 5px;padding-right: 5px;}
.px-1 { padding-left: 10px;padding-right: 10px;}
.px-2 { padding-left: 20px;padding-right: 20px;}
.px-3 { padding-left: 30px;padding-right: 30px;}
.px-4 { padding-left: 40px;padding-right: 40px;}
.px-5 { padding-left: 50px;padding-right: 50px;}

.py-0 { padding-top: 0;padding-bottom: 0;}
.py { padding-top: 5px;padding-bottom: 5px;}
.py-1 { padding-top: 10px;padding-bottom: 10px;}
.py-2 { padding-top: 20px;padding-bottom: 20px;}
.py-3 { padding-top: 30px;padding-bottom: 30px;}
.py-4 { padding-top: 40px;padding-bottom: 40px;}
.py-5 { padding-top: 50px;padding-bottom: 50px;}

.pt-0 { padding-top: 0;}
.pt { padding-top: 5px;}
.pt-1 { padding-top: 10px;}
.pt-2 { padding-top: 20px;}
.pt-3 { padding-top: 30px;}
.pt-4 { padding-top: 40px;}
.pt-5 { padding-top: 50px;}

.pb-0 { padding-bottom: 0;}
.pb { padding-bottom: 5px;}
.pb-1 { padding-bottom: 10px;}
.pb-2 { padding-bottom: 20px;}
.pb-3 { padding-bottom: 30px;}
.pb-4 { padding-bottom: 40px;}
.pb-5 { padding-bottom: 50px;}

.pl-0 { padding-left: 0;}
.pl { padding-left: 5px;}
.pl-1 { padding-left: 10px;}
.pl-2 { padding-left: 20px;}
.pl-3 { padding-left: 30px;}
.pl-4 { padding-left: 40px;}
.pl-5 { padding-left: 50px;}

.pr-0 { padding-right: 0;}
.pr { padding-right: 5px;}
.pr-1 { padding-right: 10px;}
.pr-2 { padding-right: 20px;}
.pr-3 { padding-right: 30px;}
.pr-4 { padding-right: 40px;}
.pr-5 { padding-right: 50px;}

/*动画*/
.overflow-hidden{overflow: hidden;}
.transition-05{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

/* 浮动 */
.fl {
    float: left;
}

.fr {
    float: right;
}

/* 清除浮动 */
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

/* 鼠标悬停 */
.cursor-p {
    cursor: pointer;
}

/* 图片居中文字 */
.vertical-a-middle {
    vertical-align: middle;
}

.vertical-a-top {
    vertical-align: top;
}

.vertical-a-text-top {
    vertical-align: text-top;
}

button:hover {
    cursor: pointer;
}

.main-bg-color {
    /* 主色调 */
    background-color: #a074c4;
}

/* 文字换行 */
.text-wrap {
    text-overflow: clip;
    word-wrap: break-word;
}

/* 文字隐藏 */
.text-ellipsis {
    text-overflow: ellipsis;
}


/*===================页面头部底部公共样式开始=====================*/
.header-content,
.content-header_box,
.content-navbar_box,
.content-news,
.wrapper,
.footer {
    /* padding-left: 360px;
    padding-right: 360px; */
    width: 65%;
    margin: 0 auto;
    min-width: 1200px;

}
.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden;
}

.icon-search {
    width: 22px;
    height: 22px;
    top: 7px;
    z-index: 9;
}

.ivypha-logo {
    margin-top: 18px;
}

/* 左侧边框标题 */
.left-border_title {
    margin-bottom: 8px;
    border-left: 4px solid #a074c4;
}
.left-border_title p {
    margin-left: 9px;
    font-size: 24px;
}

/* 头部 */
.ivypha-wrapper > .header {
    height: 38px;
    line-height: 38px;
    background-color: #F5F5F5;
}

.ivypha-wrapper > .header .navigator-list {
}

.ivypha-wrapper > .header .navigator-list > .navigator {
    display: inline;
    float: left;
    font-size: 14px;
}

.ivypha-wrapper > .header .navigator:after {
    content: "|";
    color: #d5d5d5;
    width: 2px;
}

.ivypha-wrapper > .header .navigator-list > .after:after {
    content: "";
}

.ivypha-wrapper > .header .navigator-list > .after:first-of-type {
    padding: 0;
}
.ivypha-wrapper > .header .navigator-list > .navigator:last-of-type {
    padding: 0;
    border: none;
}
.ivypha-wrapper > .header .navigator-list > .navigator a{
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #666666;
}

/* 内容头部区域 */
.content-header {
    height: 155px;
}
.content-header .content-header_box {
    height: 88px;
    padding-top: 35px;
    padding-bottom: 27px;
}
.content-header .search-top {
    position: relative;
    height: 26px;
    line-height: 26px;
    left: 20px;
}
.content-header .search-top .search-tag{
    display: inline;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    behavior: url(https://gdivy.com/skin/css/PIE.htc);
}

.content-header .search-top .search-tag.active {
    background-color: #a074c4;
    border-radius: 8px 8px 0px 0px;
    color: #ffffff;
}

.content-header .search-input-wrapper{
    position: relative;
    width: 471px;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #ffffff;
    behavior: url(https://gdivy.com/skin/css/PIE.htc);
    border-radius: 23px;
    border: solid 2px #a074c4;
    z-index: 999;
}

.content-header .search-input-wrapper .input-outter {
    position: relative;
    width: 75%;
}

.content-header .search-input-wrapper .input-outter > input {
    width: 90%;
    height: -webkit-fill-available;
    border-radius: inherit;
    background-color: inherit;
    height: 32px;
    line-height: 32px;
}

.content-header .search-input-wrapper .search-button {
    width: 21%;
    height: 41px;
    margin-right: -1px;
    background-color: #a074c4;
    border-radius: 0px 23px 23px 0px;
    border: solid 1px #a074c4;
    color: #ffffff;
    font-size: 16px;
    top: 0;
    right: 0;
    behavior: url(https://gdivy.com/skin/css/PIE.htc);
}

.content-header .search-input-wrapper .search-input_menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.erweima {
    /* width: 70px;
    height: 70px; */
	display: none;
}
.erweimas{
	display: none;
}
/* 幻灯片 */
.turn{ width:100%; height:100%;  position:relative; overflow:hidden;margin-bottom: 30px;;}
.turn-loading{ width:100%;  position:absolute; z-index:4; overflow:hidden; background:#202f42;}
.turn-loading img{ width:32px; height:32px; margin:51px 0 0 135px;}
.turn-pic li{ position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0;width: 100%}
.turn-pic li img{ width:100%; height: 250px; overflow:hidden;z-index:500;} 
.turn-bg{ width:100%; height:50px; overflow:hidden;
    background:#000; 
    background: -moz-linear-gradient(top,rgba(51,51,51,0) 0%,#333 100%);
    background: -webkit-linear-gradient(top,rgba(51,51,51,0) 0%,#333 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#000 100%);
    position:absolute; z-index:2; bottom:0; filter:alpha(opacity=70); opacity:0.7;

}
.turn-tit{ font-size:12px;overflow: hidden}
.turn-tit a{ color:#fff; text-decoration:none;font-size: 16px;font-weight: bold}
.turn-tit li{ position:absolute; z-index:3; bottom:-20px; left:5px;}
.turn-btn{ position:absolute; z-index:3; font-size:12px; color:#fff; bottom:8px; right:15px;}
.turn-btn .lb,.turn-btn .rb{ width:6px; height:9px; background:url(https://gdivy.com/skin/static/btn.png) no-repeat; overflow:hidden; position:absolute; top:5px; left:-10px; cursor:pointer;}
.turn-btn .rb{ background-position:-6px 0; left:25px;}
.turn-btn span{ text-align:center;}

/* 幻灯片 */
.turnn{ width:100%; height:100%;  position:relative; overflow:hidden;margin-bottom: 30px;;}
.turnn-loading{ width:100%;  position:absolute; z-index:4; overflow:hidden; background:#202f42;}
.turnn-loading img{ width:32px; height:32px; margin:51px 0 0 135px;}
.turnn-pic li{ position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0;width: 100%}
.turnn-pic li img{ width:100%; height: 250px; overflow:hidden;z-index:500;} 
.turnn-bg{ width:100%; height:50px; overflow:hidden;
    background:#000; 
    background: -moz-linear-gradient(top,rgba(51,51,51,0) 0%,#333 100%);
    background: -webkit-linear-gradient(top,rgba(51,51,51,0) 0%,#333 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#000 100%);
    position:absolute; z-index:2; bottom:0; filter:alpha(opacity=70); opacity:0.7;

}
.turnn-tit{ font-size:12px;overflow: hidden}
.turnn-tit a{ color:#fff; text-decoration:none;font-size: 16px;font-weight: bold}
.turnn-tit li{ position:absolute; z-index:3; bottom:-20px; left:5px;}
.turnn-btn{ position:absolute; z-index:3; font-size:12px; color:#fff; bottom:8px; right:15px;}
.turnn-btn .lb,.turnn-btn .rb{ width:6px; height:9px; background:url(https://gdivy.com/skin/static/btn.png) no-repeat; overflow:hidden; position:absolute; top:5px; left:-10px; cursor:pointer;}
.turnn-btn .rb{ background-position:-6px 0; left:25px;}
.turnn-btn span{ text-align:center;}

/* 搜索提示框 */
.sousuotishikuang{
    width: 399px;
    background-color: #ffffff;
    z-index:500;
    position: absolute;
    display: none;
    top: 130px;
    box-shadow: darkgrey 1px 3px 10px 1px ;
}
.sousuotishikuang ul{
    margin-top: 40px;

}
.sousuotishikuang ul li{
    font-size: 16px;
    margin-left: 15px;
    margin-top: 5px;
}
.sousuotishikuang ul li a:hover{
    color: #a074c4;
}


/* 内容导航区 */
.content-navbar {
    background-color: #f3fff4;
}

.content-navbar .nav-item {
    width: 7%;
    /* height: 83px; */
    text-align: center;
}
.content-navbar .nav-list {
    padding-top: 20px;
    padding-bottom: 15px;
}
.content-navbar .nav-item .icon {
    width: 24px;
    height: 24px;
}

.erweima-content {
    position: relative;
    width: 14%;
    height: 50px;
}
.erweima-wrapper {
    position: absolute;
    text-align: center;
}
.erweima-wrapper:first-of-type {
    /* right: 100px; */
}

.erweima-content .erweima-text {
    color: #333;
    font-size: 12px;
}


/* ------------hover------------- */
.check-health .left-content .disease-tags .tag:hover{
    background-color: #28A745;
    color: #fff;
}
.ivypha-wrapper > .header .navigator-list > .navigator a:hover{
    color: #28A745;
}

.content-navbar .nav-item > a:hover {
    color: #28A745;
}

.content-news .article-item a:hover {
    color: #28A745;
}
.content-news .news_middle .middle-news-list li a:hover {
    color: #28A745;
}
.content-news .news_right a:hover {
    color: #28A745;
}
.session .wrapper a:hover {
    color: #28A745;
}
.check-health .left-content .search-diease button:hover {
    background-color: #28A745;
    color: #fff;
}



/*底部样式*/
.footer_col {
    height: 260px;
    padding-top: 40px;
    text-align: center;
    background-color: #f5f5f5;
}
.footer_col .footernav{
    color: #d8d8d8;
}
.footer_col .footernav a {
    color: #8c8c8c;
    margin: 0 20px;
}

.footer_col .copyright,a{
    color: #000;
}

.footer_col .footercert .nismsp{
    background: url('https://gdivy.com/skin/static/police.png') no-repeat;
    margin-left: 30px;
    padding-left: 20px;
}

.footer_col .copyright,.footercert,.footersign {
    margin-top: 15px;
}

/* <!-- 广告 --> */
.content-advertise1 .container{
    width: 50%;
    float: left;
    position: relative;
}
.content-advertise1 .adv_item{
    width: 90px;
    margin-right: 30px;
    float: left;
}
.content-advertise1 .adv_item .col_num {
    color: #D14836;
}
.content-advertise1 .adv_item div{
    display: inline-block;
}
.content-advertise1 .adv_item:hover {
    background-color: #a074c4;
    color: #fff;
}
.logo-container {
    position: absolute;
    right: 50%;
    background-color: #d9d9d9;
}



/*悬浮导航*/
.xuanfu{
    width: 470px;
    height: 390px;
    background-color:#f5f5f5;
    float: left;
    position: absolute;/*绝对定位*/
    left: 60%;
    top: 242px;
    display: none;
    z-index:999;
}
.xuanfutoubu{
    width: 100%;
    height: 40px;
    background-color:#a074c4;
    float: left;

}
.xuanfutoubu-wenzi1{
    float: left;
    color: #ffffff;
    margin-top:10px;
    margin-left:20px;
}
.xuanfutoubu-wenzi2:hover{
    float: right;
    color: #ffffff;
    margin-top:10px;
    margin-right:20px;
    text-decoration:underline;
}
.xuanfutoubu-wenzi2{
    float: right;
    color: #ffffff;
    margin-top:10px;
    margin-right:20px;
}
.xuanfuzhongjian{
    width: 100%;
    height: 350px;
    float: left;
    font-size:16px;
}
.xuanfuzhongjian ul li{
    width: 70px;
    height: 27px;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}
.jiahao{
    font-weight: 600;
    float: left;
    font-size:16px;
    color: darkgreen;
}
.xuanfuzhongjian a:hover{
    color: darkgreen;
}
/*===================页面头部底部公共样式结束=====================*/


.check-health .title {
    position: relative;
    padding: 17px 13px;

}
.check-health .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 98px;
    height: 3px;
    left: 0;
    background-color: #a074c4;
}
.check-health .title span {
    font-size: 24px;
}

.check-health .left,
.check-health .right {
    width: 585px;
}

/* 右侧 */
.check-health .right-content .seal {
    width: 70px;
    height: 70px;
	float: left;
    border-radius: 6px;
	behavior: url(https://gdivy.com/skin/css/PIE.htc);
    background-color: #f9ac32;
    color: #ffffff;
    text-align: center;
}

.check-health .right-content .seal span{
	letter-spacing:8px;
	display: block;
	margin-top: 8px;
	margin-left: 5px;
}

.check-health .right {
	width: 330px;
	height: 390px;
}

.check-health .right-content .visual {
	width: 330px;
    height: 324px;
	margin: 0 auto;
}

.check-health .right-content .visual .front {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}

.check-health .right-content .visual .visua1 {
	display: block;
	width: 200px;
	height: 90%;
	margin: 0 auto;
	text-align: center;
	background: url(https://gdivy.com/skin/static/man/2.png) center center;
	background-repeat:no-repeat;
	background-size: auto 100%;
}

.check-health .right-content .visual .front em {
	display: block;
	font-style:normal;
	width: 40px;
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	behavior: url(https://gdivy.com/skin/css/PIE.htc);
	background-color: #b8daff;
	position: absolute;
	z-index: 1;
}

.check-health .right-content .visual .front .visua1 .current {
	background-color: #3291f9;
}
.check-health .right-content .visual .front .visua1 .current a{
	color: #fff;
}

.check-health .right-content .visual .front .front_btn {
	text-align: center;
}

.check-health .right-content .visual .front .front_btn .front_ac {
	background-color: #f9ac32;
	color: #fff;
}

.check-health .right-content .visual .front .front_btn button{
	width: 65px;
	height: 30px;
	border-radius: 5px;
	behavior: url(https://gdivy.com/skin/css/PIE.htc);
}

.check-health .right-content .visual .front em a {
	color: #fff;
}

.check-health .right-content .visual .front .em1 {
    top: 5px;
    left: 60px;
}

.check-health .right-content .visual .front .em2 {
     top: 36px;
    left: 232px;
;
}

.check-health .right-content .visual .front .em3 {
	top: 84px;
    left: 60px;

}

.check-health .right-content .visual .front .em4 {
	top: 94px;
    left: 233px;
}

.check-health .right-content .visual .front .em5 {
    top: 124px;
    left: 60px;
}

.check-health .right-content .visual .front .em6 {
    top: 165px;
    left: 228px;
}

/* 人物背面 */
.check-health .right-content .visual .back .front_btn button{
	width: 65px;
	height: 30px;
	border-radius: 5px;
	behavior: url(https://gdivy.com/skin/css/PIE.htc);
}
.check-health .right-content .visual .back em {
	display: block;
	font-style:normal;
	width: 40px;
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	behavior: url(https://gdivy.com/skin/css/PIE.htc);
	background-color: #b8daff;
	position: absolute;
	z-index: 1;
}
.check-health .right-content .visual .back em a {
	color: #fff;
}

.check-health .right-content .visual .back {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}
.check-health .right-content .visual .visua2 {
	display: block;
	width: 200px;
	height: 90%;
	margin: 0 auto;
	text-align: center;
	background: url(https://gdivy.com/skin/static/man_back/9.png) center center;
	background-repeat:no-repeat;
	background-size: auto 100%;
}

.check-health .right-content .visual .back .front_btn .front_ac {
	background-color: #f9ac32;
	color: #fff;
}
.check-health .right-content .visual .back .em1 {
    top: 30px;
    left: 232px;
}

.check-health .right-content .visual .back .em2 {
	top: 61px;
    left: 233px;
}

.check-health .right-content .visual .back .em3 {
    top: 50px;
    left: 60px;
}

.check-health .right-content .visual .back .em4 {
    top: 92px;
    left: 233px;
}

.check-health .right-content .visual .back .em5 {
	top: 108px;
    left: 59px;
}

.check-health .right-content .visual .back .em6 {
    top: 124px;
    left: 233px;
}
.check-health .right-content .visual .back .em7 {
    top: 145px;
    left: 18px;
}

/* 人物正面hover */
.check-health .right-content .visual .front .em1:hover ~span{
	background: url(https://gdivy.com/skin/static/man/3.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .front .em2:hover ~span{
	background: url(https://gdivy.com/skin/static/man/4.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .front .em3:hover ~span {
	background: url(https://gdivy.com/skin/static/man/5.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .front .em4:hover ~span {
	background: url(https://gdivy.com/skin/static/man/6.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .front .em5:hover ~span {
	background: url(https://gdivy.com/skin/static/man/7.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .front .em6:hover ~span {
	background: url(https://gdivy.com/skin/static/man/8.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .front em:hover{
	background-color: #3291f9;
}


/* 人物背面hover */
.check-health .right-content .visual .back .em1:hover ~span{
	background: url(https://gdivy.com/skin/static/man_back/4.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .back .em2:hover ~span{
	background: url(https://gdivy.com/skin/static/man_back/3.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .back .em3:hover ~span {
	background: url(https://gdivy.com/skin/static/man_back/5.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .back .em4:hover ~span {
	background: url(https://gdivy.com/skin/static/man_back/7.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .back .em5:hover ~span {
	background: url(https://gdivy.com/skin/static/man_back/8.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .back .em6:hover ~span {
	background: url(https://gdivy.com/skin/static/man_back/10.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}
.check-health .right-content .visual .back .em7:hover ~span {
	background: url(https://gdivy.com/skin/static/man_back/10.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.check-health .right-content .visual .back em:hover{
	background-color: #3291f9;
}
.add-line{
	border-left: solid 1px #ececec;
		}



*{
	padding: 0px;
	margin: 0px;
}
body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
p.sansserif{font-family:'微软雅黑';}
.head-bar{
	height: 111px;
	width: 100%;
	background-color: #ffffff;
	/* position: fixed; */
	display: flex;
	justify-content: space-between;
	z-index: 9999;
}
.logo-bar{
	width: 160px;
	/* width:20%;
	height: 100%;
	display: flex;
	align-items: center; */
}
.logo-bar img{
	/* float: left; */
	width: 100%;
	height: auto;
}
.nav-bar{
	/* width:62%; */
	background-color: #ffffff;
	/* min-width: 600px; */
}
.nav{
	display:flex;
	align-items: center;
	justify-content:space-between;
	gap: 4rem;
}
.nav-item{
	height: 100%;
	line-height: 111px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	font-size: 16px;
	z-index: 999;
	font-weight:bold;
	min-width: 20px;
}
.nav-item-selected{
	color: #a074c4;
	flex: none;
	display: flex;
	justify-content: center;
}
.nav-item-selected:after{
		content: '';
		flex:none;
		height: 5px;
		background-color: #a074c4;
		position: absolute;
		bottom: 0px;
		z-index: 111;
		display: block;
		padding-left:20px;
		padding-right: 20px;
		border-radius: 6px;
		opacity: 0;
		animation: item-selected .3s .5s forwards;
}
.nav-item-unselected:after{
		content: '';
		flex:none;
		height: 5px;
		background-color: #04D382;
		position: absolute;
		bottom: 0px;
		z-index: 111;
		display: block;
		padding-left:20px;
		padding-right: 20px;
		border-radius: 6px;
		animation: un-item-selected .3s forwards;
}
/* 头部  导航条结束 */

.our-infomation-bar{
	padding-left: 230px;
	padding-right: 230px;
	height: 320px;
	background-color: #a074c4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.our-infomation-bar .info-bar{
	text-align: center;
	font-size:60px;
	/* margin: 130px; */
	color: #ffffff;
	position:relative
}
.info-bar p{
	font-size:60px;
}
.our-infomation-bar .info-bar::after{
	content: '+';
	font-size: 50px;
	position: absolute;
	top:-30px;
	right:-30px;
	margin-left: 50px;
	font-weight: 600;
}
.our-info{
	position: relative;
	/* width: 190px; */
	height: 30px;
	left: 10px;
	text-align: center;
	font-size: 23px;
	margin-top:35px;
}
/* 我们奋斗成果 */

.footer{
	height: 430px;
	width: 100%;
	background-color: #232323;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cqt-info-bar{
	width: 300px;
	height: 260px;
	line-height: 3;
}

.display-flex-center-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.erweima{
	width: 138px;
	height: 138px;
	background-color: #DDDDDD;
	background:url(../img/erweima.jpg) center center no-repeat;
	background-size: 100% 100%;
	margin-left: 120px;
	position: relative;
}
.erweima::after{
	content:"易兴堂网上药店APP下载";
	width: 120px;
	left: 10px;
	text-align: center;
	display: block;
	color: #b2b2b2;
	position: absolute;
	top:140px;
}

/* 页脚结束 */

/* 勾icon */
.great-icon{
	width: 19px;
	height: 19px;
	background-image: url(../img/svg/正确.svg);
	float: left;
	margin-right: 10px;
}
/* 复选框选中 */
.choose-box-select{
	width: 21px;
	height: 21px;
	background: url(../img/svg/复选框-选中.svg) center center  no-repeat;
	border-radius: 2px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.choose-box{
	width: 18px;
	height: 18px;
	border-radius: 2px;
	border:solid 1px #a074c4;
	float: left;
	margin-right: 10px;
	box-sizing: border-box;
}

/* 手机模板 */
.phone-bar{
	width: 250px;
	height: 470px; 
	background-color: #39393a;
	border-radius: 30px;
	position: relative;
	box-shadow: 0px 0px 40px 20px #e0e0e0;
}
.phone-wrapper{
	width: 237px;
	height: 456px;
	margin: 6px auto;
	background-color: #ffffff;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.phone-button{
	height: 70px;
	width: 5px;
	background-color: #39393a;
	position: absolute;
	right: -2px;
	border-radius: 0px 5px 5px 0px;
	top:90px;
}
.phone-button-2{
	height: 35px;
	width: 5px;
	background-color:#39393a;
	position: absolute;
	right: -2px;
	border-radius: 0px 5px 5px 0px;
	top:190px;
}
.phone-slider{
	position: absolute;
	top:-30px;
	left: 0px;
}
.phone-slider img{
	width: 100%;
}

.font-36{
	font-size: 36px;
}
.bar-title{
	width: 100%;
	font-size: 36px;
	text-align: center;
}
.bar-frist-context{
	
}
.width-1200{
	width: 1200px;
}

.content,.content-context-bar{
	/* width: 1920px; */
	margin: 0 auto;
}


input[type=checkbox]{
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
input[type=checkbox]:after{
	width: 180px;
	height: 180px;
	position: absolute;
	border:solid 1px #a074c4;
	background-color: orange;
	display: block;
	box-sizing: border-box;
	z-index: 999;
}
input[type=checkbox]:checked:after {
  content: "✓";
  width: 18px;
  height: 18px;
  background-color: #a074c4;
  display: block;
  position: absolute;
  border-radius: 3px;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
}
.choose-box-bar:hover{
	color: #a074c4;
	cursor: pointer;
}

/*下载APP*/

.download-content{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99;
	top:0px;
	left: 0px;
	display: block;
	}
.download-wrapper{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.2);
	position: fixed;
	z-index: 9999;
	top:0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,.3);
}
.download-bar{
	width: 400px;
	height: 500px;
	background-color: #ffffff;
	position: relative;
	border-radius: 0px 0px 30px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
}
.download-bar img{
	width:250px;
}
.download-bar::before{
	content: 'X';
	width: 40px;
	height: 40px;
	background-color:#a074c4;
	position: absolute;
	top:-50px;
	border-radius: 30px;
	z-index: 999;
	right: -14px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
}
.download-bar::after{
	content: '扫码下载';
	text-align: center;
	line-height: 60px;
	font-size: 26px;
	color: #ffffff;
	width: 400px;
	height: 60px;
	background-image: linear-gradient(to right,#a074c4,#a074c4);
	position: absolute;
	border-radius: 30px 30px 0px 0px;
	top:-7%;
	box-shadow: 0px 3px 6px 3px rgba(0,0,0,.1);
}
.content{
	transition: filter 1s;
}