@charset "UTF-8";
/*Mobile Sass(.scss) Library by @BlwooSky*/
/*Reset*/
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 { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
/*tools*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
ul.fix li { float: left; }
.l { float: left; }
.r { float: right; }
.cell { display: table-cell; width: 2000px; }
body { background: #eee; padding-bottom: 60px; font-family: "Microsoft YaHei"; }
header { overflow: hidden; line-height: 0; padding:4px 70px 4px 0; background: #027e7a; position: relative; }
header img { margin:0 0 0 7px; max-width:100%; height: auto; }
/* header .phoneBtn { position: absolute; display: block; width: 48px; height: 35px; background: #e98b34; right: 10px; top: 50%; margin-top: -18px; border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-radius:3px; -webkit-box-shadow: 0 0 1px 2px #b6651a; box-shadow: 0 0 1px 2px #b6651a; }
header .phoneBtn:before { content: ""; display: block; width: 28px; height: 30px; background: url(../images/icons.png) no-repeat -144px 0; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -15px; -webkit-background-size: 175px auto; background-size: 175px auto; } */

.topSearchBar { height: 50px; background: #fff; padding: 5px 20px 0 20px; position: relative; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.topSearchBar form { margin: 0 auto; width: 100%; background: #dfdfdf; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px #cecece, inset 0 3px 1px #b0b0b0; box-shadow: 1px 1px 1px #cecece, inset 0 3px 1px #b0b0b0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius:3px; }
.noticeTxt { z-index: 0; position: absolute; left: 10px; color: #a8a6a6; top: 10px; }
.noticeTxt b { font-weight: bold; margin-left: 5px; }
.searchRelated { opacity: 0; position: absolute; left: 0; top: 40px; padding: 0 20px; width: 100%; line-height: 2em; z-index: 4; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchRelated ul { background: #fff; overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); }
.searchRelated li { border-bottom: 1px solid #efefef; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.searchRelated li:nth-last-of-type(1) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 0 0 5px 5px;
}
.searchRelated li:hover, .searchRelated li:active { background: #efefef; }
.topSearchTxt { width: 100%; text-indent: 10px; position: relative; z-index: 1; display: block; padding: 0; line-height: normal; height: 36px; background: none; border: none; color: #a8a6a6; font-family: "Microsoft YaHei"; }
.topSearchTxt::-webkit-input-placeholder {
color: #a8a6a6;
}
.searchWrap { z-index: 2; position: absolute; right: 0; top: 4px; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); }
.searchWrap:before, .searchWrap:after { content: ""; display: block; position: absolute; }
.searchWrap:before { width: 6px; height: 12px; background: #aaa; top: 19px; left: 50%; margin-left: -3px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius:2px; }
.searchWrap:after { left: 50%; top: 0; margin-left: -11px; background: transparent; width: 14px; height: 14px; border: 4px solid #aaa; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border-radius:11px; }
.topSearchBtn { z-index: 2; position: relative; width: 40px; height: 33px; border: none; background: transparent; }
/*  .wrapHome { padding: 0 20px; overflow: hidden; }

.mainNav { margin: 20px 0 5px 0; text-align: center; line-height: 1em; font-size: 14px; }
.mainNav img { max-width: 100%; height: auto; }
.mainNav li { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainNav li:nth-of-type(3n+1) { padding-right: 10px; }
.mainNav li:nth-of-type(3n+2) { padding: 0 5px; }
.mainNav li:nth-of-type(3n+3) { padding-left: 10px; }
.mainNav a { display: block; color: #666; }
.mainNav p { overflow: hidden; margin: 6px 0; white-space: nowrap; } */ 
.wrapHome { overflow: hidden; }
.mainNav { margin: 20px 0 5px 0; text-align: center; line-height: 1em; font-size: 14px; }
.mainNav a { color: #424242; }
.mainNav b { display: inline-block; width: 100%; height: 100%; padding: 10px; background: #faf9f4; border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.mainNav b:hover, .mainNav b:active { -webkit-box-shadow: 0 0 8px rgba(255, 150, 0, 0.7); box-shadow: 0 0 8px rgba(255, 150, 0, 0.7); }
.mainNav img { width: 100%; height: auto; }
.mainNav li { width: 33.3%; }
.mainNav i { display: inline-block; background: #e9e1da; width: 80px; height: 80px; padding: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
.mainNav p { overflow: hidden; margin: 5px 0 7px 0; white-space: nowrap; }
.swipe { overflow: hidden; visibility: hidden; position: relative; line-height: 0; }
.swipe img { max-width: 100%; height: auto; }
.swipeWrap { overflow: hidden; position: relative; }
.swipeWrap > a { text-align: center; display: block; float: left; width: 100%; padding-right: 82px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.docAskLink { display: block; position: absolute; width: 120px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; bottom: 0; left: 50%; margin-left: -101px; background: #fda431; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius:2px; }
.docSlide { overflow: hidden; }
.docSlideWrap { overflow: hidden; position: relative; background: #fff; height: 140px; }
.docTxt { position: absolute; right: 0; top: 0; height: 100%; width: 82px; background: #027e7a; text-align: center; }
.docTxt b { font-size: 28px; color: #fff; display: block; margin: 25% 0 3px 0; line-height: 1.2em; }
.docTxt i { font-size: 12px; color: #015e5b; font-family: arial; text-transform: capitalize; }
#pagination { text-align: center; margin-top: 6px; line-height: 2em; }
#pagination li { width: 33.3%; margin-bottom: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#pagination li:nth-of-type(3n+1) {
padding-right: 6px;
}
#pagination li:nth-of-type(3n+2) {
padding: 0 3px;
}
#pagination li:nth-of-type(3n+3) {
padding-left: 6px;
}
#pagination a { color: #666; display: block; background: #fff; border: 1px solid #dedee2; }
#pagination .on { background: #017e7a; border-color: #006764; color: #fff; }
.bottomSection { text-align: center; }
.bottomTools { line-height: 30px; height: 30px; color: #017e7a; font-size: 0; background: #fff; }
.bottomTools i { margin: 0 5px; }
.bottomTools a, .bottomTools i { vertical-align: middle; color: #017e7a; font-size: 16px; }
.copyInfo { color: #666; line-height: 2em; font-size: 14px; }
.copyInfo a { color: #04807c; text-decoration: underline; }
.backToTop { height: 30px; display: block; line-height: 30px; color: #666; border-top: 1px solid #cccfd5; border-bottom: 1px solid #cccfd5; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e4e7)); background: -webkit-linear-gradient(top, white, #e2e4e7); background: linear-gradient(to bottom, white, #e2e4e7); }
.backToTop:hover, .backToTop:active { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }
 @-webkit-keyframes flash { 0%, 40%, 100% {
opacity: 1;
}
 50%, 90% {
opacity: 0;
}
}
 @keyframes flash { 0%, 40%, 100% {
opacity: 1;
}
 50%, 90% {
opacity: 0;
}
}

/* footer { -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.08);  z-index:1; overflow: hidden; border-top: 1px solid #cccfd5; height: 55px; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 14px; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#C5F7EF)); background: -webkit-linear-gradient(top, white, #C5F7EF); background: linear-gradient(to bottom, white, #C5F7EF); }
footer ul { display: table; table-layout: fixed; width: 100%; }
footer li { display: table-cell; }
footer li:nth-of-type(1) a:hover:before, footer li:nth-of-type(1) a:active:before, footer li:nth-of-type(1) a.active:before { background-position: 0 -35px; }
footer li:nth-of-type(1) a:before { background-position: 0 0; }
footer li:nth-of-type(2) a:hover:before, footer li:nth-of-type(2) a:active:before, footer li:nth-of-type(2) a.active:before { background-position: -38px -35px; }
footer li:nth-of-type(2) a:before { background-position: -38px 0; }
footer li:nth-of-type(3) a:hover:before, footer li:nth-of-type(3) a:active:before, footer li:nth-of-type(3) a.active:before { background-position: -76px -35px; }
footer li:nth-of-type(3) a:before { background-position: -76px 0; }
footer li:nth-of-type(4) a:hover:before, footer li:nth-of-type(4) a:active:before, footer li:nth-of-type(4) a.active:before { background-position: -114px -35px; }
footer li:nth-of-type(4) a:before { background-position: -114px 0; }
footer a { padding-bottom:5px; position: relative;z-index:2; display: block; color: #339693; }
footer a:before { content: ""; display: block; margin: 0 auto; width: 38px; height: 37px; background: url(../images/icons.png) no-repeat; -webkit-background-size: 188px auto; background-size: 188px auto; }
footer a:hover, footer a:active, footer a.active { background: #dfdfdf; color: #ff7500; }
footer .flashNo { position: absolute; right: 5px; top: 5px; width: 18px; height 18px; background: #d7000e; color: #fff; font-family: arial; line-height: 18px; border-top-left-radius: 9px;border-top-right-radius: 9px;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px;border-radius:9px; -webkit-animation: flash 2s infinite; animation: flash 2s infinite; } */
a[href*="tongji"] {
display:none;
}
.notification { position: fixed; top: 0; left: 0; width: 100%; height: 77px; background: #05726e; padding: 18px 10px; color: #fff; line-height: 1.2em; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); }
.notification a { position: absolute; right: 10px; top: 0; color: #fff; }
.notification a i { display: block; width: 80px; height: 30px; line-height: 30px; font-weight: bold; background: #fda431; text-align: center; color: #1d5d53; margin-bottom: 14px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
.popupWin { position: fixed; width: 224px; left: 50%; top: 50%; margin-left: -112px; margin-top: -67px; z-index: 3; }
.popupWin>div { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.popupTitle { background: #04807c; height: 30px; line-height: 30px; color: #fff; position: relative; }
.popupTitle:before { content: ""; display: inline-block; vertical-align: middle; width: 32px; height: 100%; margin-left: 5px; background: url(../images/icon_popup.png) no-repeat; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupTitle a { position: absolute; top: 0; right: 0; display: block; width: 28px; height: 100%; background: url(../images/icon_popup.png) no-repeat -32px 2px #047672; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupInner { padding: 8px; background: #f2f2f2; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.popupInner img { width: 56px; height: auto; }
.popupInner .dialogBtn { width: 140px; background: #fff; padding: 8px; font-size: 12px; color: #666; white-space: nowrap; position: relative; border: 1px solid #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popupInner .dialogBtn i { display: block; color: #ff7500; margin-top: 10px; text-decoration: underline; }
.popupInner .dialogBtn:before, .popupInner .dialogBtn:after { width: 0; height: 0; content: ""; position: absolute; right: 10px; border: 6px solid transparent; }
.popupInner .dialogBtn:before { border-top-color: #fff; bottom: -10px; z-index: 1; }
.popupInner .dialogBtn:after { border-top-color: #e9e9e9; bottom: -11px; z-index: 0; }
.popupInner .popB { margin: 10px 0 0 0; }
.popupInner .popB p { font-size: 14px; padding-top: 6px; color: #666; }
.popupInner .popB .flashNo { display: inline-block; width: 14px; height: 14px; vertical-align: middle; background: #ff7500; text-align: center; color: #fff; line-height: 14px; font-family: arial; -webkit-animation: flash 1s infinite; animation: flash 1s infinite; }
.popupInner .replyQuickly { display: inline-block; width: 72px; height: 26px; line-height: 24px; text-align: center; background: #04807c; color: #fff; font-size: 14px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius:2px; -webkit-box-shadow: inset 0 -2px 1px #014441; box-shadow: inset 0 -2px 1px #014441; }
/* .wrapInner { padding: 10px; overflow: hidden; }

.innerNav { background: #fff; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #dadbdf; }
.innerNav li { width: 33.3%; }
.innerNav li:nth-of-type(1) img, .innerNav li:nth-of-type(2) img, .innerNav li:nth-of-type(3) img, .innerNav li:nth-of-type(4) img { margin-top: 8px; }
.innerNav li:nth-of-type(5) img { max-width: 28px; }
.innerNav li:nth-of-type(6) img { max-width: 20px; }
.innerNav a { color: #666; display: block; height: 40px; width: 100%; white-space: nowrap; }
.innerNav a:hover, .innerNav a:active { background: #eee; }
.innerNav img { float: left; height: auto; vertical-align: middle; max-width: 30px; margin-left: 10px; } */
.wrapInner { padding: 10px; overflow: hidden; }
.innerNav { background: #fff; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #dadbdf; }
.innerNav img { float: left; height: auto; vertical-align: middle; max-width: 30px; margin-left: 6px; }
.innerNav li { width: 33.3%; }
.innerNav li:nth-of-type(1) img {
margin-top: 1px;
}
.innerNav li:nth-of-type(2) img, .innerNav li:nth-of-type(3) img, .innerNav li:nth-of-type(6) img {
max-width: 34px;
}
.innerNav li:nth-of-type(2) img {
margin-top: 5px;
}
.innerNav li:nth-of-type(3) img {
margin-top: 3px;
}
.innerNav li:nth-of-type(4) img {
margin-left: 8px;
margin-top: 2px;
}
.innerNav li:nth-of-type(5) img {
margin-top: 4px;
}
.innerNav li:nth-of-type(6) img {
margin-top: 2px;
}
.innerNav a { color: #666; display: block; height: 40px; width: 100%; white-space: nowrap; }
.sectionTitle { line-height: 33px; text-indent: 10px; color: #fff; background: #04807c; margin: 10px 0 0 0; }
.sectionTitle a { color: #fff; }
.icoList li a { position: relative; }
.icoList li a:before { content: ""; width: 6px; height: 6px; left: 7px; top: 50%; margin-top: -3px; background: #027e7a; position: absolute; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius:3px; }
/*.arcList { margin-top: 10px; }
.arcList li { margin-bottom: 10px; }
.arcList a { display: block; background: #fff; padding: 10px 10px 10px 20px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.arcList a:hover, .arcList a:active { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }
.arcList h3 { color: #04807c; position: relative; margin-bottom: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.arcList h3:before { content: ""; width: 6px; height: 6px; display: inline-block; background: #04807c; position: absolute; left: -10px; top: 5px; border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-radius:3px; }
.arcList p { color: #666; font-size: 14px; height: 43px; overflow: hidden; line-height: 1.6em;}
.arcList p .readMoreTxt{ font-weight:normal; width: 66px; color: #ff0000; background: #fff;}
.arcList i { color: #ff0000; }*/
.arcList { margin-top: 10px; }
.arcList li { margin-bottom: 10px; background: #fff; padding: 0 80px 0 0; position: relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.arcList .arcLink { display: block; padding: 10px 0 10px 20px; }
.arcList .arcLink:hover, .arcList .arcLink:active { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4); }
.arcList .askDoc { padding:0; display: block; width: 60px; height: 35px; line-height: 35px; background: #099c9c; color: #fff; text-align: center; border-bottom: 2px solid #055e5e; position: absolute; right: 10px; top: 50%; margin-top: -18px; }
.arcList h3 { color: #04807c; position: relative; margin-bottom: 2px; }
.arcList h3:before { content: ""; width: 6px; height: 6px; display: inline-block; background: #04807c; position: absolute; left: -10px; top: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.arcList p { color: #666; font-size: 14px; height: 43px; overflow: hidden; line-height: 1.6em; }
.arcList i { color: #ff0000; }
.arcList li:first-of-type:before, .arcList li:nth-of-type(2):before {
content: "";
display: block;
position: absolute;
left: -3px;
top: -3px;
width: 40px;
height: 39px;
background: url(/images/listCorner.png) no-repeat;
-webkit-background-size: 40px auto;
background-size: 40px auto;
}
.arcList li:first-of-type:before { background-position: left top; }
.arcList li:nth-of-type(2):before {
background-position: left bottom;
}
.arcListSection { padding: 10px; }
.arcList a { display: block; background: #fff; padding: 10px 10px 10px 20px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.arcList h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pagingArc { font-size: 0; margin: 10px 0; }
.pagingArc a { font-size: 14px; display: inline-block; width: 48%; height: 40px; line-height: 40px; background: #4696a3; position: relative; color: #fff; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pagingArc a:before { content: ""; height: 0; width: 0; border: 20px solid white; position: absolute; top: 0; }
.pagingArc a:hover, .pagingArc a:active { background: #a6a6a6; }
.pagingArc a:nth-of-type(1) {
float: left;
padding-left: 25px;
}
.pagingArc a:nth-of-type(1):hover:before {
border-right-color: #a6a6a6;
}
.pagingArc a:nth-of-type(1):before {
left: -20px;
border-right-color: #4696a3;
}
.pagingArc a:nth-of-type(2) {
padding: 0 20px 0 10px;
float: right;
}
.pagingArc a:nth-of-type(2):hover:before {
border-left-color: #a6a6a6;
}
.pagingArc a:nth-of-type(2):before {
right: -20px;
border-left-color: #4696a3;
}
.pagingArc a:nth-of-type(2) ~ span {
display: none;
}
.paging { text-align: center; margin: 10px 0; padding: 0 20px; }
.paging a { display: block; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.paging span { display: inline-block; width: 100% !important; height: 40px !important; line-height: 40px !important; color: #fff; background: #4696a3; position: relative; }
.paging span:before { content: ""; height: 0; width: 0; border: 20px solid transparent; position: absolute; top: 0; }
.paging span:hover, .paging span:active { background: #a6a6a6; }
.paging span.prePage { width: 48% !important; float: left; }
.paging span.prePage:hover:before { border-right-color: #a6a6a6; }
.paging span.prePage:before { left: -40px; border-right-color: #4696a3; }
.paging span.nextPage { width: 48% !important; float: right; }
.paging span.nextPage:hover:before { border-left-color: #a6a6a6; }
.paging span.nextPage:before { right: -40px; border-left-color: #4696a3; }
.paging span.nextPage ~ span {
display: none;
}
.commonIll { margin-top: 10px; text-align: center; line-height: 30px; font-size: 14px; }
.commonIll li { width: 25%; margin-bottom: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.commonIll li:nth-of-type(4n+1) {
padding-right: 6px;
}
.commonIll li:nth-of-type(4n+2), .commonIll li:nth-of-type(4n+3) {
padding: 0 3px;
}
.commonIll li:nth-of-type(4n+4) {
padding-left: 6px;
}
.commonIll a { display: block; color: #04807c; background: #fff; border: 1px solid #dadbdf; }
.commonIll a:hover, .commonIll a:active { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.contactBtn { margin: 10px 0; text-align: center; line-height: 36px; }
.contactPhone, .contactOnline { width: 48%; font-size: 14px; color: #fff; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius:5px; }
.contactPhone i:before, .contactOnline i:before { content: ""; display: inline-block; vertical-align: middle; width: 28px; height: 28px; margin-right: 1px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-radius:14px; }
.contactPhone i, .contactPhone b, .contactOnline i, .contactOnline b { display: block; }
.contactPhone b, .contactOnline b { background: rgba(255, 255, 255, 0.2); }
.contactPhone:hover, .contactPhone:active, .contactOnline:hover, .contactOnline:active { -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8); }
.contactPhone { background: #fd8724; }
.contactPhone i:before { background: url(../images/icons.png) no-repeat -125px 0px #e06702; -webkit-background-size: 155px auto; background-size: 155px auto; }
.contactOnline { background: #04807c; }
.contactOnline i:before { background: url(../images/icons.png) no-repeat -107px -23px #065956; -webkit-background-size: 133px auto; background-size: 133px auto; }
article { padding: 5px; background: #fff; }
.arcTitle { text-align: center; color: #000; font-size: 18px; line-height: 1.4em; margin: 10px 0; }
.arcMeta { text-align: center; color: #666; font-size: 14px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; }
.arcContent { padding:10px; line-height: 1.8em; color: #666; /*height: 315px;*/ overflow: hidden; }
.arcContent p { margin-bottom:15px; }
.arcContent p:first-letter { margin-left:2em; }
.arcContent img { max-width: 100%; height: auto !important; }
.arcContent strong, .arcContent b { font-weight:bold !important; }
.arcContent em, .arcContent i { font-style:italic !important; }
.showAllContent { width: 50%; margin: 0 auto; display: block; text-align: center; line-height: 2em; color: #666; color: #fff; background: #008f84; border-bottom: 1px solid #e9e9e9; margin-top: 10px; }
.arcInfos { font-size: 14px; padding: 10px 5px; color: #666; }
.arcInfos i { color: #04807c; }
.roadSection { background: #fff; padding: 10px; }
.roadSection ul { line-height: 1.4em; font-size: 14px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; }
.roadSection ul a { color: #04807c; }
.roadSection li { position: relative; padding-left: 20px; }
.roadSection li:before { content: ""; display: inline-block; position: absolute; left: 5px; top: 8px; width: 6px; height: 6px; background: #04807c; margin: 0 5px 0 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.roadSection img { max-width: 100%; height: auto; }
.mapImg { text-align: center; padding: 10px 0; line-height: 0; }
/* 地图 map begin */
.BMapLib_sendToPhone { display: none; }
.map { height: 400px; }
.mappic { background: #858585; height: 100%; }
.mapbtn { height: 20%; }
.mapbtn p { height: 50%; text-align: center; font-size: 14px; }
.mapbtn p:nth-of-type(1) a {
height: 80%;
color: #333;
background: #fff;
margin-top:20px;
}
.mapbtn p:nth-of-type(2) a {
height: 50%;
color: #fff;
background: #ff5000;
padding-top:7px;
}
.mapbtn a { display: block; height: 100%; line-height: 20px; }
/* 地图 map end */

.warmNotice { border: 1px dashed #ffcc00; padding: 10px; background: #fbf9eb; }
.warmNotice h3 { color: #f56c11; margin-bottom: 5px; }
.warmNotice p { line-height: 1.4em; color: #666; }
.roadLink1, .roadLink2 { display: block; text-align: center; line-height: 45px; margin-top: 10px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius:5px; }
.roadLink1 { color: #279d99; font-size: 14px; -webkit-box-shadow: inset 0 -3px 1px #939292; box-shadow: inset 0 -3px 1px #939292; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#d9d8d8)); background: -webkit-linear-gradient(top, white, #d9d8d8); background: linear-gradient(to bottom, white, #d9d8d8); }
.roadLink2 { color: #fff; background: #04807c; -webkit-box-shadow: inset 0 -3px 1px #014643; box-shadow: inset 0 -3px 1px #014643; }
.roadLink2 b { font-size: 18px; margin-right: 5px; }
.roadLink2:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; width: 22px; height: 30px; background: url(../images/icons.png) no-repeat -160px -3px; -webkit-background-size: 188px auto; background-size: 188px auto; }
.redTxt { color:red !important; }
/*Add by dxl for ydbanner*/
.yd_banner { text-align:center; margin-top:10px; }
.yd_banner img { max-width:100%; height:auto; }
/*add for order form by blwoosky*/
.btn_green { padding: 3px 15px; background: #00b386; color: #fff; white-space: nowrap; border: none; font-size: 32px; cursor: pointer; font-family: "Microsoft YaHei"; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 1px #01740e; -moz-box-shadow: 0 4px 1px #01740e; box-shadow: 0 4px 1px #01740e; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b115), color-stop(100%, #018911)); background-image: -webkit-linear-gradient(top, #00b115, #018911); background-image: -moz-linear-gradient(top, #00b115, #018911); background-image: -o-linear-gradient(top, #00b115, #018911); background-image: linear-gradient(top, #00b115, #018911); }
.top { height: 60px; line-height: 60px; text-align: center; position: relative; background: #177a7a; }
.top b { font-size: 26px; color: #fff; font-weight: normal; }
.top a { position: absolute; display: block; }
.top a.back { text-align: left; text-indent: 17px; width: 68px; height: 100%; line-height: 62px; color: #0a4f4f; top: 0; left: 3px; background: url(../images/icon_main.png) no-repeat 0 2px; }
.top a.phone { right: 10px; top: 10px; width: 50px; height: 37px; -webkit-box-shadow: 0 4px 1px #cb662d, 0 0 1px 3px #105555, 0 4px 1px 3px #105555; -moz-box-shadow: 0 4px 1px #cb662d, 0 0 1px 3px #105555, 0 4px 1px 3px #105555; box-shadow: 0 4px 1px #cb662d, 0 0 1px 3px #105555, 0 4px 1px 3px #105555; }
.top a.phone b { display: block; width: 100%; height: 100%; background: url(../images/icon_main.png) no-repeat -72px -11px; }
.register { padding: 30px 13px; }
.register input:not(.btn_submit), .register textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 24px;
line-height: normal;
text-indent: 18px;
width: 100%;
border: 1px solid #006a65;
font-family: "Microsoft YaHei";
-webkit-box-shadow: inset 2px 2px 2px rgba(0, 137, 131, 0.4);
box-shadow: inset 2px 2px 2px rgba(0, 137, 131, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.register textarea { padding-top: 18px; height: 185px; margin-top: 30px; }
.register input { height: 50px; }
.register .btn_submit_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 30px; text-align: center; position: relative; }
.register .btn_submit_wrap span { position: absolute; left: 50%; top: 5px; margin-left: -100px; vertical-align: middle; display: inline-block; width: 56px; height: 100%; background: url(../images/icon_main.png) no-repeat -405px 6px; }
.register .btn_submit_wrap input { text-indent: 30px; height: 65px; line-height: 65px; width: 100%; background: none; font-size: 32px; border: none; color: #fff; cursor: pointer; text-shadow: -2px -2px 1px #009670; font-family: "Microsoft YaHei"; }
.register .sex_wrap { font-size: 24px; padding: 20px 0 20px 5px; }
.register .sex_wrap b { font-weight: normal; cursor: pointer; }
.register .sex_wrap b span { display: inline-block; width: 24px; height: 24px; background: #dbdbdb; vertical-align: middle; margin-right: 8px; position: relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.3); }
.register .sex_wrap b span.active:before { content: " "; display: block; position: absolute; width: 10px; height: 10px; left: 7px; top: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #34b945), color-stop(100%, #02780f)); background-image: -webkit-linear-gradient(right top, #34b945, #02780f); background-image: -moz-linear-gradient(right top, #34b945, #02780f); background-image: -o-linear-gradient(right top, #34b945, #02780f); background-image: linear-gradient(right top, #34b945, #02780f); -webkit-box-shadow: inset -2px 2px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset -2px 2px 1px rgba(255, 255, 255, 0.2); box-shadow: inset -2px 2px 1px rgba(255, 255, 255, 0.2); }
.register .sex_wrap b.male { color: #177a7a; margin-right: 35px; }
.register .sex_wrap b.female { color: #ee005f; }
/*评论by DXL*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.artComments { font-size:16px; font-family: "Microsoft Yahei"; background: #fff; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.artComments dl { padding: 10px; border-top: 1px solid #ededed; }
.artComments ul { margin-bottom: 10px; }
.artComments li { font-size: 14px; float: left; margin-left: 5px; }
.artComments li i { padding: 0 5px 0 3px; color: #4b9999; font-style: initial; }
.artComments li:last-of-type i { color: #ff6600; font-style: initial; }
.artComments dt { margin-bottom: 10px; }
.artComments dt i { color: #a9a9a9; padding-left: 8px; font-style: initial; }
.artComments dt b { font-weight: bold; color: #007c78; }
.artComments dd { line-height: 20px; }
.artCommentWrap h3 { color: #007c78; font-weight: bold; }
.artCommentWrap textarea { border: 1px solid #007c7a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; width: 100%; margin-top: 5px; font: 14px/18px "Microsoft Yahei"; }
.artCommentSub { text-align: right; }
.artCommentSub input { background: #007d7b; color: #fff; border: none; font: 16px/18px "Microsoft Yahei"; padding: 5px 10px; }
/*hide animation for popup*/
.fadeScale { opacity:0; -webkit-transform:scale(0.3, 0.3); transform:scale(0.3, 0.3); }
.fadeOut { opacity:0; }
.fadeUp { opacity:0; -webkit-transform:translate(0, -100px); transform:translate(0, -100px); }
.flipX { opacity:0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
.flipY { opacity:0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
.fixedPhone { z-index: 3; display: block; height: 40px; line-height: 40px; background: #eb8200; width: 100%; padding: 5px 125px 0 10px; text-align: center; overflow: hidden; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fixedPhone .b { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fixedPhone .b { color: #cc6600; background: #fff; display: block; height: 30px; line-height: 30px; font-family: arial; font-size: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.fixedPhone .i { color: #fff; background: #894c00; display: inline-block; height: 30px; line-height: 30px; font-style: normal; padding: 0 10px; margin: -29px -117px 0 0; float:right; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.fixedPhone .i:before { content: ""; margin-top: -7px; display: inline-block; vertical-align: middle; width: 16px; height: 24px; margin-right: 7px; background: url(../images/icons1.png) no-repeat -73px 0; -webkit-background-size: 122px auto; background-size: 122px auto; }
.vo { position: fixed; top: 0; }
/* line 132, ../scss/main.scss */
.onl_top { text-align: center; font-size: 18px; height: 40px; line-height: 40px; text-shadow: -1px -1px 1px #00635f; color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aca5), color-stop(100%, #00807b)); background-image: -webkit-linear-gradient(top, #00aca5, #00807b); background-image: -moz-linear-gradient(top, #00aca5, #00807b); background-image: -o-linear-gradient(top, #00aca5, #00807b); background-image: linear-gradient(top, #00aca5, #00807b); }
/* line 139, ../scss/main.scss */
.onl_top a { color: #fff; }
/* line 611, ../scss/style.scss */
.register { padding: 30px 13px 10px; }
/* line 613, ../scss/style.scss */
.register input:not(.btn_submit), .register textarea {
 font-size:24px;
 text-indent: 18px;
 width:100%;
 border: 1px solid #b7b7b7;
 font-family: "Microsoft YaHei";
 -webkit-box-shadow: inset 2px 2px 2px rgba(183, 183, 183, 0.5);
 -moz-box-shadow: inset 2px 2px 2px rgba(183, 183, 183, 0.5);
 box-shadow: inset 2px 2px 2px rgba(183, 183, 183, 0.5);
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
}
/* line 622, ../scss/style.scss */
.register textarea { height:105px; margin-top: 30px; }
/* line 626, ../scss/style.scss */
.register input { height:45px; }
/* line 629, ../scss/style.scss */
.register .btn_submit_wrap { width: 100%; margin-top: 30px; text-align: center; position: relative; }
/* line 634, ../scss/style.scss */
.register .btn_submit_wrap span { position: absolute; left: 50%; top:10px; margin-left: -120px; vertical-align: middle; display: inline-block; width: 56px; height: 100%; background: url(http://3g.07719999.com/images/icon_main.png) no-repeat -285px -6px; }
/* line 645, ../scss/style.scss */
.register .btn_submit_wrap input { line-height:45px; width: 100%; background: none; font-size: 32px; border: none; color: #fff; cursor: pointer; text-shadow: -2px -2px 1px #009670; font-family: "Microsoft YaHei"; }
/* line 658, ../scss/style.scss */
.register .sex_wrap { font-size: 24px; padding: 20px 0 20px 5px; }
/* line 660, ../scss/style.scss */
.register .sex_wrap b { font-weight: normal; cursor: pointer; }
/* line 663, ../scss/style.scss */
.register .sex_wrap b span { display: inline-block; width: 24px; height: 24px; background: #dbdbdb; vertical-align: middle; margin-right: 8px; position: relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.3); }
/* line 671, ../scss/style.scss */
.register .sex_wrap b span.active:before { content: " "; display: block; position: absolute; width: 10px; height: 10px; left: 7px; top: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #34b945), color-stop(100%, #02780f)); background-image: -webkit-linear-gradient(right top, #34b945, #02780f); background-image: -moz-linear-gradient(right top, #34b945, #02780f); background-image: -o-linear-gradient(right top, #34b945, #02780f); background-image: linear-gradient(to left bottom, #34b945, #02780f); -webkit-box-shadow: inset -2px 2px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset -2px 2px 1px rgba(255, 255, 255, 0.2); box-shadow: inset -2px 2px 1px rgba(255, 255, 255, 0.2); }
/* line 686, ../scss/style.scss */
.register .sex_wrap b.male { color: #177a7a; margin-right: 35px; }
/* line 690, ../scss/style.scss */
.register .sex_wrap b.female { color: #ee005f; }
/* line 38, ../scss/_common.scss */
.btn_green { padding: 3px 15px; background: #00b386; color: #fff; white-space: nowrap; border: none; font-size: 32px; cursor: pointer; font-family: "Microsoft YaHei"; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 1px #009670; -moz-box-shadow: 0 4px 1px #009670; box-shadow: 0 4px 1px #009670; }
/* line 50, ../scss/_common.scss */
.btn_green:active { -webkit-transform: translate(0px, 3px); -moz-transform: translate(0px, 3px); -ms-transform: translate(0px, 3px); -o-transform: translate(0px, 3px); transform: translate(0px, 3px); -webkit-box-shadow: 0 1px 1px #009670; -moz-box-shadow: 0 1px 1px #009670; box-shadow: 0 1px 1px #009670; }
.register .dong_time input { text-indent:5px; color:#a9a9a9; }
.dong_time { margin-top:15px; }
/*文章页广告，好评*/
.color { width: 100%; position: relative; font-size:16px; line-height:1; }
.color a { color: #FFF; font-family: "Microsoft YaHei"; }
.color li { width: 100%; display: table; padding-right: 5px; margin-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.color li:nth-of-type(1) {
padding-right: 0;
}
.color li:nth-of-type(1) p:nth-of-type(1) a {
background: #DBB1B3;
}
.color li:nth-of-type(1) p:nth-of-type(2) a {
background: #97C0C5;
}
.color li:nth-of-type(1) p:nth-of-type(3) a {
background: #E5B19B;
}
.color li:nth-of-type(2) {
padding-right: 0;
padding-left: 98px;
}
.color li:nth-of-type(2) p:nth-of-type(1) a {
background: #97C0C5;
}
.color li:nth-of-type(2) p:nth-of-type(2) a {
background: #E5B19B;
}
.color li:nth-of-type(2) p:nth-of-type(3) a {
background: #DBB1B3;
}
.color li:nth-of-type(2) p:nth-last-of-type(1) {
padding-right:0;
}
.color li:nth-of-type(3) {
padding-left: 98px;
padding-right: 76px;
}
.color li:nth-of-type(3) a {
background: #97C0C5;
}
.color li:nth-of-type(4) {
padding-left: 46px;
padding-right: 76px;
}
.color li:nth-of-type(4) p:nth-of-type(1) a {
background: #A5C49E;
}
.color li:nth-of-type(4) p:nth-of-type(2) a {
background: #C5AF86;
}
.color li p { display: table-cell; text-align: center; color: #FFF; padding-right: 5px; font-family: "Microsoft YaHei"; }
.color li p:nth-of-type(3) {
padding: 0;
}
.color li p a { display: block; padding: 5px 0; white-space:nowrap; }
.color .A, .color .B { overflow:hidden; height:89px; width: 41px; position: absolute; top: 30px; left: 0; text-align: center; background: #A1CF98; line-height: 89px; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.color .A a { line-height: 18px; display: inline-block; }
.color .B a { line-height:25px; display: inline-block; }
.color .B { width: 48px; height: 58px; background: #84B29B; left: 46px; padding: 6px 0; line-height: 58px; }
.color .C { width: 76px; background: #84B29B; right: 0; bottom: 0; padding: 10px 0; height:58px; line-height: 58px; position: absolute; bottom: 0px; right: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.color .C a { line-height: 20px; display: inline-block; }
.popup_box { background: #fff; position: fixed; width: 221px; height: 81px; border: 1px solid #a38154; top: 50%; left: 50%; margin-top: -40px; margin-left: -110px; text-align: center; font-family: "Microsoft YaHei"; }
.popup_box a { text-decoration: none; }
.popup_box p { font-size: 16px; line-height: 1; margin: 12px 0; }
.popup_box p a { color: #726761; font-weight: bold; }
.popup_box div { font-size: 0; }
.popup_box div a { font-size: 14px; display: inline-block; width: 80px; height: 25px; line-height: 25px; background: #d57600; color: #fff; }
.popup_box div a:nth-of-type(1) {
margin-right: 20px;
}
.popup_box .closePop { position: absolute; width: 22px; height: 22px; right: -11px; top: -11px; color: #fff; background: #006a6a url(http://3g.0771gc.com/images/x_cancel.png) no-repeat center center; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; border-radius:11px; }
/* footer { overflow: hidden; height: 55px; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 14px; overflow: hidden; background: url(../images/bgBottom.png) #06807c; -webkit-background-size: 6px auto; background-size: 6px auto; }
footer:before { content: ""; width: 100%; height: 100%; display: block; z-index: 0; position: absolute; left: 0; top: 0; opacity: 0.4; background: -webkit-gradient(linear, left top, left bottom, from(#00cecb), to(#00605d)); background: -webkit-linear-gradient(top, #00cecb, #00605d); background: linear-gradient(to bottom, #00cecb, #00605d); }
footer ul { display: table; table-layout: fixed; width: 100%; }
footer li { display: table-cell; }
footer .bHome a:before { background-position: 0 5px; width: 23px; }
footer .bPhone a:before { background-position: -24px 5px; width: 15px; }
footer .bSwt a:before { background-position: -39px 5px; width: 25px; }
footer .bOrder a:before { background-position: -64px 5px; width: 33px; }
footer .active a, footer a:hover, footer a:active { border: 1px solid rgba(0, 72, 71, 0.6); -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 149, 146, 0.5)), to(rgba(0, 74, 72, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 149, 146, 0.5), rgba(0, 74, 72, 0.7)); background: linear-gradient(to bottom, rgba(0, 149, 146, 0.5), rgba(0, 74, 72, 0.7)); }
footer a { position: relative; display: block; color: #fff; padding-bottom: 5px; }
footer a:link,footer a:visited{ color:#fff; }
footer a:before { content: ""; display: block; margin: 0 auto; height: 37px; background: url(../images/iconBottom.png) no-repeat; -webkit-background-size: 97px auto; background-size: 97px auto; }
footer .flashNo { position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: #fa4400; color: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -webkit-box-shadow: 0 2px 1px #822300; box-shadow: 0 2px 1px #822300; -webkit-animation: flash 2s infinite; animation: flash 2s infinite; }
 */ 
footer { text-align: center; border-top: 1px solid #d6d6d6; position: fixed; width: 100%; left: 0; bottom: 0; background: #02a6a6; z-index: 1; }
footer ul { display: table; table-layout: fixed; width: 100%; }
footer li { display: table-cell; }
footer a { padding: 5px 0; color: #fff; display: block; position: relative; z-index: 2; }
footer a:before { content: ""; display: block; width: 35px; height: 34px; margin: 0 auto; background: url(/images/iconBottom.png) no-repeat; -webkit-background-size: 130px auto; background-size: 130px auto; }
footer .active { background: #fd9a00; color: #fff; }
footer .bHome:before { background-position: -2px -29px; }
footer .bHome.active:before { background-position: -2px -29px; }
footer .bCall:before { background-position: -32px -30px; }
footer .bCall.active:before { background-position: -32px -30px; }
footer .bOnline:before { background-position: -65px -30px; }
footer .bOnline.active:before { background-position: -65px -30px; }
footer .bRoad:before { background-position: -98px -28px; }
footer .bRoad.active:before { background-position: -98px -28px; }
footer .flashno { position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; border: 2px solid #fff; right: 0; font-weight: bold; font-family: arial; top: 0px; font-style: normal; background: #d70000; text-shadow: none; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-radius: 12px; -webkit-animation: flash 2s infinite; animation: flash 2s infinite; }
.roadLink2 { color: #fff; background: #04807c; -webkit-box-shadow: inset 0 -3px 1px #014643; box-shadow: inset 0 -3px 1px #014643; }
.roadLink2 b { font-size: 18px; margin-right: 5px; }
.roadLink2:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; width: 22px; height: 30px; background: url(http://3g.0510gc.net/images/icons.png) no-repeat -160px -3px; -webkit-background-size: 188px auto; background-size: 188px auto; }
header .phoneBtn { position: absolute; display: block; width: 48px; height: 35px; background: #e98b34; right: 10px; top: 50%; margin-top: -18px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius:3px; -webkit-box-shadow: 0 0 1px 2px #b6651a; box-shadow: 0 0 1px 2px #b6651a; }
header .phoneBtn:before { content: ""; display: block; width: 28px; height: 30px; background: url(../images/icons.png) no-repeat -144px 0; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -15px; -webkit-background-size: 175px auto; background-size: 175px auto; }
header { overflow: hidden; background: #027e7a; position: relative; padding: 5px 100px 5px 5px; }
header img { max-width: 100%; height: auto; }
header .phoneBtn1 { position: absolute; display: block; width: 82px; height: 32px; line-height: 32px; background: #005653; right: 10px; top: 50%; margin-top: -18px; color: #ffff66; text-align: center; border-radius: 3px; -webkit-box-shadow: 0 0 1px 1px #005754; box-shadow: 0 0 1px 1px #005754; }
header .phoneBtn1 b { display: inline-block; font-size: 12px; vertical-align: middle; line-height: 1.2em; }
header .phoneBtn1 b:before, header .phoneBtn b:after { content: ""; display: inline-block; position: absolute; width: 1px; height: 100%; top: 0; }
header .phoneBtn1 b:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 51, 51, 0)), color-stop(50%, #003333), color-stop(100%, rgba(0, 51, 51, 0))); background: -webkit-linear-gradient(top, rgba(0, 51, 51, 0), #003333, rgba(0, 51, 51, 0)); background: linear-gradient(to bottom, rgba(0, 51, 51, 0), #003333, rgba(0, 51, 51, 0)); left: 24px; }
header .phoneBtn1 b:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 134, 134, 0)), color-stop(50%, #008686), color-stop(100%, rgba(0, 134, 134, 0))); background: -webkit-linear-gradient(top, rgba(0, 134, 134, 0), #008686, rgba(0, 134, 134, 0)); background: linear-gradient(to bottom, rgba(0, 134, 134, 0), #008686, rgba(0, 134, 134, 0)); left: 25px; }
header .phoneBtn1:before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 24px; margin-right: 7px; background: url(../images/iconss.png) no-repeat -73px 0; -webkit-background-size: 122px auto; background-size: 122px auto; }


/* animation.css */
@-webkit-keyframes jump {  0% {
 top:0;
}
 100% {
 top:-5px;
}
}
 @keyframes jump {  0% {
 top:0;
}
 100% {
 top:-5px;
}
}
/*固定电话*/
.fixedPhone { z-index: 3; display: block; height: 40px; line-height: 40px; background: #eb820; width: 100%; padding: 5px 125px 0 10px; text-align: center; overflow: hidden; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* position: fixed;top: 55px;left: 0;right: 0; */ }
.fixedPhone .b { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fixedPhone .b { color: #cc6600; background: #fff; display: block; height: 30px; line-height: 30px; font-family: arial; font-size: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.fixedPhone .i { color: #fff; background: #894c00; display: inline-block; height: 30px; line-height: 30px; font-style: normal; padding: 0 10px; margin: -29px -117px 0 0; float:right; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; }
.fixedPhone .i:before { content: ""; margin-top: -4px; display: inline-block; vertical-align: middle; width: 16px; height: 24px; margin-right: 7px; background: url(../images/fixedIcon.png) no-repeat; -webkit-background-size: 16px auto; background-size: 16px auto; }
.vo { position: fixed; top: 0; }
.artComments p { color:red; }
.fixedPhone .i em { font-style:normal; -webkit-animation:zooming 1s infinite; animation:zooming 1s infinite; display: inline-block; }
.fixedPhone b { font-size:0; display: inline-block; vertical-align: middle; }
.fixedPhone b i { font-size:16px; display: inline-block; position:relative; }
 .jumpTxt b i:nth-of-type(1) {
-webkit-animation:.3s jump infinite alternate;
}
 .jumpTxt b i:nth-of-type(2) {
-webkit-animation:.3s 0.05s jump infinite alternate;
}
 .jumpTxt b i:nth-of-type(3) {
-webkit-animation:.3s 0.1s jump infinite alternate;
}
 .jumpTxt b i:nth-of-type(4) {
-webkit-animation:.3s 0.15s jump infinite alternate;
}
 @-webkit-keyframes zooming { 0% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
text-shadow:0 0 5px white;
}
100% {
-webkit-transform: scale(.8);
}
}
@keyframes zooming { 0% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
text-shadow:0 0 5px white;
}
100% {
-webkit-transform: scale(.8);
}
}
article .fixedPhone { position:static; }
/* fixed the top elements */
header, .fixedPhone { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; position: fixed; left:0; z-index:1000; }
header { top:0; height:50px; }
header img { width:215; height:40px; }
.fixedPhone { top:50px; }
body { padding-top:90px; }
.head_top { padding: 3px 15px; height:50px; background: #fff; position: fixed; z-index: 99999; width:100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: -50px; opacity: 0; }
.headline p { font-size: 14px; color:#333; line-height: 20px; margin-left: 10px; }
.headline p span { font-size: 12px; color: #666; }
.headtime { line-height: 40px; }

/*****文章页医院*******/
.hos { padding: 15px 0; background: #fff; margin-top: 10px; border: 1px solid #e4e4e4; }
.hos h1 { text-align: center; font-size: 15px; color: #666; margin-top: 10px; font-weight:normal; }
.hos ul li { width:33%; float: left; }
.hos ul li h2 { width:70px; height:70px; margin: 20px auto 10px; text-align: center; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; }
.hos ul li h2 img { width:60%; }
.hos ul li p { text-align: center; font-size: 14px; color: #666; }
.hos ul li:first-of-type h2 { background: #0099a9; }
.hos ul li:nth-of-type(2) h2 {
background: #0099a9;
}
.hos ul li:last-of-type h2 { background: #0099a9; }
.hos ul li:first-of-type h2 img { margin-top: 20px; }
.hos ul li:nth-of-type(2) h2 img {
margin-top: 20px;
}
.hos ul li:last-of-type h2 img { margin-top: 12px; }
.like { background: #fff; margin-top: 30px; border: 1px solid #e4e4e4; border-bottom: none; position: relative; }
.like ul li { padding:10px 0 10px 10px; font-size: 15px; border-bottom: 1px solid #e4e4e4; }
.like ul li span { font-size: 12px; background: #666; color: #fff; padding: 2px; margin-right: 3px; }
.like ul li a { color: #666; }
.like ul li:first-of-type { padding-top: 30px; }
.like ul li:first-of-type span { background: #90c31f; }
.like h1 { left:-11px; top:-17px; position: absolute; width:126px; height:32px; background: #0099a9; line-height: 32px; text-align: center; color: #fff; font-size: 16px; border-radius: 0 16px 16px 0; -webkit-border-radius: 0 16px 16px 0; -moz-border-radius: 0 16px 16px 0; -o-border-radius: 0 16px 16px 0; }