.ring_list_box { border: solid 2px #eaf9f8; border-radius: 6px; position: relative;padding-bottom:10px; }
.ring_list_box .head { height: 44px; line-height: 44px; color: #1e726a; font-size: 18px; padding: 0 8px; }
.ring_list_box .search { }
.ring_list_box .search .text { height: 26px; border: solid 1px #81d8d0; border-radius: 2px; vertical-align: top; width: 166px; padding: 0 4px; outline: none; margin: 0 4px; }
.ring_list_box .search .btn { background: #81d8d0; height: 28px; color: #fff; border-radius: 2px; font-size: 14px; width: 48px; vertical-align: top; cursor: pointer; display:inline-block;text-align:center;line-height:28px;}
.ring_list_box .search .btn:hover { text-decoration:none;}
.ring_list_box .tab { line-height: 36px; padding-top: 6px; }
.ring_list_box .tab a { display: inline-block; width: 25%; text-align: center; font-size: 16px; color: #626262; }
.ring_list_box .tab .on { color: #3daeb6; text-decoration: underline; }
.ring_list_box .list_1 { padding: 0 3px; }
.ring_list_box .list_1 li { background: #eaf8f6; border-radius: 6px; border: solid 1px #fff; height: 40px; line-height: 40px; vertical-align: middle; margin-bottom: 10px; text-align: left; }
.ring_list_box .list_1 .hover { border-color: #c5e8e5; }
.ring_list_box .list_1 .name { font-size: 16px; display: inline-block; vertical-align: top; width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 8px; }
.ring_list_box .list_1 span { display: inline-block; vertical-align: top; color: #707070; }
.ring_list_box .list_1 .num { width: 18px; height: 18px; margin: 11px 8px 0 6px; line-height: 18px; text-align: center; color: #fff; }
.ring_list_box .list_1 .na, .ring_list_box .list_1 .nb, .ring_list_box .list_1 .nc { background: url(/images/ring/ring_bg.png) left top no-repeat; }
.ring_list_box .list_1 .nb { background-position: -18px 0; }
.ring_list_box .list_1 .nc { background-position: -36px 0; }
.ring_list_box .button_a { background: #81d8d0; height: 40px; line-height: 40px; text-align: center; display: block; font-size: 18px; color: #fff; width: 228px; margin: 0 auto; border-radius: 6px; cursor: pointer; }
.ring_list_box .pages { padding: 10px 0 0 0; }
.ring_list_box .pages a, .ring_list_box .pages span { height: 20px; line-height: 20px; padding: 0 7px; font-size: 12px; margin: 0 2px; }

.ring_list_box .city_box { border: solid 1px #c5e8e5; border-radius: 6px; background: #fff; position: inherit; left: 3px; top: 0px; width: 228px; text-align: center; }
.ring_list_box .city_box .title { height: 40px; line-height: 40px; border-bottom: solid 1px #c5e8e5; background: #e3f9f7; color: #3daeb6; font-size: 16px; }
.ring_list_box .city_box ul { padding: 0 10px; }
.ring_list_box .city_box li { border: solid 1px #d0f1ee; border-radius: 4px; height: 28px; line-height: 28px; vertical-align: middle; margin-bottom: 8px; }
.ring_list_box .city_box .hover { background: #eaf8f6; }
.ring_list_box .city_box .overflow { height: 450px; margin: 8px 0; }
.ring_list_box .city_box .name { display: inline-block; padding-left: 16px; text-align: left; float: left; width: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.ring_list_box .city_box .q { display: inline-block; float: left; padding: 1px 0 0 8px; }

#hd .b_outer { background: #81d8d0; height: 36px; line-height: 36px; }
#hd .b_nav { width: 996px; margin: 0 auto; }
#hd .b_nav .nav { float: left; }
#hd .b_nav .nav li { float: left; width: 188px; text-align: center; }
#hd .b_nav .nav li a { color: #fff; font-size: 16px; display: block; }
#hd .b_nav .nav li a:hover { text-decoration: none; background: #48c2b7; }
#hd .b_nav .nav li span { color: #fdfda2; }
#hd .b_nav .nav .on { background: #48c2b7; }

#hd .ring_my .arrow{ background: url(/images/ring/head_c_bg.png) left top no-repeat; }

#hd .m_con_b .search_box .set .icon,#hd .m_con_b .search_box .btn { background:url(/images/search_box_bg.png) left top no-repeat;}
#hd .m_con_b .tools_box { float: right; padding: 36px 0 0 0; position: relative; z-index: 20; width: 648px; }
#hd .m_con_b .search_box { border: solid 1px #81d8d0; height: 30px; line-height: 30px; position: relative; font-size: 14px; float: left;border-radius:2px; margin-top:3px;}
#hd .m_con_b .search_box .set { float: left; width: 58px; border-right: solid 1px #cdefec; height: 30px; padding-left: 16px;position: relative; z-index: 20;background:#fafafa; }
#hd .m_con_b .search_box .set span { display: inline-block; vertical-align: top; }
#hd .m_con_b .search_box .set .icon { width: 10px; height: 8px; overflow: hidden; line-height: 0; margin: 13px 0 0 6px;}
#hd .m_con_b .search_box .text { height: 30px; vertical-align: top; padding: 0 6px; width: 230px; outline: none; }
#hd .m_con_b .search_box .btn {display: inline-block; vertical-align: top; height: 30px; color: #fff; cursor: pointer; outline: none; width: 31px; text-align: center; }
#hd .m_con_b .search_box .set_pop { position: absolute; left: -1px; top: 30px; border: solid 1px #81d8d0; background: #fafafa;display: none;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px; }
#hd .m_con_b .search_box .set_pop a { display: block; padding-left: 16px; width: 58px; color: #333; }
#hd .m_con_b .search_box .set_pop a:hover { color: #48c2b7; }

#hd .m_con_b .tools_box .btn_a, #hd .m_con_b .tools_box .btn_b, #hd .m_con_b .tools_box .btn_c, #hd .m_con_b .tools_box .btn_d { background: url(/images/ring/head_btn.png) left top no-repeat;display: inline-block; vertical-align: top; height: 38px;width: 64px; line-height: 36px; font-size: 16px; color: #fff; padding-left: 45px; float: right; margin-bottom: 0; }
#hd .m_con_b .tools_box .btn_b { width: 76px; background-position: left -38px; margin-left: 15px;padding-left:42px; }
#hd .m_con_b .tools_box .btn_c { background-position: left -76px; width: 92px;padding-left:42px;margin-left: 15px;}
#hd .m_con_b .tools_box .btn_d { width: 92px; background-position: left -114px; margin-left: 15px; padding-left: 43px;text-align:left; }
#hd .m_con_b .tools_box a:hover { text-decoration: none; }

#hd .ring_my { position: absolute; right: 0; top: 84px; background: #fff; border: solid 1px #7dd0c8; padding: 10px 6px 0; display: none; filter: alpha(opacity = 0); opacity: 0; }
#hd .ring_my li { float: left; position: relative; width: 64px; height: 100px; padding: 0 8px; margin-top: 10px; }
#hd .ring_my li .m { position: absolute; left: 8px; top: 0; width: 64px; height: 64px; background: url(https://www.soyoung.com/images/home2/m_pic_3.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.soyoung.com/images/home2/m_pic_3.png",sizingMethod="noscale"); _background: none; }
#hd .ring_my li .link { position: absolute; left: 8px; top: 0; display: block; z-index: 10; width: 64px; height: 64px; }
#hd .ring_my li .name { display: block; width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-align: center; line-height: 20px; color: #666; }
#hd .ring_my li .name:hover { color: #3daeb6; text-decoration: underline; }
#hd .ring_my li img { display: block; margin-bottom: 6px; }
#hd .ring_my .arrow { position: absolute; right: 52px; top: -11px; width: 24px; height: 11px; background-position: left -80px; }


#hd .m_con_b { width: 988px; margin: 0 auto; height: 110px; padding: 0 0 0 8px; overflow: hidden;}
#hd .m_con_b .hos_head { width: 80px; height: 80px; position: relative; float: left; margin:15px 26px 0 0; }
#hd .m_con_b .hos_head .m, #hd .m_con_b .hos_head a { width: 80px; height: 80px; position: absolute; display: block; left: 0; top: 0; z-index: 2; }
#hd .m_con_b .hos_head .m { background: url(/images/ring/head_bg_c.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ring/head_bg_c.png",sizingMethod="noscale"); _background: none; z-index: 1; }
#hd .m_con_b .name_box { float: left; font-size: 22px; padding: 25px 0 0 0; }
#hd .m_con_b .name_box .name { color: #3daeb6; display: block; margin-bottom: 10px; }
#hd .m_con_b .name_box .btn_join,#hd .m_con_b .name_box .btn_already  { display: block; width: 55px; height: 26px; line-height: 24px; color: #fff; background: url(/images/ring/head_btn.png) -55px -152px no-repeat; font-size: 16px; text-align: center; }
#hd .m_con_b .name_box .btn_already { background-position: 0 -152px;}
#hd .m_con_b .name_box .btn_join:hover,#hd .m_con_b .name_box .btn_already:hover { text-decoration: none; }

.beauty_tool_outer { background: #f6f6f6; }
.beauty_tool_outer .beauty_tool { width: 996px; margin: 0 auto; }

#bd { padding-top: 0; }

.ring_interrelated {padding-top:30px; }
.ring_interrelated .title{font-size:14px;padding:0 0 0 8px; }
.ring_interrelated li { float: left; position: relative; width: 64px; height: 90px; padding: 0 8px; margin-top: 10px; }
.ring_interrelated li .m { position: absolute; left: 8px; top: 0; width: 64px; height: 64px; background: url(https://www.soyoung.com/images/home2/m_pic_3.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.soyoung.com/images/home2/m_pic_3.png",sizingMethod="noscale"); _background: none; }
.ring_interrelated li .link { position: absolute; left: 8px; top: 0; display: block; z-index: 10; width: 64px; height: 64px; }
.ring_interrelated li .name { display: block; width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-align: center; line-height: 20px; color: #666; }
.ring_interrelated li .name:hover { color: #66c9be; text-decoration: none; }
.ring_interrelated li img { display: block; margin-bottom: 6px; }

.people_list .button a { background: url(https://www.soyoung.com/images/f_bg.png) left top no-repeat; }


.people_list { padding-top: 30px; }
.people_list li { border-bottom: dotted 1px #c0c0c0; padding: 16px 0 16px 16px; cursor: pointer; }
.people_list .head_pic { float: left; margin-right: 20px; position: relative; }
.people_list .head_pic img { display: block; border-radius: 32px; }
.people_list .content { float: left; }
.people_list .name { font-size: 16px; }

.people_list .c { line-height: 24px; color: #666; padding: 4px 0 0 0; width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.people_list .c .approve_4, .people_list .c .approve_5, .people_list .c .approve_6 { display: inline-block; background: url(https://www.soyoung.com/images/icon_approve_4.png); width: 72px; height: 23px; vertical-align: top; margin: 0 6px 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.soyoung.com/images/icon_approve_4.png",sizingMethod="noscale"); _background: none; }
.people_list .c .approve_5 { background: url(https://www.soyoung.com/images/icon_approve_5.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.soyoung.com/images/icon_approve_5.png",sizingMethod="noscale"); _background: none; }
.people_list .c .approve_6 { background: url(https://www.soyoung.com/images/icon_approve_6.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.soyoung.com/images/icon_approve_6.png",sizingMethod="noscale"); _background: none; }
.people_list .address { color: #b7b7b7; padding-top: 4px; }
.people_list .address .font_icon { font-size: 20px; color: #a9e5dd; padding: 0 5px 0 0; }
.people_list .hover { position: relative; background: #f6f6f6; }
.people_list .hover .button { display: block; }
.people_list .button { position: absolute; top: 50%; right: 10px; margin-top: -12px; display: none; }
.people_list .button a { display: inline-block; width: 50px; height: 24px; background-position: left -68px; font-size: 14px; line-height: 21px; color: #fff; padding-left: 21px; margin-left: 7px; cursor: pointer; }
.people_list .button .btn_2 { background-position: left -92px; }
.people_list .button .btn_3 { background-position: 0 -148px; }
.people_list .button a:hover { text-decoration: none; }

.search_bar { margin-top:30px;}

.main {float:left; }

.mCustomScrollBox { width: 100%; }
.mCSB_container { width: auto; margin-right: 10px; overflow: hidden; }
.mCSB_container.mCS_no_scrollbar { margin-right: 0; }
.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px; }
.mCustomScrollBox > .mCSB_scrollTools { width: 13px; height: 100%; top: 0; right: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: none; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; background: #747474; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }
.mCSB_horizontal > .mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; }
.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; }
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; }
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }
.mCustomScrollBox { -ms-touch-action: none; }

.mCustomScrollBox > .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }
.mCustomScrollBox:hover > .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ }
.mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c5e8e5; /* rgba fallback */ filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }

.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0,0,0,0.15); }
.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(0,0,0,0.75); }
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0,0,0,0.85); }
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0,0,0,0.9); }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }
.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255,255,255,0.85); }
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255,255,255,0.9); }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }
/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #000; /* rgba fallback */ background: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0,0,0,0.85); }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0,0,0,0.9); }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }
.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }
/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #fff; /* rgba fallback */ background: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255,255,255,0.85); }
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255,255,255,0.9); }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }
.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }
/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #000; /* rgba fallback */ background: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0,0,0,0.85); }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0,0,0,0.9); }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }
.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }
/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #fff; /* rgba fallback */ background: rgba(255,255,255,0.1); }
.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; background: #747474; }
.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; }
.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }
/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0,0,0,0.15); }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #000; /* rgba fallback */ background: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; }
.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0,0,0,0.85); }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0,0,0,0.9); }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }
.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }


.mana_box{margin-top: 20px;}
.mana_box .head,.mana_box .foot{background: url(/images/ring/mana_bg.png) left top no-repeat;}
.mana_box .head{color:#ff8787;font-size: 16px;height: 40px;line-height: 40px;padding:0 10px 0 45px;}
.mana_box .head .link{display: inline-block;float: right;font-size: 12px;color: #ff8787;text-decoration: underline;}
.mana_box .foot{background-position: left bottom;height: 4px;overflow: hidden;}
.mana_box .body{border:solid 1px #ffe9e9;border-width: 0 1px;}
.mana_box .default{text-align: center;font-size: 30px;color: #ff8787;padding:30px 0;}
.mana_box .list{padding: 20px 0 0 5px;}
.mana_box .list li{float:left;width: 66px;text-align: center;padding:0 5px;height: 82px;}
.mana_box .list img{display: block;border-radius: 23px;margin:0 auto 6px;}
.mana_box .list .name{display: block;width: 66px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

.p_pop_2 .text{font-size: 18px;padding:40px 0 30px;text-align: center;}
.p_pop_2 .foot{text-align: center;padding-bottom: 30px;}
.p_pop_2 .foot .btn{display: inline-block;background: url(/images/ring/p_pop_2_btn.png) left top no-repeat;width: 140px;height: 45px;line-height: 45px;cursor: pointer;}

.pages { padding: 25px 0; text-align: center; }
.pages a, .pages span { display: inline-block; height: 28px; line-height: 28px; padding: 0 11px; margin: 0 4px; font-size: 14px; color: #666; }
.pages .on, .pages a:hover { background: #81d8d0; color: #fff; border-radius: 4px; text-decoration: none; }
.pages .hidden { display: none; }


.video_list_title{width: 998px;margin:0 auto;padding: 30px 0 0 30px;font-size: 14px;}
.video_list{width: 998px;margin:0 auto;}
.video_list li:after{content: ' ';height:0;display: block;clear: both;visibility: hidden;}
.video_list li{border-bottom: dotted 1px #c1c1c1;padding: 30px 0;zoom:1;}
.video_list .pic{float: left;width: 430px;border:solid 1px #dadada;padding: 7px;margin-right: 38px;position:relative;cursor: pointer;}
.video_list .pic .v_box{display: block;background: #000;}
.video_list .pic img{opacity: 0.6;filter:alpha(opacity=60);}
.video_list .con{float: left;width: 496px;padding-top: 8px;}
.video_list .con .name{border-left: solid 3px #fd9368;padding-left: 10px;}
.video_list .con .name a{font-size: 16px;color:#3c5a57;}
.video_list .con .doctor{padding: 40px 0 14px;}
.video_list .con .info{color: #999;line-height: 20px;}
.video_list .con .info .t{color:#666;padding-bottom: 4px;}
.video_list .con .data{padding-top: 10px;}
.video_list .con .data .icon_a,.video_list .con .data .icon_b{background: url(/images/ring/video_list_icon_a.png) left center no-repeat;display: inline-block;padding-left: 24px;margin-right: 20px;}
.video_list .con .data .icon_b{background-image:url(/images/ring/video_list_icon_b.png);}
.video_list .play_icon{background: url(/images/home4/icon_play.png) left top no-repeat;width: 54px;height: 54px;position: absolute;top: 134px;left:50%;margin-left: -27px;display: block;}

#banner_box{height: 318px;position: relative;}
#banner_box li{height: 318px;position: absolute;width: 100%;left: 0;top: 0;opacity: 0;filter:alpha(opacity=0);}
#banner_box li a{display: block;height: 318px;}
#banner_box .tab{position: absolute;bottom: 12px;left: 0;width: 100%;text-align: center;z-index: 10;}
#banner_box .tab span{display: inline-block;width: 12px;height: 12px;background:#ecf5fb;border-radius: 6px;vertical-align: top;margin: 2px 4px;cursor: pointer;}
#banner_box .tab .on{background: #56dcce;}
#banner_box .next,#banner_box .prev{position: absolute;left: 50%;top: 123px;z-index: 10;width:64px;height: 64px;background:url(/images/home4/banner_next.png) left top no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home4/banner_next.png' ,sizingMethod='noscale');_background:none;cursor: pointer;margin-left:440px;display: none;opacity: 0.6;filter:alpha(opacity = 60);}
#banner_box .prev{background-image: url(/images/home4/banner_prve.png);margin-left: -500px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home4/banner_prve.png' ,sizingMethod='noscale');_background:none;}


.monographic_list{margin:0 auto;width: 1020px;}
.monographic_list li{float: left;margin-bottom: 32px;padding: 0 12px;}
.monographic_list li a{display: block;padding: 7px;border:solid 1px #dadada;}
.monographic_list img{display: block;border-radius: 6px;}

.monographic_title {width: 998px;margin:0 auto; padding: 30px 0 20px;height: 32px;position: relative;}
.monographic_title .set_box{position: absolute;right: 0;top: 30px;}
.monographic_title .set{float: right;border:solid 1px #81d8d0;height: 30px;width: 75px;background: #fafafa;overflow: hidden;margin-left: 8px;}
.monographic_title .set a{display: block;height: 30px;line-height: 30px;font-size: 14px;padding-left: 15px;cursor: pointer;}
.monographic_title .t{background: url(/images/ring/monographic_arrow_bg.png) 54px 12px no-repeat;}
.monographic_title .title{font-size: 20px;line-height: 32px;}

.video_pop{position:fixed;left: 50%;top: 50%;z-index: 100;padding: 6px;background: rgba(255,255,255,0.6);margin:-268px 0 0 -436px;box-shadow: 0 0 6px #666;border-radius: 4px;display: none;}
.video_pop iframe{display: block;}
.video_pop .close{position: absolute;right: -37px;top: 0;width:34px;height: 34px;background:url(/images/home4/video_close_bg.png) left top no-repeat;cursor: pointer;z-index: 10;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home4/video_close_bg.png' ,sizingMethod='noscale');_background:none;}

.mask{background: #000;opacity: 0.3;width: 100%;z-index: 90;filter:alpha(opacity = 30);position: absolute;left: 0;top: 0;display: none;}


.gambit_list{border: solid 1px #81d8d0;overflow-y:auto;margin: 10px 0;height: 194px;}
.gambit_list ul{padding: 2px 15px 0;}
.gambit_list ul li{padding: 8px 0;}
.gambit_list ul .default{border: 0;font-size: 16px;text-align: center;line-height: 170px;}
.gambit_list .h_pic{float: left;display: block;width: 10%;}
.gambit_list .h_pic img{border-radius: 23px;display: block;}
.gambit_list .g_text{float: left;width: 90%;}
.gambit_list .time{float: right;line-height: 20px;color: #cfcccc;}
.gambit_list .time .font_icon{font-size: 16px;padding: 0 5px 0 0;color: #f0f0f0;}
.gambit_list .name{line-height: 22px;}
.gambit_list .g_text p{clear: both;font-size: 14px;word-break: break-all;word-wrap: break-word;}
.gambit_list .g_text p img{display: inline-block;vertical-align: top;margin-top: -2px;}
.gambit_list .floor{padding-right: 30px;color: #bcbcbc;}

.gambit_area .case{background: #f0faf9;padding: 0 18px;line-height: 32px;border: solid 1px #81d8d0;}
.gambit_area .hover{background: #fff;}

.gambit_area .import{display: none;}
.gambit_area .import .r_page { float: left; padding-left: 8px; }
.gambit_area .import .r_page .on { color: #333; }
.gambit_area .import .link { float: right; }
.gambit_area .import .ke-container .ke-edit{border:solid 1px #81d8d0;}
.gambit_area .import textarea { border: solid 1px #eee; width: 595px; height: 30px; padding: 4px; display: block; margin-bottom: 6px; }
.gambit_area .import .blue_btn { background: #81d8d0; display: inline-block; height: 25px; line-height: 26px; padding: 0 20px; border-radius: 6px; color: #fff; box-shadow: 0 1px 0 #5ebfb6; overflow: hidden; float: right; }
.gambit_area .import .blue_btn:hover { text-decoration: none; }
.gambit_area .import .btn_box { text-align: right; height: 26px; }
.gambit_area .import .brow { float: right; background: url(https://www.soyoung.com/images/brow_arrow.png) right center no-repeat; margin-right: 18px; cursor: pointer; position: relative; height: 25px; }
.gambit_area .import .brow .inner { display: block; padding: 0 12px 0 0; }
.gambit_area .import .brow img { display: block; }
.gambit_area .import .brow .brow_pop { border: solid 1px #ccc; background: #fff; width: 208px; position: absolute; left: -4px; top: 24px; padding: 2px; box-shadow: 1px 1px 1px #ccc; border-radius: 4px; display: none; }
.gambit_area .import .brow .brow_pop span { display: block; float: left; padding: 1px; }
.gambit_area .import .brow .brow_pop .hover { border: solid 1px #666; padding: 0; border-radius: 4px; }
.gambit_area .import .ke-container{width: 676px!important;height: 126px;}
.gambit_area .import .ke-container .ke-edit{width: 674px;height: 88px!important;}
.gambit_area .import .relative{width: 676px;height: auto;padding-bottom: 0;}
.gambit_area .import .btn_box{display: block; position: absolute; bottom: 0; right: 0;}
.gambit_area .import .btn_box label{display: inline-block; font-size: 12px; position: absolute; right: 120px; top: 6px;white-space: nowrap;}
.gambit_area .import .btn_box label input{vertical-align: middle; margin-top: -2px;}
.import .ke-container .ke-edit iframe{height: 88px!important;}