body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }
ul, ol { list-style: none; }
em, i { font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
img { border: none; vertical-align: middle; }
input, select, button { vertical-align: middle; outline: none; }
a { text-decoration: none; color: #666; }
body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f5f5f5; }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1200px; margin: 0 auto; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.topbar { height: 35px; line-height: 35px; background: #282f3b; font-size: 12px; color: #b4bac5; }
.topbar a { color: #b4bac5; }
.topbar a:hover { color: #fff; }
.topbar .welcome { float: left; display: inline-block; padding-left: 7px; background: url(https://www.clinicmed.net/static/images/sprite.png) no-repeat; background-position: -26px -696px; height: 35px; overflow: hidden; }
.topbar .welcome a:hover { color: #3ed8b6; }
.topbar .bar-left { float: left; height: 35px; border-left: 1px solid #323b49; }
.topbar .bar-left a { padding: 0 17px; border-right: 1px solid #323b49; height: 35px; position: relative; float: left; }
.topbar .bar-left a b { position: absolute; top: -3px; left: 0; height: 3px; width: 100%; opacity: 0; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.topbar .bar-left .cl_1 { background: #4faaf0; }
.topbar .bar-left .cl_2 { background: #fcf46f; }
.topbar .bar-left .cl_3 { background: #00d2c3; }
.topbar .bar-left .cl_4 { background: #ff8624; }
.topbar .bar-left .cl_5 { background: #1791d4; }
.topbar .bar-left .cl_6 { background: #ff4d45; }
.topbar .bar-left .cl_7 { background: #99eef1; }
.topbar .bar-left .cl_8 { background: #28a444; }
.topbar .bar-left .cl_8 { background: #ea77df; }
.topbar .bar-left .cl_9 { background: #72c322; }
.topbar .bar-left a:hover b, .topbar .bar-left a.bar-cur b { top: 0px; opacity: 1; }
.topbar .bar-left a:hover span, .topbar a.bar-cur span { color: #fff; }
.topbar-right { float: right; border-right: 1px solid #323b49; position: relative; }
.h-weixin, .h-mobile, .h-nav { float: left; display: block; height: 35px; border-left: 1px solid #323b49; }
.h-mobile span { display: block; width: 47px; padding-left: 31px; height: 35px; background: url(https://www.clinicmed.net/static/images/sprite.png) no-repeat; background-position: -10px -617px; }
.h-weixin span { display: block; width: 42px; height: 35px; background-position: -3px -19px; }
.h-weixin div, .h-mobile div { position: absolute; left: 0; top: 35px; width: 130px; height: 170px; padding: 2px; background: #fff; display: none; z-index: 4; -moz-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); -webkit-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); transform: rotateX(-90deg); transition: all 0.3s ease-in 0s; backface-visibility: hidden; }
.h-mobile div { left: auto; right: 0; }
.h-weixin div font, .h-mobile div font { font-size: 12px; text-align: left; display: block; color: #666; padding: 0 10px; line-height: 18px; }
.h-weixin div img, .h-mobile div img { width: 130px; height: 130px; display: block; }
.h-nav:hover .h-navCont { display: block; }
.h-weixin:hover div, .h-mobile:hover div { transform: rotateX(0deg); display: block; }
.h-weixin:hover span { background-position: -3px 9px; }
.h-mobile:hover span { background-position: -10px -724px; }
.h-nav .h-navIco { width: 58px; height: 35px; line-height: 35px; padding-left: 30px; display: block; background-position: -8px -45px; cursor: pointer; }
.h-navCont { position: absolute; right: -1px; top: 35px; background-color: #fff; border: 1px solid #ddd; width: 924px; display: none; z-index: 4; }
#nav { width: 100%; background: #3ed8b6; box-shadow: 0 0 13px #565656; -webkit-box-shadow: 0 0 13px #565656; }
#nav .navbox { width: 1200px; margin: 0 auto; padding: 14px 0; overflow: hidden; }
#nav .navbox .nav_left { float: left; width: 212px; height: 56px; overflow: hidden; }
#nav .navbox .nav_left a { display: block; height: 100%; }
#nav .navbox .nav_right {float: left;max-width: 950px;margin-left: 35px;overflow: hidden;height: 45px;}
#nav .navbox .nav_right ul {height: 56px;overflow: hidden;}
#nav .navbox .nav_right ul li {float: left;margin-top: 11px;text-align: center;margin-left: 36px;}
#nav .navbox .nav_right ul li:first-child { margin-left: 0; }
#nav .navbox .nav_right ul li a { display: inline-block; font-family: 'Microsoft YaHei'; font-size: 18px; color: #fff; line-height: 26px; }
#nav .navbox .nav_right ul li:hover { cursor: pointer; }
#nav .navbox .nav_right ul li:hover a { text-decoration: none; }
#nav .navbox .nav_right ul li span { display: block; clear: both; font-size: 10px; -webkit-transform: scale(0.8); -o-transform: scale(1); color: #222; line-height: 10px; opacity: .6; filter: alpha(opacity=40); }
.header-search { width: 292px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 20px; overflow: hidden; background-color: #FFFFFF; display: inline-block; margin-top: 10px; }
.header-search #search { width: 164px; height: 20px; line-height: 20px; padding: 10px 22px; display: inline-block; float: left; border: none; }
.header-search #submit { width: 84px; padding-left: 20px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #FFFFFF; border-radius: 20px; display: inline-block; float: left; cursor: pointer; background: #303030 url(https://www.clinicmed.net/static/images/icon-search.png) no-repeat 18px 12px; background-size: 16px 16px; border: none; }
.header-search #submit:hover { opacity: 0.8; }
.footer { overflow: hidden; background: #797979; margin-top: 20px; padding: 40px 0; }
.footer .bot_logo { margin-top: 30px; }
.footer .bot_logo img { width: 240px; }
.footer .info { float: right; overflow: hidden; width: 800px; color: #999; font-size: 14px; line-height: 26px; }
.footer .info p { margin-bottom: 6px; }
.footer .info span { color: #e4e4e4; display: block; margin-top: 20px; }
.Min1 { width: 1160px; padding: 20px; background: #fff; margin: 20px auto; overflow: hidden; }
.Min1 .M1cont { border: 1px solid #e8e7ed; position: relative; }
.Min1 .M1cont .tj_cont { display: block; overflow: hidden; position: relative; }
.Min1 .M1cont .tj_cont ul { padding: 20px 0 0 8px; overflow: hidden; height: 120px; }
.Min1 .M1cont .tj_cont ul li { padding: 0 12px 0; margin-bottom: 0; float: left; overflow: hidden; text-align: center; }
.Min1 .M1cont .tj_cont ul li:hover img { opacity: 0.8; }
.Min1 .M1cont .tj_cont ul li:hover p { color: #3ed8b6; }
.Min1 .M1cont .tj_cont ul li a { position: relative; float: left; text-align: center; width: 80px; }
.Min1 .M1cont .tj_cont ul li a img { display: block; width: 80px; border-radius: 12px; text-align: center; }
.Min1 .M1cont .tj_cont ul li a p { margin: 10px 0; height: 21px; overflow: hidden; width: 96%; padding: 0 2%; text-align: center; }
.Min1 .M1cont .tj_cont .b_line { width: 80px; height: 0; border-bottom: 2px solid #ff4a00; display: block; position: absolute; top: 138px; left: 20px; transition: left .5s; }
.cate_zone { border-top: 1px dotted #e5e5e5; padding: 18px 0 10px 20px; overflow: hidden; font-size: 14px; }
.cate_zone .cz { line-height: 22px; height: 22px; overflow: hidden; width: 548px; padding-right: 20px; float: left; margin-bottom: 8px; color: #999; }
.cate_zone .cz em { color: #fff; width: 40px; padding-right: 4px; text-align: center; background: url(https://www.clinicmed.net/static/images/sprite2.png) no-repeat -197px -144px; display: inline-block; }
.cate_zone .cz em.bg1 { background-color: #d11bff; }
.cate_zone .cz em.bg2 { background-color: #ff971c; }
.cate_zone .cz em.bg3 { background-color: #00d3ec; }
.cate_zone .cz em.bg4 { background-color: #25aaff; }
.cate_zone .cz em.bg5 { background-color: #00cb0a; }
.cate_zone .cz em.bg6 { background-color: #ff1414; }
.cate_zone .cz a { display: inline-block; padding: 0 10px; }
.cate_zone .cz a:hover { color: #3ed8b6; }
.cate_zone .cz .r { color: #ff1300; }
.Min2 { width: 1160px; padding: 20px; background: #fff; margin: 20px auto; overflow: hidden; }
.Min2 .M2L { width: 360px; position: relative; overflow: hidden; }
.Min2 .M2L .in_banner { height: 450px; width: 360px; position: relative; overflow: hidden; float: left; margin-right: 25px; }
.Min2 .M2L .in_banner .banner_img li { float: left; position: absolute; z-index: 1; }
.Min2 .M2L .in_banner .title_bg { width: 360px; height: 50px; background: #000; opacity: .7; position: absolute; left: 0; bottom: 0; }
.Min2 .M2L .in_banner a.text_link { width: 260px; color: #fff; position: absolute; height: 50px; line-height: 50px; bottom: 0; left: 10px; overflow: hidden; display: block; }
.Min2 .M2L .in_banner a.text_link h3 { font-size: 16px; font-weight: 400; }
.Min2 .M2L .in_banner .banner_number { position: absolute; right: 20px; bottom: 22px; z-index: 3; }
.Min2 .M2L .in_banner .banner_number li { float: left; }
.Min2 .M2L .in_banner .banner_number li a { width: 20px; height: 5px; line-height: 5px; text-indent: -9999px; background: #9c9797; margin-left: 5px; display: block; }
.Min2 .M2L .banner_number a:hover, .Min2 .M2L .in_banner .banner_number .on a { background: #ff4839; }
.Min2 .M2L .in_banner .next, 
.Min2 .M2L .in_banner .prev {text-indent: 100px; width: 64px; height: 64px; border-radius: 50%; background: url(https://www.clinicmed.net/static/images/sprite2.png) no-repeat #000; position: absolute; top: 30%; opacity: .7; top: 193px; z-index: 9; }
.Min2 .M2L .in_banner .prev { background-position: -103px -61px; left: -32px; }
.Min2 .M2L .in_banner .next { background-position: -198px -61px; right: -32px; }
.Min2 .M2L .in_banner:hover .banner_arrow { display: block; }
.Min2 .M2L .dt_wrap { overflow: hidden; margin: 15px 0 0; }
.Min2 .M2L .dt_wrap .listA { width: 100%; height: 160px; position: relative; overflow: hidden; display: block; }
.Min2 .M2L .dt_wrap .listA img { width: 100%; height: 160px; transition: all .2s linear; }
.Min2 .M2L .dt_wrap .listA .mask { position: absolute; cursor: pointer; left: 0; bottom: 0; padding: 0 5px; width: 350px; height: 46px; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.Min2 .M2L .dt_wrap .listA .mask .tit { line-height: 22px; height: 22px; color: #fff; font-size: 15px; margin-top: 2px; }
.Min2 .M2L .dt_wrap .listA .mask .txt { color: #fff; font-size: 13px; line-height: 20px; height: 20px; overflow: hidden; }
.Min2 .M2L .dt_wrap .listA:hover .tit { color: #3ed8b6; }
.Min2 .M2L .dt_wrap .listA:hover img { opacity: 0.8; }
.Min2 .M2L .dt_wrap .listB { overflow: hidden; width: 370px; }
.Min2 .M2L .dt_wrap .listB a { display: block; float: left; width: 175px; height: 88px; margin: 10px 10px 0 0; position: relative; }
.Min2 .M2L .dt_wrap .listB a:hover p { color: #3ed8b6; }
.Min2 .M2L .dt_wrap .listB a:hover img { opacity: 0.8; }
.Min2 .M2L .dt_wrap .listB a img { width: 100%; height: 88px; transition: all .2s linear; }
.Min2 .M2L .dt_wrap .listB a p { color: #fff; font-size: 14px; position: absolute; cursor: pointer; left: 0; bottom: 0; padding: 0 5px; height: 30px; width: 165px; line-height: 30px; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.Min2 .M2M { width: 430px; min-height: 300px; margin: 0 20px; }
.Min2 .M2M .titleA { font-size: 20px; color: #3ed8b6; font-weight: bold; overflow: hidden; width: 100%; display: block; height: 28px; line-height: 28px; text-align: center; }
.Min2 .M2M .titleA:hover { text-decoration: underline; }
.Min2 .M2M .titleB { width: 100%; overflow: hidden; text-align: center; color: #565656; font-size: 12px; margin: 14px 0; height: 14px; overflow: hidden; }
.Min2 .M2M .titleB a { height: 14px; line-height: 14px; color: #565656; margin: 0 6px; font-size: 12px; position: relative; }
.Min2 .M2M .titleB a:hover { color: #3ed8b6; }
.Min2 .M2M .titleB a + a::after { display: inline-block; content: ''; width: 1px; height: 10px; background: #565656; position: absolute; left: -7px; top: 4px; }
.Min2 .M2M .line { margin: 10px 0; border-bottom: 1px dashed #ddd; }
.Min2 .M2M .list_hd { width: 100%; overflow: hidden; }
.Min2 .M2M .list_hd span { text-align: center; width: 20%; display: block; float: left; line-height: 35px; font-size: 17px; cursor: pointer; }
.Min2 .M2M .list_hd .on { color: #3ed8b6; }
.Min2 .M2M .Tab_bd .item + .item { display: none; }
.Min2 .M2M .Tab_bd .item { overflow: hidden; height: 675px; }
.Min2 .M2M .Tab_bd ul { overflow: hidden; border-top: 1px solid #eee; padding: 10px 0; }
.Min2 .M2M .Tab_bd ul li { padding: 6.5px 0; overflow: hidden; line-height: 22px; }
.Min2 .M2M .Tab_bd ul li .tags { border-radius: 3px; width: 50px; text-align: center; font-size: 12px; color: #fff; line-height: 22px; display: block; float: left; margin-right: 5px; background: #ddd url(https://www.clinicmed.net/static/images/sprite2.png) no-repeat -190px -144px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.Min2 .M2M .Tab_bd ul li .labe { float: left; display: block; font-size: 14px; }
.Min2 .M2M .Tab_bd ul li .labe:hover { color: #3ed8b6; }
.Min2 .M2M .Tab_bd ul li .bt { display: block; float: left; width: 240px; overflow: hidden; height: 22px; line-height: 22px; font-size: 14px; }
.Min2 .M2M .Tab_bd ul li .bt:hover { color: #3ed8b6; }
.Min2 .M2M .Tab_bd ul li .time { float: right; font-size: 14px; color: #999; }
.Min2 .M2M .Tab_bd ul .c1 .tags { background-color: #ff3b3b; }
.Min2 .M2M .Tab_bd ul .c1 .bt { color: #ff3b3b !important; }
.Min2 .M2M .Tab_bd ul .c2 .tags { background-color: #ff6600; }
.Min2 .M2M .Tab_bd ul .c2 .bt { color: #ff6600 !important; }
.Min2 .M2M .Tab_bd ul .c3 .tags { background-color: #14b9c8; }
.Min2 .M2M .Tab_bd ul .c3 .bt { color: #14b9c8 !important; }
.Min2 .M2R { width: 330px; min-height: 300px; }
.Min2 .M2R .tj_list { overflow: hidden; }
.Min2 .M2R .tj_list a + a { margin-top: 15px; }
.Min2 .M2R .tj_list a { display: block; position: relative; overflow: hidden; width: 100%; }
.Min2 .M2R .tj_list a img { width: 100%; height: 165px; display: block; }
.Min2 .M2R .tj_list a p { position: absolute; bottom: 0; left: 0; width: 320px; padding: 0 5px; line-height: 30px; background: rgba(0, 0, 0, 0.6); color: #fff; overflow: hidden; font-size: 14px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.Min2 .M2R .tj_list a p:hover { color: #3ed8b6; }
.Min2 .M2R .pd_item { overflow: hidden; }
.Min2 .M2R .pd_item .lsA { margin-top: 15px; width: 100%; position: relative; height: 140px; display: block; }
.Min2 .M2R .pd_item .lsA img { width: 100%; height: 140px; }
.Min2 .M2R .pd_item .lsA p { position: absolute; bottom: 0; left: 0; width: 320px; padding: 0 5px; line-height: 70px; height: 50px; background: url(https://www.clinicmed.net/static/images/textshadow.png) center top; color: #fff; overflow: hidden; font-size: 14px; font-weight: bold; }
.Min2 .M2R .pd_item .lsA p:hover { color: #3ed8b6; }
.Min2 .M2R .pd_item .lsB { overflow: hidden; margin-top: 15px; display: block; }
.Min2 .M2R .pd_item .lsB img { float: left; width: 150px; height: 90px; margin-right: 10px; }
.Min2 .M2R .pd_item .lsB img:hover { opacity: 0.8; }
.Min2 .M2R .pd_item .lsB p { float: left; width: 170px; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #333; }
.Min2 .M2R .pd_item .lsB p:hover { color: #3ed8b6; }
.Min2 .M2R .pd_item .lsB span { display: block; float: left; 
  line-height: 18px; color: #888; font-size: 12px; margin-top: 20px; 
  /* padding-left: 24px; background: url(../images/eye.png) no-repeat left; */
 }
.all_title { width: 100%; height: 18px; line-height: 18px; font-size: 18px; color: #303030; padding: 20px 0 3px; overflow: hidden; }
.all_title span { display: block; float: left; border-left: 4px solid #3ed8b6; font-size: 16px; font-weight: 600; text-indent: 10px; }
.all_title .more { float: right; color: #555; font-size: 14px; }
.all_title .more i { margin-left: 4px; font-family: serif; color: #666; }
.all_title .more:hover { color: #3ed8b6; }
.all_title .more:hover i { color: #3ed8b6; }
.Min3 { width: 1200px; overflow: hidden; margin: 20px auto; }
.Min3 .M3L { width: 800px; padding: 0 20px; background: #fff; overflow: hidden; height: 470px; }
.Min3 .M3L .tab_bd { margin-top: 15px; }
.Min3 .M3L .tab_bd .item + .item { display: none; }
.Min3 .M3L .tab_bd .item { overflow: hidden; width: 106%; }
.Min3 .M3L .tab_bd .item .lis { width: 90px; height: 125px; float: left; margin: 0 50px 15px 0; cursor: pointer; }
.Min3 .M3L .tab_bd .item .lis img { width: 90px; height: 90px; display: block; border-radius: 16px; }
.Min3 .M3L .tab_bd .item .lis p { height: 20px; line-height: 20px; text-align: center; color: #4a4a4a; font-size: 16px; overflow: hidden; margin-top: 10px; }
.Min3 .M3L .tab_bd .item .lis p:hover { color: #3ed8b6; }
.Min3 .M3R { width: 300px; padding: 0 20px; background: #fff; overflow: hidden; height: 470px; }
.Min3 .M3R .tab_hd { overflow: hidden; width: 105%; }
.Min3 .M3R .tab_hd a { display: block; float: left; width: 140px; height: 61px; margin: 19px 15px 0 0; border: 1px solid #ddd; text-align: center; line-height: 61px; font-size: 16px; color: #333; transition: all .2s linear; }
.Min3 .M3R .tab_hd a.on, .Min3 .M3R .tab_hd a:hover { background: #3ed8b6; color: #fff; border-color: #3ed8b6; }
.Min4 { width: 1160px; padding: 0 20px 10px; overflow: hidden; background: #fff; margin: 20px auto 0; }
.Min4 .collection_no .bd ul li{margin-right: 0 !important;}
.Min4 .collection_no .bd ul li + li{margin-left: 20px;}
.Min4 .collection_no,
.Min4 .collection { position: relative; width: 100%; margin: 10px 0; }
.Min4 .collection_no .bd,
.Min4 .collection .bd { width: 1160px; height: 140px; margin: 0 auto; overflow: hidden; }
.Min4 .collection_no .bd ul li,
.Min4 .collection .bd ul li {float: left;margin-right: 20px;width: 275px;height: 140px;position: relative;}
.Min4 .collection_no .bd ul li a,
.Min4 .collection .bd ul li a { display: block; position: relative; }
.Min4 .collection_no .bd ul li img ,
.Min4 .collection .bd ul li img { width: 100%; height: 140px; }
.Min4 .collection_no .bd ul li img:hover,
.Min4 .collection .bd ul li img:hover { opacity: 0.8; }
.Min4 .collection_no .bd ul li p ,
.Min4 .collection .bd ul li p { position: absolute; width: 265px; padding: 0 5px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; color: #fff; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); font-size: 14px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.Min4 .collection_no .bd ul li p:hover,
.Min4 .collection .bd ul li p:hover { color: #3ed8b6; }

.Min4 .collection .prev, .Min4 .collection .next { width: 30px; height: 60px; line-height: 60px; position: absolute; top: 40px; z-index: 99; cursor: pointer; background: #000; filter: alpha(opacity=20); opacity: .2; overflow: hidden; color: #fff; font-size: 20px; text-align: center; font-family: serif; }
.Min4 .collection .prev:hover, .Min4 .collection .next:hover { opacity: 0.5; }
.Min4 .collection .prev { left: -15px; }
.Min4 .collection .next { right: -15px; }
.Min5 { width: 100%; position: relative; margin-top: 80px; background: url(https://www.clinicmed.net/static/images/game_bg.jpg) top center no-repeat; height: 590px; overflow: hidden; text-align: center; }
.Min5 h3 { font-size: 48px; color: #fff; text-align: center; font-weight: 400; letter-spacing: 7px; padding: 86px 0 58px; }
.Min5 .wave { position: absolute; z-index: 1; bottom: 92px; left: 0; width: 100%; height: 180px; }
.game-box { max-width: 1515px; margin: 0 auto; position: relative; z-index: 10; }
.game-icon-list { margin-left: -15px; position: relative; font-size: 0; text-align: center; display: inline-block; *display: inline; *zoom: 1; }
.game-icon-list li { width: 222px; display: inline-block; *display: inline; *zoom: 1; margin: 0 15px 30px; position: relative; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); transform: translateY(-300px); opacity: 0; }
.game-icon-list li:after { content: ""; width: 198px; height: 315px; background: url(https://www.clinicmed.net/static/images/btn.png) no-repeat; position: absolute; left: 33px; top: 44px; }
.game-icon-list .rectangle { border: solid 1px #60c9fc; border: solid 1px rgba(96, 201, 252, 0.5); padding: 28px 0; height: 294px; text-align: center; background: #fff; border-radius: 8px; position: relative; z-index: 10; }
.game-icon-list img { display: block; margin: 0 auto; border-radius: 16px; box-shadow: 0 5px 15px rgba(158, 159, 170, 0.4); width: 100px; }
.game-icon-list em { font-style: normal; line-height: 24px; display: block; width: 100%; text-align: center; font-size: 18px; color: #575757; margin-top: 12px; }
.game-icon-list span { font-size: 14px; color: #9e9faa; letter-spacing: 8px; display: block; width: 100%; text-align: center; line-height: 24px; text-indent: 8px; }
.game-icon-list .line { display: block; width: 28px; height: 4px; background: #e0e0e0; margin: 20px auto 25px; }
.game-icon-list .btn-dl { display: block; width: 140px; height: 32px; border-radius: 32px; -webkit-transition: ease .4s all; -moz-transition: ease .4s all; -ms-transition: ease .4s all; transition: ease .4s all; font-size: 16px; margin: 0 auto; line-height: 32px; }
.game-icon-list .btn-dl:hover { color: #fff; }
.game-icon-list .btn-pc-dl { color: #59cbff; margin-bottom: 15px; border: solid 1px #59cbff; }
.game-icon-list .btn-pc-dl:hover { background: #59cbff; }
.game-icon-list .btn-m-dl { color: #ff8cc2; border: solid 1px #ff8cc2; }
.game-icon-list .btn-m-dl:hover { background: #ff8cc2; }
@keyframes downmove { 0% { bottom: 15px; }
  60% { bottom: 10px; }
  100% { bottom: 15px; } }
.game-box .btn-slide-next i, .game-box .btn-slide-prev i, .game-box .btn-slide-prev, .game-box .btn-slide-next { background: url(https://www.clinicmed.net/static/images/btn.png) no-repeat; }
.game-box .btn-slide-next i { background-position: 0px 0px; }
.game-box .btn-slide-prev i { background-position: -78px 0px; }
.game-box .btn-slide-prev, .game-box .btn-slide-next { background-position: 0px -78px; }
.game-box .btn-slide-prev, .game-box .btn-slide-next { position: absolute; width: 78px; height: 78px; top: 144px; background-repeat: no-repeat; }
.game-box .btn-slide-prev i, .game-box .btn-slide-next i { -webkit-transition: ease .4s all; -moz-transition: ease .4s all; -ms-transition: ease .4s all; transition: ease .4s all; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.game-box .btn-slide-prev { left: -94px; }
.game-box .btn-slide-prev i { background-repeat: no-repeat; }
.game-box .btn-slide-prev:hover i { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); }
.game-box .btn-slide-next { right: -94px; }
.game-box .btn-slide-next i { background-repeat: no-repeat; }
.game-box .btn-slide-next:hover i { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
.Min6 { width: 1160px; padding: 0 20px 10px; overflow: hidden; background: #fff; margin: 20px auto 0; }
.Min6 .M6L { width: 380px; height: 540px; overflow: hidden; }
.Min6 .M6L .news_list { overflow: hidden; }
.Min6 .M6L .news_list .one { border: 1px solid #d5d8df; padding: 0; overflow: hidden; display: block; margin: 15px 0; }
.Min6 .M6L .news_list .one::before { display: none; }
.Min6 .M6L .news_list .one img { margin-right: 20px; width: 125px; height: 90px; display: block; float: left; }
.Min6 .M6L .news_list .one p { font-size: 15px; color: #333; height: 50px; line-height: 25px; float: left; width: 225px; overflow: hidden; margin-top: 8px; }
.Min6 .M6L .news_list .one p:hover { color: #3ed8b6; }
.Min6 .M6L .news_list .one .time { float: right; font-size: 12px; margin: 6px 12px 0; padding-left: 16px; background: url(https://www.clinicmed.net/static/images/ic-time.png) no-repeat left; }
.Min6 .M6L .news_list a { display: block; padding: 6px 0 6px 20px; position: relative; overflow: hidden; }
.Min6 .M6L .news_list a::before { content: ''; width: 0; height: 0; position: absolute; top: 50%; left: 5px; margin-top: -4px; border-left: 4px solid #252729; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.Min6 .M6L .news_list a p { display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; width: 300px; text-overflow: ellipsis; float: left; }
.Min6 .M6L .news_list a p:hover { color: #3ed8b6; }
.Min6 .M6L .news_list a .time { float: right; color: #666; font-size: 14px; }
.Min6 .M6M { width: 390px; height: 540px; margin: 0 25px; }
.Min6 .M6M .hot_list { overflow: hidden; margin-top: 15px; }
.Min6 .M6M .hot_list a { display: block; position: relative; height: 158px; overflow: hidden; }
.Min6 .M6M .hot_list a img { height: 158px; width: 100%; }
.Min6 .M6M .hot_list a .info { position: absolute; width: 355px; height: 53px; padding: 125px 18px 0; left: 0; bottom: 0; color: #fff; background: url(https://www.clinicmed.net/static/images/textshadow.png) center bottom repeat-x; }
.Min6 .M6M .hot_list a .info .bt { font-size: 16px; font-weight: 500; line-height: 20px; overflow: hidden; margin-bottom: 4px; height: 20px; }
.Min6 .M6M .hot_list a .info p { font-size: 12px; color: #3ed8b6; height: 20px; line-height: 20px; overflow: hidden; }
.Min6 .M6R { width: 340px; height: 540px; }
.Min6 .M6R .lsB { overflow: hidden; margin-top: 15px; display: block; }
.Min6 .M6R .lsB img { float: left; width: 140px; height: 83px; margin-right: 10px; }
.Min6 .M6R .lsB img:hover { opacity: 0.8; }
.Min6 .M6R .lsB p { float: left; width: 180px; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #333; }
.Min6 .M6R .lsB p:hover { color: #3ed8b6; }
.Min6 .M6R .lsB span { display: block; float: left; line-height: 18px; color: #888; font-size: 12px; margin-top: 10px; 
  /* padding-left: 24px; background: url(../images/eye.png) no-repeat left; */
 }
.Min7 { width: 1160px; padding: 0 20px; overflow: hidden; background: #fff; margin: 20px auto; min-height: 500px; }
.Min7 .item { width: 33.33%; float: left; }
.Min7 .list { border-top: 1px solid #D8D8D8; margin: 10px 0; min-height: 500px; overflow: hidden; width: 100%; }
.Min7 .list li { overflow: hidden; padding: 18px 0; margin: 0 12px; }
.Min7 .list li + li { border-top: 1px dashed #D8D8D8; }
.Min7 .list .num { width: 30px; height: 30px; display: inline-block; float: left; border-radius: 2px; background-image: none; background-color: #303030; background-image: linear-gradient(-135deg, #5E5E5E 0%, #303030 100%); text-align: center; line-height: 30px; color: #FFFFFF; margin-right: 20px; }
.Min7 .list li + li + li + li .num { background-image: none; background-color: #BBC1CD; }
.Min7 .list .img { display: block; margin-right: 12px; float: left; }
.Min7 .list .img, .Min7 .list .img img { border-radius: 12px; width: 52px; height: 52px; }
.Min7 .list .info { width: 230px; float: left; }
.Min7 .list .info .bt { display: block; line-height: 18px; color: #303030; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 2px 0 3px; }
.Min7 .list .info .bt:hover { color: #3ed8b6; }
.Min7 .list .info span { font-size: 13px; color: #808080; line-height: 14px; margin: 17px 0 0; display: block; }
.Min7 .list .info .btn { display: none; width: 120px; height: 32px; line-height: 32px; border-radius: 20px; color: #4A4A4A; font-size: 14px; text-align: center; background: #3ed8b6; font-weight: bold; }
.Min7 .list .on .info { width: 180px; }
.Min7 .list .on .img { margin-right: 18px; }
.Min7 .list .on .img, .Min7 .list .on .img img { border-radius: 20px; width: 110px; height: 110px; }
.Min7 .list .on .btn { display: block; }
.Min7 .list .on span { margin-bottom: 17px; }
.Min7 .list .on .bt { margin: 10px 0 3px; }
.Min7 .item + .item .list { border-left: 1px dashed #D8D8D8; }
.Yqlink { width: 1160px; padding: 0 20px 10px; overflow: hidden; margin: 20px auto; background: #fff; }
.Yqlink .list { margin: 12px 0 0; }
.Yqlink .list a { font-size: 16px; line-height: 19px; margin-right: 56px; margin-bottom: 8px; color: #666; display: block; float: left; }
.Yqlink .list a:hover { color: #3ed8b6; }
.crumb { width: 100%; margin-top: 10px; }
.crumb .wrap { margin: 0 auto; height: 40px; line-height: 40px; font-size: 13px; color: #797979; overflow: hidden; }
.crumb .wrap a { color: #797979; }
.crumb .wrap a:hover { color: #3ed8b6; }
.content { width: 1200px; margin: 5px auto; overflow: hidden; min-height: calc(100vh - 460px);}
.content .list_title { text-align: right; line-height: 16px; margin-bottom: 20px; overflow: hidden; color: #666; }
.content .list_title a { display: inline-block; padding: 0 10px; height: 16px; line-height: 16px; font-size: 16px; }
.content .list_title a + a { border-left: 2px solid #ddd; }
.content .list_title a.on, .content .list_title a:hover { color: #3ed8b6; }
.content .List_L { width: 215px;   margin-right: 25px; z-index: 10; }
.content .List_L:after,.content .List_L:before{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.content .List_L a.lis { display: block; width: 195px; padding: 0 10px; height: 70px; line-height: 70px; font-size: 14px; font-weight: bold; background: #fff; color: #666; text-indent: 10px; transition: all .2s linear; border-radius: 2px; overflow: hidden; }
.content .List_L .lis.on, .content .List_L .lis:hover { background: #3ed8b6; color: #fff; }
.content .List_R { width: 960px; min-height: 500px; overflow: hidden; }
.content .List_R .list_title { position: absolute; right: 0; top: -30px; }
.content .List_R .Rlist { overflow: hidden; }
.content .List_R .Rlist li { padding: 0 10px 20px 10px; position: relative; float: left; width: 172px; cursor: pointer; }
.content .List_R .Rlist li:hover .cont { background: #3ed8b6; }
.content .List_R .Rlist li:hover .cont .bt, .content .List_R .Rlist li:hover .cont span { color: #fff; }
.content .List_R .Rlist li:hover .cont .btn { background: #fff; color: #3ed8b6; }
.content .List_R .Rlist .cont { background: #fff; border-radius: 4px; height: 235px; padding: 20px; transition: all .2s linear; }
.content .List_R .Rlist .cont img { width: 100%; display: block; border-radius: 20px; }
.content .List_R .Rlist .cont .bt { display: block; line-height: 35px; font-size: 14px; color: #3ed8b6; height: 35px; margin-top: 5px; display: block; text-align: center;overflow: hidden }
.content .List_R .Rlist .cont span { display: block; height: 30px; display: block; text-align: center; font-size: 14px; color: #666; }
.content .List_R .Rlist .cont .btn { width: 80px; height: 30px; line-height: 30px; margin: 0 auto; background: #3ed8b6; color: #fff; font-weight: 700; display: block; margin: 0 auto; text-align: center; border-radius: 15px; font-size: 14px; }
.content .List_R .Rlist .cont .btn:hover { opacity: 0.8; }
.content .List_R .newlist { overflow: hidden; width: 105%; }
.content .List_R .newlist li { float: left; width: 230px; margin: 20px 11px 0 0; position: relative; padding-top: 130px; border: 1px solid #eee; background: #fff; }
.content .List_R .newlist li .video-name { margin: 10px 10px 5px; line-height: 20px; height: 40px; overflow: hidden; font-size: 14px; color: #333; }
.content .List_R .newlist li .video-name a { color: #333; }
.content .List_R .newlist li .video-img { position: absolute; top: 0; left: 0; width: 100%; height: 130px; overflow: hidden; }
.content .List_R .newlist li .video-img img { width: 100%; height: 100%; object-position: cover; object-fit: cover; transition: all 0.2s; }
.content .List_R .newlist li .video-img:hover img { width: 110%; height: 110%; margin: -5% 0 0 -5%; opacity: 0.8; }
.content .List_R .newlist li .video-name:hover a { color: #3ed8b6; }
.content .List_R .newlist li .video-info { margin: 0 10px 10px; text-align: right; overflow: hidden; line-height: 20px; height: 20px; color: #a0a0a0; font-size: 12px; }
#page { margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }
#page a, #page span { display: inline-block; width: auto; background: #fff; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }
#page span { background-color: #3ed8b6; color: #fff; }
#page a:hover { background-color: #3ed8b6; color: #fff; }
#page .activP { background-color: #3ed8b6; color: #fff; }
.downl_info { background: #fff; width: 100%; display: table; }
.downl_info .pic { display: block; margin: 30px auto 20px; width: 140px; height: 140px; border-radius: 20px; }
.downl_info .name { font-size: 18px; font-weight: bold; margin: 16px 0; display: block; text-align: center; }
.downl_info .star { background: url(https://www.clinicmed.net/static/images/star.png) no-repeat; background-position: 0 0px; width: 79px; height: 15px; overflow: hidden; margin: 0 auto 20px auto; }
.downl_info .star span { display: block; height: 15px; max-width: 100%; background: url(https://www.clinicmed.net/static/images/star.png) no-repeat; background-position: 0 -80px; }
.downl_info .btn { width: 180px; height: 45px; line-height: 45px; margin: 0 auto 12px; position: relative; display: block; text-align: center; color: #fff; }
.downl_info .btn .ic { display: block; float: left; width: 25px; height: 25px; background: url(https://www.clinicmed.net/static/images/down.png) no-repeat 0 0; margin: 12px 2px 0 12px; vertical-align: middle; }
.downl_info .btn p { float: left; }
.downl_info .btn .code { width: 45px; text-align: center; border-left: 1px solid #999; height: 45px; display: block; float: right; }
.downl_info .btn .code i { display: inline-block; width: 20px; height: 20px; background: url(https://www.clinicmed.net/static/images/down.png) no-repeat -2px -3px; vertical-align: middle; margin-right: 3px; }
.downl_info .btn .code:hover .ewm { display: block; }
.downl_info .btn .code .ewm { width: 160px; height: 160px; background: url(https://www.clinicmed.net/static/images/code.png) no-repeat; position: absolute; right: -170px; top: -20px; z-index: 999999; display: none; }
.downl_info .btn .code .ewm img { width: 113px; height: 113px; margin: 20px 20px 20px 28px; }
.downl_info .azbtn { background: #29cc6d; }
.downl_info .azbtn.gray{ background: #ccc; }
.downl_info .azbtn .ic { background-position: -5px -28px; }
.downl_info .iosbtn { background: #333; }
.downl_info .iosbtn.gray { background: #ccc; }
.downl_info .iosbtn .ic { background-position: -2px -56px; }
.downl_info .detail { margin: 15px 0 10px; overflow: hidden; }
.downl_info .detail span { display: block; line-height: 30px; margin-left: 20px; font-size: 14px; color: #333; overflow: hidden; width: 180px; height: 30px;white-space: nowrap;text-overflow: ellipsis; }
.downl_info .pcbtn{
    background: #5298ff;
}
.downl_info .pcbtn .ic{background-position: -2px -85px;}
.downl_cont { width: 920px; padding: 20px; background: #fff; overflow: hidden; }
.downl_cont .head_txt { padding: 15px; background: #f5f5f5; font-size: 16px; line-height: 30px; color: #333; width: 890px; }
.downl_cont .Gm_desc { overflow: hidden; margin-top: 15px; color: #666; line-height: 30px; }
.downl_cont .Gm_desc img { max-width: 100%; }
.downl_cont .Gm_desc h3 { display: block; float: left; border-left: 3px solid #3ed8b6; font-size: 15px; line-height: 20px; font-weight: 600; text-indent: 10px; width: 100%; color: #333; margin: 10px auto; }
.downl_cont .Gm_desc.on { max-height: inherit; }
.downl_cont .open_desc { color: #3ed8b6; display: block; text-align: right; font-size: 14px; float: right; margin: 10px 0; }
.downl_cont .open_desc::after { display: inline-block; content: ''; width: 5px; height: 5px; border-left: 1px solid #3ed8b6; border-bottom: 1px solid #3ed8b6; margin: 0 0 3px 8px; transform: rotate(-45deg); }
.downl_cont .open_desc.on::after { margin: 0 0 1px 8px; transform: rotate(136deg); }
.downl_cont .bot_page { overflow: hidden; margin: 20px 0; }
.downl_cont .bot_page p {float: left;width: 48%;margin-right: 2%;line-height: 26px;overflow: hidden;}
.downl_cont .bot_page p span {color:#3ed8b6;vertical-align: middle;}
.downl_cont .bot_page p a {display: inline-block;max-width: 342px;text-align: center;margin-right: 10px;height: 26px;line-height: 26px;font-size: 14px;overflow: hidden;vertical-align: middle;/* border: 1px solid #3ed8b6; */padding: 0 10px;}
.downl_cont .bot_page p a:hover { color: #3ed8b6;  }
.jietu .show-box { margin-top: 20px; }
.jietu .imgbox { padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; position: relative; height: 160px; }
.jietu .imgbox::-webkit-scrollbar { width: 6px; height: 10px; border-radius: 4px; }
.jietu .imgbox::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
.jietu .imgbox ul { position: absolute; left: 0; top: 0; }
.jietu .imgbox .expand { position: absolute; display: block; width: 40px; height: 40px; background: #111 url("https://www.clinicmed.net/static/images/down.png") 7px -135px no-repeat; bottom: 0; right: 0; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); display: none; }
.jietu .imgbox li:hover .expand { display: block; }
.jietu li { margin-right: 10px; cursor: pointer; position: relative; }
.jietu img { width: 100%; height: 100%; }
.jietu .scroll-bar { display: none !important; height: 5px; background: #e4e4e4; position: relative; margin-top: 30px; overflow: hidden; }
.jietu .scroll-bar .valve { position: absolute; left: 0; top: 0; height: 5px; background: #73706d; width: 200px; cursor: pointer; }
.bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #111; opacity: 0.9; filter: Alpha(opacity=90); display: none; z-index: 999; }
.m-showbox { position: fixed; left: 50%; top: 50%; box-shadow: 0 0 10px #111; display: none; z-index: 1000; }
.m-showbox .inner-box { position: relative; }
.m-showbox img { display: none; }
.m-showbox img.current { display: block; max-height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.close { position: fixed; width: 70px; height: 70px; background: #111 url("https://www.clinicmed.net/static/images/down.png") 18px -300px no-repeat; top: 0; right: 0; cursor: pointer; z-index: 1001; opacity: 0.5; filter: alpha(opacity=50); }
.m-showbox .inner-box .prev { position: absolute; width: 30px; height: 60px; background: #111 url("https://www.clinicmed.net/static/images/down.png") no-repeat 0px -365px; left: -80px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.m-showbox .inner-box .next { position: absolute; width: 30px; height: 60px; background: #111 url("https://www.clinicmed.net/static/images/down.png") no-repeat 0px -415px; right: -80px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.m-showbox .inner-box .prev:hover, .m-showbox .inner-box .next:hover, .close:hover { background-color: #00ceff; }
.R_box { padding: 0 20px 10px; width: 920px; background: #fff; overflow: hidden; margin-top: 20px; }
.liek_lis { overflow: hidden; }
.liek_lis .tab_hd { padding: 10px 0; overflow: hidden; }
.liek_lis .tab_hd span { display: block; border: 1px solid #EFEFEF; float: left; width: 182px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333333; overflow: hidden; cursor: pointer; }
.liek_lis .tab_hd .on { background: #3ed8b6; color: #fff; }
.liek_lis .tab_bd { overflow: hidden; width: 100%; }
.liek_lis .tab_bd .item + .item { display: none; }
.liek_lis .tab_bd .listop { padding: 10px; height: 140px; background: #F7F7F7; margin-top: 15px; display: block; }
.liek_lis .tab_bd .listop img { display: block; width: 240px; height: 120px; border-radius: 20px; float: left; margin-right: 12px; }
.liek_lis .tab_bd .listop span { display: block; float: left; width: 630px; height: 20px; line-height: 20px; color: #333; font-size: 16px; overflow: hidden; margin-top: 10px; }
.liek_lis .tab_bd .listop p { width: 630px; height: 66px; line-height: 22px; font-size: 14px; color: #999; overflow: hidden; float: left; margin-top: 20px; }
.liek_lis .tab_bd .list { overflow: hidden; width: 105%; }
.liek_lis .tab_bd .list .lis { float: left; width: 290px; height: 118px; border: 1px solid #EFEFEF; margin: 25px 22px 0px 0; display: block; }
.liek_lis .tab_bd .list .lis:hover { border-color: #3ed8b6; }
.liek_lis .tab_bd .list .lis img { float: left; width: 80px; height: 80px; border-radius: 20px; display: block; margin: 18px 0px 0px 15px; }
.liek_lis .tab_bd .list .lis .info { float: left; width: 145px; margin: 25px 0px 0px 15px; display: block; }
.liek_lis .tab_bd .list .lis .info p { height: 18px; line-height: 18px; overflow: hidden; font-size: 14px; color: #333333; }
.liek_lis .tab_bd .list .lis .info span { height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 8px; display: block; font-size: 14px; }
.liek_lis .tab_bd .list .lis .info span .ios, .liek_lis .tab_bd .list .lis .info span .az { display: inline-block; vertical-align: middle; width: 15px; height: 17px; background: url(https://www.clinicmed.net/static/images/ic-pt.png) no-repeat; margin: 0 0 3px 4px; }
.liek_lis .tab_bd .list .lis .info span .ios { background-position: -20px 0; }
.art_lis .list { overflow: hidden; width: 106%; }
.art_lis .list li { padding: 12px 0; border-bottom: 1px dashed #ddd; width: 430px; margin-right: 55px; float: left; }
.art_lis .list li .time { color: #999; }
.art_lis .list li .txt { width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
.art_lis .list li .txt:hover { color: #3ed8b6; }
.news_lis .fl_lisall { width: 106%; overflow: hidden; margin-top: 15px; }
.news_lis .fl_lisall li { width: 170px; height: 230px; background: #fff; float: left; margin: 0 17px 20px 0; position: relative; border: 1px solid #f5f5f5; box-sizing: border-box; }
.news_lis .fl_lisall li img { display: block; width: 120px; height: 120px; margin: 20px auto; }
.news_lis .fl_lisall li p { text-align: center; line-height: 30px; height: 30px; width: 150px; padding: 0 10px; overflow: hidden; font-size: 16px; color: #4c4c4c; }
.news_lis .fl_lisall li > span { text-align: center; display: block; font-size: 12px; color: #3ed8b6; line-height: 30px; height: 30px; }
.news_lis .fl_lisall li:hover .fl_dowl { display: block; }
.news_lis .fl_lisall li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.news_lis .fl_lisall .fl_dowl { display: none; width: 168px; height: 80px; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; }
.news_lis .fl_lisall .fl_dowl a { width: 96px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #dbdbdb; border-radius: 4px; display: block; font-size: 14px; color: #4c4c4c; margin: 8px auto 4px; }
.news_lis .fl_lisall .fl_dowl a:hover { background: #3ed8b6; border: 1px solid #3ed8b6; color: #fff; }
.news_lis .fl_lisall .fl_dowl span { font-size: 12px; color: #999; display: block; width: 170px; height: 26px; line-height: 26px; overflow: hidden; text-align: center; }
.art_L { width: 800px; padding: 20px; background: #fff; overflow: hidden; min-height: 200px; margin-right: 20px; }
.art_L .top_title { padding: 30px 0 10px; font-size: 25px; color: #333; text-align: center; }
.art_L .top_others { text-align: center; font-size: 14px; color: #888; line-height: 74px; border-bottom: 1px dashed #e0e0e0; }
.art_L .top_others span { display: inline-block; margin: 0 14.5px; }
.art_L .top_others a { color: #888; }
.art_L .article_main { margin: 10px auto 30px; border-bottom: 1px dashed #ddd; padding-bottom: 20px; }
.art_L .article_main p { line-height: 32px; font-size: 16px; color: #353535; }
.art_L .article_main img { display: block; margin: 10px auto; max-width: 100%; }
.art_L .article_main h3 { display: block; float: left; border-left: 4px solid #3ed8b6; font-size: 16px; font-weight: 600; text-indent: 10px; width: 100%; margin: 15px 0; }
.art_L .bot_page { overflow: hidden; margin: 20px 0; }
.art_L .bot_page p { float: left; width: 40%; margin-right: 10%; line-height: 26px; overflow: hidden;}
.art_L .bot_page p a { display: inline-block; width: 280px; margin-right: 10px; height: 26px; line-height: 26px; font-size: 14px; float: left }
.art_L .bot_page p a:hover { color: #3ed8b6;  }
.art_L .bot_page p span { display: block; max-width: 205px;  max-height: 31px;overflow: hidden;float: left}
.art_L .about_news .newlist { overflow: hidden; width: 105%; }
.art_L .about_news .newlist li { float: left; width: 251px; margin: 20px 20px 0 0; position: relative; padding-top: 130px; border: 1px solid #eee; background: #fff; }
.art_L .about_news .newlist li .video-name { margin: 10px 10px 5px; line-height: 20px; height: 40px; overflow: hidden; font-size: 14px; color: #333; }
.art_L .about_news .newlist li .video-name a { color: #333; }
.art_L .about_news .newlist li .video-img { position: absolute; top: 0; left: 0; width: 100%; height: 130px; overflow: hidden; }
.art_L .about_news .newlist li .video-img img { width: 100%; height: 100%; object-position: cover; object-fit: cover; transition: all 0.2s; }
.art_L .about_news .newlist li .video-img:hover img { width: 110%; height: 110%; margin: -5% 0 0 -5%; opacity: 0.8; }
.art_L .about_news .newlist li .video-name:hover a { color: #3ed8b6; }
.art_L .about_news .newlist li .video-info { margin: 0 10px 10px; text-align: right; overflow: hidden; line-height: 20px; height: 20px; color: #a0a0a0; font-size: 12px; }
.art_R { width: 340px; overflow: hidden; min-height: 100px; }
.art_R .R_item:last-child { margin-bottom: 0; }
.art_R .gm_downl { overflow: hidden; background: #fff; padding: 16px; margin-bottom: 20px; }
.art_R .gm_downl img { width: 110px; height: 110px; border-radius: 18px; float: left; }
.art_R .gm_downl .info { float: left; margin-left: 20px; width: 170px; height: 110px; overflow: hidden; }
.art_R .gm_downl .info p { line-height: 30px; font-size: 16px; color: #636363; height: 30px; overflow: hidden; }
.art_R .gm_downl .info p u { text-decoration: none; color: #f00; }
.art_R .gm_downl .btnbox { overflow: hidden; width: 100%; margin-top: 16px; border-top: 1px dashed #ddd; float: left; }
.art_R .gm_downl .btnbox a { display: block; margin: 15px auto 0; width: 210px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; background: #666; border-radius: 3px; color: #fff; }
.art_R .gm_downl .btnbox a:hover { opacity: 0.8; }
.art_R .gm_downl .btnbox a i { display: inline-block; background: url(https://www.clinicmed.net/static/images/ic-pt2.png) no-repeat; width: 22px; height: 22px; margin: 0 5px 5px 0; vertical-align: middle; }
.art_R .gm_downl .btnbox .az { background: #5fbb5b; }
.art_R .gm_downl .btnbox .az i { background-position: -27px 0; }
.art_R .gm_downl .btnbox .ios { background: #454545; }
.art_R .R_item { overflow: hidden; background: #fff; padding: 0 16px 12px; margin-bottom: 20px; }
.art_R .hot_rd { width: 100%; overflow: hidden; }
.art_R .hot_rd li { height: 67px; padding: 20px 0; }
.art_R .hot_rd li .img { float: left; display: block; margin-right: 20px; }
.art_R .hot_rd li .img, .art_R .hot_rd li .img img { width: 100px; height: 67px; }
.art_R .hot_rd li .bt { float: left; width: 185px; height: 40px; line-height: 20px; overflow: hidden; color: #666; font-size: 14px; }
.art_R .hot_rd li .bt:hover { color: #ff7200; }
.art_R .hot_rd li p { float: left; width: 185px; height: 20px; line-height: 20px; font-size: 12px; color: #666; margin-top: 12px; }
.art_R .hot_rd li p span { color: #9fe8d9; }
.art_R .hot_rd li + li { border-top: 1px dashed #edeff5; }
.art_R .hot_rd li:last-child { padding-bottom: 0; }
.art_R .hot-ranktop { position: relative; padding-top: 150px; }
.art_R .hot-ranktop li { position: relative; line-height: 20px; }
.art_R .hot-ranktop li:last-child { padding-bottom: 0; }
.art_R .hot-ranktop .t { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.art_R .hot-ranktop .num { border-radius: 100%; }
.art_R .hot-ranktop .i { font-size: 12px; color: #888; }
.art_R .hot-ranktop .btn { height: 18px; border: 1px solid #0cc6c6; color: #0cc6c6; display: inline-block; line-height: 18px; padding: 0 4px; border-radius: 2px; }
.art_R .hot-ranktop .n1 { left: 50%; top: 15px; margin-left: -40px; }
.art_R .hot-ranktop .n1 .img { width: 66px; height: 66px; margin: 0 auto; border: 3px solid #fff; border-radius: 20px; }
.art_R .hot-ranktop .n1 .num { background-color: #f63; }
.art_R .hot-ranktop .n2 .img, .art_R .hot-ranktop .n3 .img { width: 58px; height: 58px; margin: 0 auto; border: 3px solid #fff; border-radius: 18px; }
.art_R .hot-ranktop .n2 .num, .art_R .hot-ranktop .n3 .num { background-color: #000; }
.art_R .hot-ranktop .n1, .art_R .hot-ranktop .n2, .art_R .hot-ranktop .n3 { width: 80px; position: absolute; text-align: center; }
.art_R .hot-ranktop .n1 .t, .art_R .hot-ranktop .n2 .t, .art_R .hot-ranktop .n3 .t { margin: 5px 0 0; }
.art_R .hot-ranktop .i .icf { display: inline-block; width: 11px; height: 11px; background: url(https://www.clinicmed.net/static/images/ic-like.png) no-repeat center; margin: 0 0 -2px 2px; }
.art_R .hot-ranktop .n1 .btn, .art_R .hot-ranktop .n2 .btn, .art_R .hot-ranktop .n3 .btn { margin-top: 5px; }
.art_R .hot-ranktop .n1 .num, .art_R .hot-ranktop .n2 .num, .art_R .hot-ranktop .n3 .num { position: absolute; left: 50%; top: -10px; color: #fff; line-height: 20px; width: 20px; margin-left: -10px; font-weight: bolder; }
.art_R .hot-ranktop .img { overflow: hidden; }
.art_R .hot-ranktop .img img { width: 100%; height: 100%; }
.art_R .hot-ranktop .n2 { left: 5px; top: 30px; }
.art_R .hot-ranktop .n3 { right: 5px; top: 30px; }
.art_R .hot-ranktop .nn { border-top: 1px solid #eee; padding: 10px 0 10px 30px; background-color: #fff; height: 32px; }
.art_R .hot-ranktop .nn .img { width: 32px; height: 32px; float: left; margin-right: 10px; }
.art_R .hot-ranktop .nn .t { margin: 6px 0; float: left; max-width: 160px; }
.art_R .hot-ranktop a:hover { color: #3ed8b6; }
.art_R .hot-ranktop .nn .i { float: right; margin: 6px 0; }
.art_R .hot-ranktop .nn .num { position: absolute; left: 0; top: 16px; width: 20px; text-align: center; border-radius: 4px; background-color: #A3B0BE; color: #fff; font-size: 12px; }
.art_R .sub-hjlist li { margin-top: 10px; width: 308px; height: 154px; position: relative; }
.art_R .sub-hjlist li img { width: 100%; height: 100%; object-position: cover; object-fit: cover; }
.art_R .sub-hjlist li em { position: absolute; left: 0; bottom: 0; line-height: 30px; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 288px; padding: 0 10px; }
.art_R .sub-hjlist li em:hover { color: #3ed8b6; }
.page_delete{ width:354px; height:345px; margin:160px auto 0; text-align:center; }
.page_delete a{ display:block; width:128px; height:34px; border-radius:25px; line-height:34px; text-align:center; background:#f26565; color:#FFF; margin:20px auto; }
/* 2020-11-24 */
.rank_List{width: 100%;overflow: hidden;margin-top: 5px;height: 488px;}
.rank_List li{width: 100%;height: 32px;line-height: 32px;margin: 8.5px 0 0;float: left;overflow: hidden;background: #eee;}
.rank_List li i{display: block;float: left;height: 32px;width: 50px;text-align: center;position: relative;font-size: 14px;color: #fff;background: #999;margin-right: 15px;}
.rank_List li i::after{position: absolute;content: '';display: block;right: -10px;top: 10px;width: 0;height: 0;border: 5px solid ;border-color: transparent transparent transparent #999;}
.rank_List li a{display: block;float: left;height: 32px;width: 220px;overflow: hidden;font-size: 14px;color: #333;}
.rank_List li span{float: right;font-size: 14px;color: #666;margin-right: 10px;}
.rank_List li a:hover{color: #3ed8b6;}
.Min8 { width: 1200px; margin: 20px auto 0; overflow: hidden; }
.Min8 .M8L { width: 800px; padding: 0 20px; background: #fff; overflow: hidden; }
.Min8 .M8L .m8_downls { width: 315px; float: left; height: 200px; margin: 0 25px 0 0; }
.Min8 .M8L .m8_downls ul { height: 390px; }
.Min8 .M8L .m8_downls ul li { border-radius:5px; float: left; width: 100%; background: #ccf5ff; margin-top: 20px; }
.Min8 .M8L .m8_downls ul li img { height: 40px; display: block; margin: 11px auto 5px; }
.Min8 .M8L .m8_downls ul li .btn { display: inline-block; width: 120px; height: 30px; text-align: center; line-height: 30px; border-radius: 3px; font-size: 14px; color: #fff; background: #3399cc; margin: 10px 0 20px 24px; }
.Min8 .M8L .m8_downls ul li .btn:hover { opacity: 0.8; }
.Min8 .M8L .m8_downls ul li .btn + .btn { background: #33cc99; }
.Min8 .M8L .m8_downls ul li + li { background: #d6ffe0; }
.Min8 .M8L .m8_downls ul li + li + li { background: #ffffe0; }
.Min8 .M8L .m8_list { width: 460px; overflow: hidden; float: left; }
.Min8 .M8L .m8_list ul { width: 100%; overflow: hidden; margin-top: 18px; height: 400px; }
.Min8 .M8L .m8_list ul li { width: 100%; overflow: hidden; }
.Min8 .M8L .m8_list ul li .lis { overflow: hidden; width: 100%; height: 20px; margin-bottom: 28px; }
.Min8 .M8L .m8_list ul li .lis span {display: block;float: left;background: #ffecec;height: 20px;width: 85px;line-height: 20px;text-align: center;color: #555;font-size: 12px;overflow: hidden;margin-right: 8px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.Min8 .M8L .m8_list ul li .lis a {width: 315px;height: 20px;color: #555;font-size: 15px;overflow: hidden;display: block;float: left;line-height: 20px;}
.Min8 .M8L .m8_list ul li .lis i { display: block; float: right; font-size: 15px; color: #999; line-height: 20px; }
.Min8 .M8L .m8_list ul li .info { display: none; height: 140px; margin-bottom: 35px; }
.Min8 .M8L .m8_list ul li .info .img { display: block; width: 185px; position: relative; height: 140px; float: left; margin-right: 20px; }
.Min8 .M8L .m8_list ul li .info .img img { width: 180px; height: 135px; margin: 5px 0 0 5px; }
.Min8 .M8L .m8_list ul li .info .img .icon { position: absolute; left: 2px; top: 0; background: url(https://www.clinicmed.net/static/images/icon_img.png) no-repeat; height: 32px; width: 63px; background-position: 0 -125px; text-indent: 10px; color: #fff; line-height: 28px; font-size: 15px; }
.Min8 .M8L .m8_list ul li .info .bt { width: 255px; height: 50px; line-height: 25px; overflow: hidden; font-size: 18px; color: #333; display: block; float: left; margin-top: 5px; }
.Min8 .M8L .m8_list ul li .info .bt:hover { color: #14cc8f; }
.Min8 .M8L .m8_list ul li .info p { line-height: 30px; font-size: 14px; color: #999; float: left; margin-top: 5px; width: 255px; }
.Min8 .M8L .m8_list ul li .info p span i { color: #666; }
.Min8 .M8L .m8_list ul li .info p span + span { margin-left: 10px; }
.Min8 .M8L .m8_list ul li .info .btn { width: 118px; height: 38px; color: #14cc8f; border: 1px solid #b8e6d6; border-radius: 3px; font-size: 14px; font-weight: bold; text-align: center; display: block; float: left; line-height: 38px; margin-top: 10px; }
.Min8 .M8L .m8_list ul li .info .btn:hover { background: #14cc8f; color: #fff; }
.Min8 .M8L .m8_list ul .on .lis { display: none; }
.Min8 .M8L .m8_list ul .on .info { display: block; }
.Min8 .M8L .M8_pinpai { width: 100%; overflow: hidden; float: left; }
.Min8 .M8L .M8_pinpai ul { width: 102%; margin-bottom: 20px; overflow: hidden; }
.Min8 .M8L .M8_pinpai li { float: left; overflow: hidden; margin: 10px 20px 0 0; }
.Min8 .M8L .M8_pinpai li:hover .img { border-color: #3ed8b6; }
.Min8 .M8L .M8_pinpai li .img { width: 230px; height: 80px; display: block; border: 1px solid #eee; padding: 10px; margin: 10px auto; }
.Min8 .M8L .M8_pinpai li .img img { height: 80px; margin: 0 auto; display: block; }
.Min8 .M8L .M8_pinpai li .bt { display: block; height: 32px; line-height: 32px; background: #eee; font-size: 15px; color: #333; text-align: center; width: 252px; margin: 10px auto 0; }
.Min8 .M8L .M8_pinpai li .bt:hover { background: #3ed8b6; color: #fff; }
.Min8 .M8R { width: 300px; padding: 0 20px; background: #fff; overflow: hidden; padding-bottom: 20px; }
.Min8 .M8R .soft_item { width: 100%; overflow: hidden; }
.Min8 .M8R .soft_item .item { width: 50%; float: left; overflow: hidden; margin-top: 15px; }
.Min8 .M8R .soft_item .item .bt { text-align: center; font-size: 16px; line-height: 30px; color: #3ed8b6; display: block; margin-top: 7.5px; }
.Min8 .M8R .soft_item .item ul { margin-top: 10px; }
.Min8 .M8R .soft_item .item ul li { overflow: hidden; width: 100%; margin-top: 16px; }
.Min8 .M8R .soft_item .item ul li img { width: 20px; height: 20px; float: left; margin-right: 10px; }
.Min8 .M8R .soft_item .item ul li a { color: #5c5c5c; font-size: 14px; height: 20px; width: 110px; display: block; float: left; }
.Min8 .M8R .soft_item .item ul li a:hover { color: #3ed8b6; }

/* 20230324 */

.crumbwrap{width: 1200px;margin: 20px auto 15px;}
.crumbwrap .crumb{overflow: hidden;font-size: 15px;color: #333;font-family: monospace;}
.content2{overflow: hidden;width: 1200px;margin: 0 auto;}
.content2 .top_title{padding-top: 5px;}
.content2 .article_main{border-bottom: none;padding-bottom: 0;}
.Recmlist{background: #f5f5f5;margin-top: 20px;border-radius: 8px;overflow: hidden;padding: 15px 0;}
.Recmlist li{float: left;width: 20%;}
.Recmlist li a{display: block;margin: 0 auto;position: relative;}
.Recmlist li:hover img{opacity: 0.8;}
.Recmlist li:hover p{color: #00ceff;}
.Recmlist li img{display: block;margin: 0 auto;width: 120px;position: relative;border-radius: 28px;z-index: 1;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.Recmlist li span{position: absolute;z-index: 2;left: 20px;top: 0;background: #43a4f6;width: 50px;height: 25px;text-align: center;color: #fff;font-size: 12px;line-height: 25px;border-radius: 20px 0 20px 0;}
.Recmlist li:nth-child(2) span{background: #00cb0a;}
.Recmlist li:nth-child(3) span{background: #f2a779;}
.Recmlist li:nth-child(4) span{background: #08c1b0;}
.Recmlist li:nth-child(5) span{background: #49c0ec;}
.Recmlist li p{display: block;width: 120px;margin: 10px auto 0;text-align: center;overflow: hidden;height: 25px;line-height: 25px;font-size: 16px;color: #333;font-weight: bold;}

.RankList .list{background: #f5f5f5;margin-top: 20px;border-radius: 8px;padding: 10px;}
.RankList .list .tt{font-size: 16px;font-weight: bold;line-height: 30px;color: #333;}
.RankList .list img{display: block;margin: 10px auto;max-width: 100%;}
.RankList .list .desc{font-size: 14px;color: #666;line-height: 25px;}
.RankList .list .ewmbox{margin: 15px auto 5px;position: relative;overflow: hidden;padding: 2px;}
.RankList .list .ewmbox p{text-align: center;font-size: 14px;font-weight: bold;color: #3ed8b6;}
.RankList .list .ewmbox img{width: 140px;height: 140px;position: relative;z-index: 2;}
.QRCodeBox{margin: 2px auto 20px;}
.QRCodeBox img{margin: 0 auto;display: block;}
.RankList .list .ewmbox::before{width: 160px;height: 160px;border-radius: 10px;display: block;content: '';position: absolute;left: 50%;top: 0;margin: 0 0 0 -82px;border: 2px solid #3ed8b6;}
.QRCodeBox::before,
.QRCodeBox::after{display: block;width: 164px;height: 124px;background: #f5f5f5;content: '';left: 50%;top: 20px;margin: 0 0 0 -82px;position: absolute;}
.QRCodeBox::before{height: 164px;width: 124px;margin: 0 0 0 -60px;top: 0;}


.RankList .list  ::-webkit-scrollbar { width: 6px; height: 8px; border-radius: 4px; }
.RankList .list  ::-webkit-scrollbar-thumb { background-color: #00ceff; border-radius: 4px; }
.RankList .list .PicBox { overflow-x: scroll;margin-bottom: 10px; white-space: nowrap; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 0; }
.RankList .list .PicBox a { display: inline-block; margin-right: 10px; }
.RankList .list .PicBox a img { width: auto; height: 280px; border-radius: 8px; }