@charset "utf-8";

/*---------------------------------------- body ------------------------------------------*/
body{ background:url(../images/body_bg.jpg) center top repeat-x; width:100%; font-size:13px; color:#666;}
h1,h2,h3,h4,h5,h6{ font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
a{ text-decoration:none; color:#0075a9;}
a:hover{ color:#002e73; text-decoration: underline; }
.xs-block{display: none;}
.mobile-icon, .mobilemenu{ display: none;}

/*-----header------*/
.header{ background:url(../images/header_bg.jpg) top center no-repeat; position:relative;}
.header .logo{ margin: 0; height:100px; padding-top:5px;}
.header .logo a{ display:inline-block;}

.header-link{ height:26px; position:absolute; right:0; top:0;}
.header-link ul{ display:inline-block; list-style:none; margin-left:10px; padding:0 5px; height:26px; border-color:#d2d2d2; border-width:0 1px 2px; border-style:solid; border-radius:0 0 4px 4px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.49, #f7f7f7), color-stop(0.5, #e4e4e4));
	background:-moz-linear-gradient(top, #f7f7f7 49%, #e4e4e4 50%);
	background:-webkit-linear-gradient(top, #f7f7f7 49%, #e4e4e4 50%);
	background:linear-gradient(to bottom, #f7f7f7 49%, #e4e4e4 50%);
	background-color:#f7f7f7;}
.header-link li{ float:left; height:24px; padding:0 8px;  line-height:24px; position:relative;}
.header-link li::after{ content:"|"; color:#999; position:absolute; right:0; line-height:24px; font-size:12px;}
.header-link li:last-child::after{ display:none;}
.header-link li a{color:#333; font-size: 13px;}
.header-link li a:hover{ color:#0075a9;}
.header-link li a span{ padding-left:5px;}
.header-link li a .badge{ font-size:12px; margin-left:2px; position:relative; top:-2px; -webkit-transform: scale(0.7); transform: scale(0.7);}
.header-link li a .abbr{ display:none;}
.header-link li a .abbr + span{ padding-left:0;}
.header-link li.current a, .header-link li.current a:hover{ color:#0075a9; font-weight:bold;}

.slogan{ position:absolute; left:300px; top:25px; font-weight:bold; font-style:italic; text-align:right; letter-spacing:-2px; width:240px; font-family:KaiTi;}
.slogan hr{ border-color:#8bb5b3; margin:0;}
.slogan .top{ font-size:24px;color:#000; line-height:40px;}
.slogan .bottom{ font-size:20px; color:#1e5363; line-height:30px;}

.header-image{ background:url(../images/header-image.png) no-repeat; background-size: contain; width:400px; height:100px; top:26px; position:absolute; right:0;}

.menu{height:30px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #065485), color-stop(1, #337da8)); z-index:3; position:relative;
	background:-moz-linear-gradient(top, #065485 0%, #337da8 100%);
	background:-webkit-linear-gradient(top, #065485 0%, #337da8 100%);
	background:linear-gradient(to bottom, #065485 0%, #337da8 100%);
	background-color:#065485;}
.menu ul{list-style: none; margin: 0; padding:0;}
.menu ul::after{ display:table; content:""; width:100%; height:0; clear:both;}
.menu li{float:left; width:14.2%; position: relative;}
.menu li::before, .menu li::after{content: ""; width: 1px; height: 20px; overflow: hidden; position: absolute; top: 5px;}
.menu li::before{background-color: #3e82a6; right: 0;}
.menu li::after{background-color: #174c72; left: 0;}
.menu li:frist-child::before{ display:none;}
.menu li:last-child::after{ display:none;}
.menu li a{ display: block; padding:5px 0; line-height: 20px; height:30px; font-size: 14px; transition: all 0.5s ease 0s; text-align:center; color: #fff; position:relative; z-index:1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu li a:hover, .menu li.current a, .menu li:hover > a{ text-decoration: none; color: #fff; background:#91b931;}
.menu li ul{ display:none; width:100%; position:absolute; top:30px; left:0; z-index: 3;}
.menu li:hover ul{ display:block;}
.menu li li{ clear:both; width:100%;}
.menu li li::before, .menu li li::after{ display:none;}
.menu li li a, .menu li.current li a{ background-color:#427a9b; font-size:13px;}
.menu li li a:hover, .menu li li:hover > a{ background-color:#c1dae8; color:#065485;}


/*-----------------------------footer---------------------------*/
.footer{ border-radius:15px; border:4px solid #eee; padding:10px 0; margin-top:30px; margin-bottom:15px; font-size:13px;}
.bottomlogo{ padding-top:20px; max-width:100%;}
.bottomlink{ margin:0; padding:0; list-style:none;}
.bottomlink li{ display:inline-block;}
.bottomlink li::after{ content:"|"; line-height:20px;}
.bottomlink li:last-child::after{ display:none;}
.bottomlink li a{ padding:0 8px; line-height:20px; font-size:14px;}
.bottomlink li:first-child a{ padding-left:0;}
.bottomlink li:last-child a{ padding-right:0;}
.footer p{ line-height:24px; margin-top:5px; margin-bottom:0;}


/*-----------------------------content---------------------------*/
.content-box{ margin-top:10px;}
.content-box::before, .content-box::after{ content:""; height:0; display:table; clear:both; width:100%;}
.has-sidebar .details{ width:770px; float:right;}

/*-----------------------------sidebar---------------------------*/
.sidebar{ width:210px; float:left;}

.member-group{border:1px solid #8bd3df; border-radius:3px; margin-top:20px;}
.member-content{ margin:2px; position:relative; border-top:10px solid #e9edf0; padding:20px 10px 15px; text-align:center;}
.member-content::before{ content:""; position:absolute; width:100px; height:40px; background: url(../images/ribbon.png) no-repeat; left:50%; margin-left:-10px; top:-27px;}
.member-group-top{ color:#333; font-size:20px; line-height:40px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight:bold;}
.member-group-top strong{ padding-right:5px; color:#f60; font-size:16px;}
.member-content .star{ margin:5px 0; display: inline-block; text-align: center;}
.member-content .star img{ max-width:100px;}
.member-content .member-group-title{ line-height:30px; font-weight:bold; margin: 0 -10px;}
.member-content .member-group-title .title{ color:#0075a9; letter-spacing:-2px;font-size:20px; font-family:KaiTi; display:inline-block; padding-right:55px; position:relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.member-content .member-group-title .title img{ position:absolute; right:0; top:3px; height:20px;}
.member-content .member-group-title .viewlink{ color:#ff6600; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;font-size:16px;}
.member-content .btn-list{ margin-top:15px;}
.member-content .star-name{ display: inline-block; padding:0 15px; font-size: 20px; border-radius:5px; background-color:#eee;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight: bold;}
.member-content .star-name:hover{ text-decoration: none; background-color: #fff3c1;}
.member-content .member-link{ display:block; text-align:center; line-height:32px; color:#fff;  font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;font-size:16px; font-weight:bold; border-radius:5px; background-image:url(../images/menu_btn_bg.png); background-repeat:repeat; text-shadow:0 0 3px rgba(0,0,0,0.5); box-shadow:inset 0 0 0 5px rgba(255,255,255,0.5);}
.member-content .member-link + .member-link{ margin-top:5px;}
.member-link.red-type{ background-color:#ff8bb4;}
.member-link.purple-type{ background-color:#8c93df;}
.member-link.green-type{ background-color:#b5d058;}
.member-link.yellow-type{ background-color:#ebb848;}
.member-link.blue-type{ background-color:#8cd2df;}



.btn-register, .btn-buypoints{ height:38px; line-height:32px; background:url(../images/side_btn_bg.gif) center repeat-x; display:block; border:3px solid #b5dfe9; border-radius:8px; overflow:hidden; position:relative; text-align:center; color:#00479d;}
.btn-register::before, .btn-buypoints::before{ position:absolute; content:""; background:url(../images/left_bottom_bg.png); width:100px; height:30px;}
.btn-register::before{ left:0; top:0;}
.btn-buypoints::before{ right:0; bottom:0; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.btn-register span, .btn-buypoints span{ position:relative; z-index:1; font-size:17px; font-weight:bold; letter-spacing:3px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;}
.btn-register:hover, .btn-buypoints:hover{ color:#0075a9; text-decoration:none;}

.login-group{ border:3px solid #b5dfe9; overflow:hidden; margin:5px 0; border-radius:10px; padding:5px 10px 15px; position:relative; background:-moz-linear-gradient(top, #fcfeff 0%, #ebf9fb 100%);
	background:-webkit-linear-gradient(top, #fcfeff 0%, #ebf9fb 100%);
	background:linear-gradient(to bottom, #fcfeff 0%, #ebf9fb 100%);
	background-color:#ebf9fb;}
.login-group::before{position:absolute; content:""; background:url(../images/btnfigure_bg.png); width:90px; height:55px; left:0; bottom:0;}
.login-group .title{position:relative; z-index:1; color:#7a7a7a; font-size:14px; line-height:30px;}
.login-group .title strong{ color:#4d92a2; font-size:20px; padding-right:5px;  font-family:KaiTi;}
.side-login { padding-left:40px; position:relative; z-index:1; margin:0;}
.side-login .usericon{ position:absolute; left:0; top:0; font-size:40px; color:#5bc0de; line-height:60px;}
.side-login .btn-link{ padding: 5px;}
.login-group .login-notice{ line-height: 18px; padding:2px 5px; border-radius: 5px;background-color: #f0f0f0;}

.recommend-product{ margin-top:15px; position:relative;}
.recommend-product .title{ background:url(../images/recommend_title_bg.gif); text-align:center; line-height:28px; color:#333; font-size:16px; letter-spacing:-1px;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight:bold; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 3px #f8ba35; box-shadow: 0 0  0 3px #f8ba35; border-radius: 5px; margin-bottom: 10px;}
.recommend-product ul{ margin:0 -10px; padding:0; list-style: none;}
.recommend-product ul::before, .recommend-product ul::after{content:""; width:100px; height:0; clear: both; display: table;}
.recommend-product li{ width:25%; float:left; padding:0 10px;}
.recommend-product li a{ display:block; text-align: center;}
.recommend-product li a img{ max-width: 100%;}

.main-luckygroup{ margin-top:15px; position:relative;}
.main-luckygroup .group-title{ background:url(../images/lucky_title_bg.gif); text-align:center; line-height:28px; color:#333; font-size:16px; letter-spacing:-1px;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight:bold; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 3px #f4989a; box-shadow: 0 0  0 3px #f4989a; border-radius: 5px; }

.sidebar-menu{ position: relative;}
.sidebar-menu .title{ background:url(../images/sidebarmenu_title_bg.gif); text-align:center; line-height:28px; color:#333; font-size:16px; letter-spacing:-1px;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight:bold;}
.sidebar-menu::before{ content:""; position:absolute; right:-5px; top:8px; width:200px; height:60%; z-index:-1; background-color:#dbdbd7; transform:rotate(5deg)}
.sidebar-menu ul{ margin:0; padding:15px; border-color:#d1d1d1; border-width:0 1px 1px; border-style:solid; border-radius:0 0 10px 10px; list-style:none;
	background:-moz-linear-gradient(top, #f9fce5 0%, #e5f085 100%);
	background:-webkit-linear-gradient(top, #f9fce5 0%, #e5f085 100%);
	background:linear-gradient(to bottom, #f9fce5 0%, #e5f085 100%);
	background-color:#e5f085;}
.sidebar-menu li{ clear: both; border:#ebebeb 1px solid; box-shadow: 0 0 0 2px #fff; padding: 2px; background-color: #fff;}	
.sidebar-menu li + li{ margin-top: 10px;}
.sidebar-menu li a{ line-height: 20px; display: block; padding: 0 10px; background-color: #f7f8e5; color: #4d4d4d; position: relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sidebar-menu li a .arrow{ color: #f60; padding-right: 5px;}
.sidebar-menu li a:hover{ background:-moz-linear-gradient(left, #f7f8e5 0%, #ffb502 100%);
	background:-webkit-linear-gradient(left, #f7f8e5 0%, #ffb502 100%);
	background:linear-gradient(to right, #f7f8e5 0%, #ffb502 100%);
	background-color:#ffb502;}
.sidebar-menu li a:hover::before, .sidebar-menu li.current a::before{ content: ""; position:absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../images/sidemenu_li_bg.png); background-position: right center; background-repeat: no-repeat; background-size: contain;}
.sidebar-menu li.current a{background:-moz-linear-gradient(left, #f7f8e5 0%, #ffb502 100%);
	background:-webkit-linear-gradient(left, #f7f8e5 0%, #ffb502 100%);
	background:linear-gradient(to right, #f7f8e5 0%, #ffb502 100%);
	background-color:#ffb502;}
	
.sidebar-menu li a span{ position: relative; z-index: 1;}

.sidebar-menu li ul{ padding: 10px 0 10px 10px; border: 0; background: none; display: none;}
.sidebar-menu li.current ul{ display: block;}
.sidebar-menu li li{ border: 0; box-shadow: none; padding: 0;}
.sidebar-menu li li a{ padding: 0; background: #fff;}
.sidebar-menu li li a:hover{background: #f0f0f0;}
.sidebar-menu li li a:hover::before, .sidebar-menu li.current li a::before{ display: none;}
.sidebar-menu li.current li a{ background: none;}
.sidebar-menu li li.current a{ color: #308B8F; font-weight: bold;}

.panel-bottom-link{ margin:5px 0 0; text-align: center; padding: 0 5px;  border-radius: 5px;  background-color: #f0f0f0;}


.linkbtn-group{ margin-top:10px;}
.linkbtn-group .btn-link{ margin-bottom:7px; border-style:solid; border-width:1px; border-radius:8px; height:40px; display: block; position:relative; text-align:center;}
.linkbtn-group .btn-link img{ position:relative;}
.linkbtn-group .btn-link:last-child{ margin-bottom:0;}
.btn-link.linkbtn-1{ background-color:#fff8e1; border-color:#ffc778; border-width:2px;}
.btn-link.linkbtn-1 img{ top:-3px;}
.btn-link.linkbtn-2{ background: url(../images/leftlink_bg_2.png); border-color:#d54747;}
.btn-link.linkbtn-2 img{ top:-4px;}
.btn-link.linkbtn-3{ background-color:#f3ffe1; border-color:#c0e776; border-width:2px;}
.btn-link.linkbtn-4{ background: url(../images/leftlink_bg_4.png); border-color:#cecece;}
.btn-link.linkbtn-4 img{ top:-6px;}
.btn-link.linkbtn-5{ background: url(../images/leftlink_bg_5.png); border-color:#ddc0ec;}
.btn-link.linkbtn-5 img{ top:-6px;}
.btn-link.linkbtn-6{ background: url(../images/leftlink_bg_6.png); border-color:#dc7285;}
.btn-link.linkbtn-6 img{ top:-9px;}
.btn-link.linkbtn-7{ background: url(../images/leftlink_bg_7.png); border-color:#f6af17;}
.btn-link.linkbtn-8{ background: url(../images/leftlink_bg_8.png); border-color:#988a5b;}
.btn-link.linkbtn-9{ background: url(../images/leftlink_bg_9.png); border-color:#b07935;}

.image-link{ display: block; text-align: center;}
.image-link img{ max-width: 100%;}
.image-link + .image-link{ margin-top: 7px;}

.side-service{ margin-top:10px;}
.side-service .title{  position:relative; padding-left:25px; background-color:#d8eff0; border:1px solid #80b5f6; border-radius:4px;}
.side-service .title::before{ content:""; left:-6px; top:-4px; position:absolute; width:30px; height:28px; background:url(../images/service-icon.png) no-repeat;}
.side-service .title .text{line-height:28px; position:relative; z-index:1; font-size:16px; font-weight:bold; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; color:#fff; text-shadow: -1px 0 #0075a9, 0 1px #0075a9, 1px 0 #0075a9, 0 -1px #0075a9;}
.side-service .title .option{ position:absolute; right:10px; top:7px; background-color:#fff;}
.btn-more{ background-image:url(../images/btn_more_bg.png); background-repeat:no-repeat; width:46px; height:13px; display:block; overflow:hidden; text-indent:-999px;}
.btn-more.blue{ background-position:-46px 0;}
.btn-more.blue:hover{ background-position:-46px -13px;}
.btn-more.green{ background-position:0 0;}
.btn-more.green:hover{ background-position:0 -13px;}
.service-content{ padding-left:70px; position:relative; margin-top:5px;}
.service-content .service-icon{ position:absolute; left:0; top:20px;}
.service-content ul{ list-style:none; margin:0; padding:5px 0 0;}
.service-content li{ background-color:#e8f8f7; border-radius:10px; position:relative; padding:5px 5px 5px 28px;}
.service-content li + li{ margin-top:5px;}
.service-content li .arrow{ position:absolute; left:10px; top:7px; line-height:16px; color:#86cf62;}
.service-content li a{ line-height:16px; font-size:14px;}

.side-news {margin-top:10px;}
.side-news .title{  position:relative; padding-left:25px; background-color:#9b5cc7; border:1px solid #581487; border-radius:4px; font-size:16px;  line-height:28px; font-weight:bold; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; color:#fff; margin-bottom: 5px; position: relative;}
.side-news .title::before{ content:""; left:-6px; top:-4px; position:absolute; width:30px; height:30px; background:url(../images/sidenews-icon.png) no-repeat;}

.sidebar-linkbtn{margin-top:15px; position:relative;}
.sidebar-linkbtn .title{ background:url(../images/recommend_title_bg.gif); text-align:center; line-height:28px; color:#333; font-size:16px; letter-spacing:-1px;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight:bold; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 3px #f8ba35; box-shadow: 0 0  0 3px #f8ba35; border-radius: 5px; margin-bottom: 10px;}
.sidebar-linkbtn ul{ margin:0 -10px; padding:0; list-style: none;}
.sidebar-linkbtn ul::before, .sidebar-linkbtn ul::after{content:""; width:100px; height:0; clear: both; display: table;}
.sidebar-linkbtn li{ width:100%; float:left; padding:0 10px;}
.sidebar-linkbtn li a{ display:block; text-align: center;}
.sidebar-linkbtn li a img{ max-width: 100%;}

/*-----------------------------index---------------------------*/
.banner{ background:url(../images/loading.svg) center no-repeat; position:relative; padding-bottom:22.3%;}
.mainslider{ margin:0; padding:0; list-style:none; height:223px; position:absolute; left:0; top:0; width:100%; height:100%;}
.mainslider li{width:100%; height:100%; position:relative; overflow:hidden;}
.mainslider li a{width:100%; height:100%; display:block; position:absolute; left:0; top:0; cursor:pointer; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}

.rslides_tabs{margin:0; padding:0; list-style:none; height:16px; position:absolute; right:15px; bottom:10px; z-index:1;}
.rslides_tabs li{float:left; margin-left:5px; position:relative;}
.rslides_tabs a{cursor:pointer; display:block; border:1px solid #dcdcdc; width:16px; height:16px; color:#7a7a7a; line-height:14px; text-align:center; overflow:hidden; transition:all 0.5s ease 0s; background-color:#fff; text-decoration:none;}
.rslides_tabs li.rslides_here a, .rslides_tabs li.rslides_here a:hover{background-color:#c00100; color:#fff; border-color:#a00100;}
.rslides_tabs a:hover{background-color:#fff; color:#f00; border-color:#f00;}

.main-left{ width:210px; float:left; margin-right: 15px;}
.main-center{ width:550px; float:left;}
.main-leftcenter{ width:775px; float:left; margin-right: 15px;}
.main-right{ width:210px; float:right;}


.main-tab .tab-nav{ list-style:none; padding:0; margin:0 -3px 0 0; overflow:hidden;}
.main-tab .tab-nav li{ float:left; border:1px solid #9ecce7; line-height:28px; text-align:center; display:block; width:25%; color:#002e73; font-size:13px; margin-right:-1px; position:relative; cursor:pointer; background:-moz-linear-gradient(top, #ffffff 40%, #d6e7f4 100%);
	background:-webkit-linear-gradient(top, #ffffff 40%, #d6e7f4 100%);
	background:linear-gradient(to bottom, #ffffff 40%, #d6e7f4 100%);
	background-color:#d6e7f4;}
.main-tab .tab-nav li:first-child{ border-radius:4px 0 0 0;}
.main-tab .tab-nav li:last-child{ border-radius:0 4px 0 0; margin-right:0;}
.main-tab .tab-nav li:hover{text-decoration:underline; z-index:2; border-color:#1aa4ff;}
.main-tab .tab-nav li.active{border-color:#1aa4ff;
	background:-moz-linear-gradient(top, #ffffff 40%, #93cfff 100%);
	background:-webkit-linear-gradient(top, #ffffff 40%, #93cfff 100%);
	background:linear-gradient(to bottom, #ffffff 40%, #93cfff 100%);
	background-color:#93cfff;}

.main-tab .article-list{ border-width:0 1px 1px; border-style:solid; border-color:#9ecce7; padding:10px; position:relative;}
.main-tab .article-list .photo{ width:180px; height:100px; position:absolute; text-align:center; left:10px; top:72px; position:absolute;}
.main-tab .article-list .photo img{ max-width:180px; max-height:100px;}
.main-tab .article-list ul{margin:0 0 0 190px; padding:0; list-style:none; height:150px; overflow-y: auto;}
.main-tab .article-list li{ clear:both; }
.main-tab .article-list li a{ display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:25px;}
.main-tab .article-list li .label{ margin-right:3px; padding:0 0.5em;}
.main-tab .article-list li a:hover .label { text-decoration:none;}
.main-tab .article-list .top{ margin:0; height: 58px;}
.main-tab .article-list .top .title{ font-size:14px; color:#002e9e; font-weight:bold; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:25px;}
.main-tab .article-list .top p{ line-height:20px; font-size:12px; display: inline-block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right:60px; position:relative; margin-bottom:0; margin-top:3px; max-width:100%;}
.main-tab .article-list .top p .more{ position:absolute; font-weight:bold; color:#002e9e; right:0; top:0;}

.hot-tags{ margin:0 0 10px; background-color: #fefef1; border-radius: 4px; padding: 1px 10px 1px 105px; position: relative; border:1px solid #ebecee; overflow: hidden;}
.hot-tags .title{ color: #333; line-height: 24px; position: absolute; left: 40px; top: 2px;}
.hot-tags ul{ margin:0; padding: 0; list-style: none; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-tags li{ display: inline-block; line-height: 24px; padding: 0 5px;}
.hot-tags li a{ text-decoration: underline; font-size: 14px;}
.hot-tags li:nth-child(6n + 1) a{ color: #FF99FF;}
.hot-tags li:nth-child(6n + 2) a{ color: #330099;}
.hot-tags li:nth-child(6n + 3) a{ color: #336633;}
.hot-tags li:nth-child(6n + 4) a{ color: #ff6600;}
.hot-tags li:nth-child(6n + 5) a{ color: #857334;}
.hot-tags li:nth-child(6n) a{ color: #CC0000;}
.label-hot{ height: 12px; font-weight: bold; left: -15px; top: 5px; line-height: 12px; width: 60px; font-size: 12px;position: absolute; text-align: center; -webkit-transform: rotate(-35deg) scale(0.9); transform: rotate(-35deg) scale(0.9);background-color: #be1e26; color: #fff;}

.main-count .title{ height: 36px; }
.main-count .title .text{ color:#0075a9; line-height: 36px; font-size: 15px; font-weight: bold; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.main-count .title .text strong{ color: #5e8632;}
.main-count .title img{ float: left; padding-right: 5px;}
/*.main-count .quick-count{ margin: 10px; -webkit-box-shadow: 0 0 0 10px #e94657; box-shadow: 0 0 0 10px #e94657; border:2px solid #ff7d16; padding:5px 10px;  position: relative;background:-webkit-gradient(linear, 0 0, 0 100%, from(#e94657), to(#c60c35));
background:-webkit-linear-gradient(#e94657 0%, #c60c35 100%);
background:-moz-linear-gradient(#e94657 0%, #c60c35 100%);
background:-o-linear-gradient(#e94657 0%, #c60c35 100%);
background:linear-gradient(#e94657 0%, #c60c35 100%);
background-color:#c60c35;}
.main-count .quick-count .control-label{ color: #fff;}
*/
.main-count .quick-count{ border:1px solid #abe180; padding:5px 10px;background:#f0fced url(../images/main_form_bg.gif) bottom repeat-x; position: relative;}
.main-count .quick-count::before{ content: ""; width:150px; height: 113px; background:url(../images/main_form_side.png) no-repeat; overflow: hidden; position: absolute; left: 0; bottom: 0; }
.main-count .quick-count::after{ content: ""; width:150px; height: 113px; background:url(../images/main_form_side.png) no-repeat; overflow: hidden; position: absolute; right: 0; top: 0; transform: rotate(180deg);}
.main-count .quick-count .form-group{ position: relative; z-index: 1; margin-bottom: 10px;}


.main-news{ margin-top: 5px;}
.main-news .title{ display: block; line-height: 28px; padding-left: 32px;  font-size: 16px; font-weight: bold; color: #0075a9; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; background: url(../images/news_title_bg.jpg) left center no-repeat;}
.main-news .title .option{ position: absolute; right:0; top: 7px;}

.god-ghost{ margin-top: 10px;  border: 3px solid #ebecee;  border-radius: 10px; padding: 5px;}
.god-ghost .title{ height: 24px; line-height: 24px; font-size: 16px;  font-weight: bold; color: #0075a9; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.god-ghost .title img{ float: right; padding-right: 15px;}
.god-ghost-list{ margin: 0; padding:10px 0 0; list-style: none;border-top:7px solid #e9e6e3;}
.god-ghost-list::before, .god-ghost-list::after{display:table; content:""; width:100%; height:0; clear:both;}
.god-ghost-list li{ float: left; width: 20%; padding: 6px 0;}
.god-ghost-list li a{ display: block; text-align: center; }
.god-ghost-list li a span{ display: block; line-height: 20px; color: #333;}
.god-ghost-list li a:hover span{color: #0075a9; text-decoration: underline;}
.god-ghost-list li a img{ max-width: 100%; padding-bottom: 5px; height: 35px;}
.god-ghost .link{ margin:0; text-align: center; padding:0 5px; border-radius: 5px; background-color: #f0f0f0;}
.god-ghost .link a{ line-height: 24px; color: #f60; text-decoration: underline; display: inline-block; margin: 0 10px;}
.god-ghost .link a i{ color: #999;}

.star-family{ margin-top: 10px; border:3px solid #ebecee; border-radius: 10px; padding: 5px;}
.star-family .title{ background: url(../images/star_title.jpg) left center no-repeat; line-height: 28px; height: 28px; text-align: right; position: relative;}
.star-family .title h4{ float: left; margin: 0 0 0 32px;line-height: 28px; font-size: 16px; font-weight: bold; color: #0075a9; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.star-family .title .title-link{ color: #c00; display: inline-block; margin: 0 5px;}
.star-family .title .title-link span{ text-decoration: underline;}
.star-family .title .title-link i{ color: #999;}
.star-family ul{ padding: 0; margin: 0; list-style: none;}
.star-family ul::before, .star-family ul::after{display:table; content:""; width:100%; height:0; clear:both;}
.star-family li { float: left; width: 20%; padding: 5px 0;}
.star-family li a{ display: block; text-align: center; }
.star-family li a span{ color: #333; display:inline-block; background-color: #e6f9a4; border-radius: 5px; line-height: 20px; padding: 2px 5px; position: relative; margin-bottom: 5px;}
.star-family li span::before{ content: "";  width:0px; height:0px; border-left:6px solid transparent; border-right:6px solid transparent;  border-top:6px solid #e6f9a4; font-size:0px; line-height:0px; position: absolute; bottom: -5px; left: 50%; margin-left: -6px;}
.star-family li img{max-width: 100%; height: 35px;}
.star-family li a:hover span{ background-color: #eff9cd; text-decoration: underline;}

.star-family.content-type{ margin: 0; border: 0; padding: 0;}
.star-family.content-type ul{ border-bottom: 1px dotted #999; padding: 10px 0 10px 40px; position: relative;}
.star-family.content-type ul:last-child{ border: 0;}
.star-family.content-type ul .text{ position: absolute; left: 0; top: 50%; color: #333; display: inline-block; background-color: #e6f9a4; border-radius: 5px; line-height: 20px; padding: 2px 5px; font-size: 16px; margin-top: -22px;}
.star-family.content-type li img{ max-width: 80px; height: 75px;}
.star-family.content-type li a span{ color: #666; display:inline-block; background-color: transparent; border-radius:0; line-height: 20px; padding: 2px 5px; position: relative; margin-top: 5px;}
.star-family.content-type li a span::before{  display: none;}

.main-pattern{ margin-top: 10px;}
.main-pattern .title{ text-indent: -999px; overflow: hidden; height: 28px; background: url(../images/horoscope_title.gif) left center no-repeat;}
.main-pattern .pattern-list{ display: table; border:3px solid #ebecee; border-radius: 10px; padding: 10px; width: 100%; background-color: #fefef1;}
.main-pattern .pattern-list ul{ display: table-cell; list-style: none; padding: 0; }
.main-pattern .pattern-list li{ clear: both; line-height: 28px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main-pattern .pattern-list li .item-title{ color: #5e8632;}
.main-pattern .pattern-list li a{ color: #857334; margin: 0 3px; display: inline-block; text-decoration: underline;}
.main-pattern .pattern-list li a:hover{ color: #0075a9;}
.main-pattern .pattern-list li.link a, .main-pattern .pattern-list li.link a:hover{ color: #f60; margin: 0 10px 0 0;}
.main-pattern .pattern-list li.link a i{ color: #999;}

.main-discuss{ margin-top: 10px; border-radius: 4px 4px 0 0; border-color:#b9dca9; border-style:solid; border-width: 1px 1px 0; overflow: hidden;}
.main-discuss ul{list-style: none; padding: 0; margin: 0;}
.main-discuss ul::before, .main-discuss ul::after{display:table; content:""; width:100%; height:0; clear:both;}
.main-discuss li{ width: 33.3%; float: left; border-bottom:1px solid #b9dca9;}
.main-discuss li .title{ line-height: 19px; height: 20px; padding: 1px 10px 0; position: relative; font-weight: bold; color: #286401; border-right:1px solid #b9dca9;
	background:-moz-linear-gradient(top, #ffffff 40%, #cee9c9 100%);
	background:-webkit-linear-gradient(top, #ffffff 40%, #cee9c9 100%);
	background:linear-gradient(to bottom, #ffffff 40%, #cee9c9 100%);
	background-color:#cee9c9;}
.main-discuss li:nth-child(3n) .title{ border:0;}
.main-discuss li .title .option{position: absolute; right: 10px; top: 4px;}
.main-discuss li .info{ position: relative; padding: 10px 10px 10px 80px; min-height: 80px;}
.main-discuss li .info .photo{ display: block; text-align: center; position: absolute; left: 10px; top: 10px; width: 60px; height: 60px; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee;}
.main-discuss li .info .photo img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.main-discuss li .info .large{ display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; color: #286401; font-size: 14px;}
.main-discuss li .info .item{ display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 18px; color: #286401;}
.main-discuss li .info a:hover{ color: #0075a9;}

.hot-topic, .case-parse{ border:1px solid #b9dca9; margin-top: 10px; border-radius: 8px 8px 0 0; overflow: hidden; min-height: 215px; position: relative;}
.hot-topic .title,  .case-parse .title{ height: 27px; background: url(../images/figure_bg_center.gif) repeat-x; }
.hot-topic .title h4, .case-parse .title h4{ margin: 0; padding: 0 15px; line-height: 27px; font-size: 16px; color: #fff;  font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/figure_bg_right.gif) no-repeat right center; text-shadow: -1px 0 #638c0b, 0 1px #638c0b, 1px 0 #638c0b, 0 -1px #638c0b;}
.hot-topic ul{ margin: 0 0 20px; padding: 10px; list-style: none;}
.hot-topic ul::before, .hot-topic ul::after{ content: ""; display: table; width: 100%; clear: both;}
.hot-topic li{ width: 50%; float: left; padding-right: 20px; display: block; color:#286401; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.hot-topic li a, .case-parse li a{ color:#286401; font-size: 14px;}
.hot-topic li a:hover, .case-parse li a:hover{ text-decoration: underline;}
.hot-topic .option{ position: absolute; right: 10px; bottom: 10px;}

.case-parse ul{ padding: 5px;  list-style: none; margin: 0;}
.case-parse li{ height: 29px; line-height: 29px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 5px;}
.case-parse li:nth-child(2n){ background-color: #cce198;}
.case-parse li .rank{ display: inline-block; padding: 0 5px; color: #fff; line-height: 20px; background-color: #638c0b; font-size: 14px; font-weight: bold; border-radius: 6px;}

.main-almanac .title{ height: 40px; background: url(../images/icon_almanac.jpg); border: 1px solid #e8cd7f; border-radius: 4px; position: relative; margin-bottom: 5px;}
.main-almanac .title .text{ line-height: 38px; font-size: 20px; color: #000; font-family: LiSu; font-weight: bold; position: relative; z-index: 1; left: 60px; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;}
.main-almanac .title img{ position: absolute; left: 10px; top: -10px;}
.almanac-table{ border: 5px solid #dfaf0c; border-radius: 5px; padding: 5px; height: 215px; overflow: auto; font-family: Microsoft JhengHei; font-size: 14px;}
.almanac-table .table{ border:3px solid #a40000; margin-bottom: 0;}
.almanac-table .table td{ border-color: #a40000;}
.almanac-table .btn{ margin-top: 10px;}

.share-group {margin-top: 10px;}
.share-group .title{ padding: 4px 10px; position: relative; background-color:#fefef1; border: 1px solid #dfaf0c; border-radius: 4px; color: #857334; font-size: 16px; font-weight: bold; line-height: 20px;}
.share-group .content{line-height: 20px; margin-top: 10px;}
.weixin{ position: relative; padding-left: 110px; min-height: 100px;}
.officialaccounts{ width: 100px; height: 100px; position: absolute; left: 0; top: 0;}


 .gotop{ z-index:999; width:50px; text-decoration: none; line-height:50px; display:block; text-align:center; background-color:#427a9b; border-radius:50%; color:#fff; font-size:26px; position:fixed; right:50%; bottom:30px; margin-right:-500px; transition:all 0.5s ease 0s;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);opacity:0.5;}
.gotop:hover{color:#fff; background-color:#91b931; opacity:1;  text-decoration: none; }

.horoscope-group{margin-top: 10px; background: url(../images/horoscope-bg.jpg) center center no-repeat; background-size: cover; position: relative; padding:5px; border-radius: 10px;}
.horoscope-group::before{ content: ""; position: absolute; left: 5px; top: 5px; bottom: 5px; right: 5px; border: 1px solid rgba(255,255,255,.3); border-radius: 5px; border-radius: 3px;}
.horoscope-group .title{ position:absolute; z-index: 2; left: 20px; position: absolute; top: 50%; transform: translateY(-50%); line-height: 38px;font-size: 24px;color: #fff;
font-family: LiSu;font-weight: bold; text-shadow: -2px 0 #041546, 0 2px #041546, 2px 0 #041546, 0 -2px #041546;}
.horoscope-item{ padding-left: 180px; background: url(../images/horoscope-title-bg.png) -60px center no-repeat; position: relative;z-index: 1; }
.horoscope-group ul{ margin: 0; padding: 0; list-style: none;}
.horoscope-group ul::after{ display:table; content:""; width:100%; height:0; clear:both; float: inherit;}
.horoscope-group li{ box-sizing: border-box; width: 16.6%; float: left; padding: 5px; line-height: 25px;}
.horoscope-group li a{ display: block; position: relative; padding:5px 0 5px 50px; color: #fff; line-height: 20px; font-size: 14px; text-align: center;}
.horoscope-group li a:hover{ color: #e8f8f7;}
.horoscope-group li a .icon { position: absolute; left: 5px; top: 0; width: 50px; height: 50px;}


/* 24-12-27新增 */
.main-article{ margin-top: 10px;} 
.main-article .title{ position: relative; background: conic-gradient(from 90deg at 50% 0, #f3eac3 0, rgba(76, 0, 255, 0) 100%); border: 1px solid #fff; box-shadow: 1px 1px 6px -5px #000; border-radius: 4px; padding:2px 10px 2px 38px;}
.main-article .title::before {  content: ""; left: -5px;  top: -2px; position: absolute; width: 40px; height: 30px; background: url(../images/main-article-title-icon.png) no-repeat; background-size: contain;}
.main-article .title .text{line-height: 24px; position: relative; z-index: 1; color: #857334; font-size: 16px; font-weight: bold;font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff}
.main-article .title .option {  position: absolute; right: 10px; top: 7px; background-color: #fff;}

.main-article .article-content{ margin-top:10px; position: relative; background-color: #f3eac3; padding: 3px; border-radius: 10px; overflow: hidden;}
.main-article .article-content-side{ position: relative; z-index: 1; background-color: #fff; padding: 10px; border-radius: 8px;}
.main-article .article-content::before,
.main-article .article-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  background-color: #f8ba35;
  opacity: 0.7;
  animation: border-animate 5s linear infinite;
}

.main-article .article-content::after {
  animation-delay: -2.5s;
}

@keyframes border-animate {
  0%,
  100% {
    clip-path: inset(0 0 170px 0);
  }

  25% {
    clip-path: inset(0 375px 0 0);
  }

  50% {
    clip-path: inset(170px 0 0 0);
  }

  75% {
    clip-path: inset(0 0 0 375px);
  }
}
.main-article .article-content .htmledit{ position: relative; overflow-y: auto; height: 150px;}
/* 24-12-27新增 */

/*=============================page==================================*/
.navigation{ overflow: hidden; position: relative; margin-bottom: 10px;}
.navigation::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #d4e1e6;}
.navigation .title{ line-height: 32px; position: relative; z-index: 1; margin: 0; display: inline-block; border-bottom:2px solid #5cc6d2; font-size:16px; font-weight: bold; color: #707070;}
.navigation .title .en{ padding-left: 10px; font-size: 14px; font-weight: normal; font-family:roman; color: #50798a;}

.navigation .breadcrumb{ background-color: transparent; float: right; margin-bottom: 0; padding-right: 0;}
.navigation .breadcrumb li a{ color: #707070;}
.navigation .breadcrumb li a i{ padding-right: 5px; font-size: 16px;}
.navigation .breadcrumb li a:hover{ color:#308B8F;}
.navigation .breadcrumb li.current{ color: #308B8F;}

.article-content{ font-size: 14px;}
.article-content img{ max-width: 100%;}

.page-title{ font-size: 16px; font-weight: bold; color: #fff; line-height: 24px; padding:5px 15px; border-radius: 4px; background-color: #3580a4; margin-bottom: 20px;}

.paper-content{ padding: 40px 20px 50px; min-height: 300px; position: relative; border:1px solid #d4d4d4; background-color: #fff;}
.icon-ding{width: 46px;  height: 85px; background:  url(../images/ding.png) no-repeat; position: absolute; right: -20px; top: -10px; display: block;}
.paper-content::after{ content: ""; position:absolute; left:10px; bottom:-10px; width:60%; height:50px; z-index:-1; background-color:#dbdbd7; transform:rotate(-3deg)}
.paper-content::before{content:""; position:absolute; right:-5px; bottom:8px; width:50px; height:250px; z-index:-1; background-color:#dbdbd7; transform:rotate(-3deg)}
.paper-title{ padding: 5px 15px; line-height: 30px; color: #fff; font-weight: bold; border:1px solid #77ae3c; border-radius: 0 10px 0 10px; margin-bottom: 20px;
-webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.5); box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.5);
	background:-moz-linear-gradient(top, #7fb444 0%, #9fc968 100%);
	background:-webkit-linear-gradient(top, #7fb444 0%, #9fc968 100%);
	background:linear-gradient(to bottom, #7fb444 0%, #9fc968 100%);
	background-color:#7fb444;}
	
.post-list ul{margin: 0; padding: 0; list-style: none;}
.post-list li{ clear: both; margin-bottom: 15px;}
.post-list li .title{ background-color: #f3f3f3; border-radius: 4px; line-height: 20px; padding: 5px 8px; font-size: 12px;}
.post-list li .title .name{ color: #c30; font-size: 14px;}
.post-list li .title .price{ font-weight: bold; color: #039;}
.post-list li .post-description{ position: relative; padding: 5px 0 0 90px;}
.post-list li .post-description .photo{ display: block; text-align: center;position: absolute;left: 0; top: 5px;width: 80px;height: 80px;-webkit-box-shadow: 0 0 0 1px #eee;box-shadow: 0 0 0 1px #eee;}
.post-list li .post-description .photo img{ max-width: 100%; max-height: 100%;vertical-align: middle;}
.post-list li .post-description .info{ color: #3F82A1; line-height: 20px; margin: 0;  min-height: 80px;}

.pagination-info{ display: inline-block; float: right; line-height: 32px;}
.pagination-info select.form-control{ height: 32px; display: inline-block; width: auto;}

.paper-header, .paper-bottom{ position: relative; text-align: center;}
.share-tools{ position: absolute; left: 0; top: 20px; padding: 5px 10px; background-color: #f0f0f0; border-radius: 5px; line-height: 16px;}
.share-tools.right-type{ left: auto;; right: 0;}
.paper-header .view{ position: absolute; right: 0; top: 20px; text-decoration: underline;}
.paper-header{ border-bottom:#ccc dashed 1px; margin-bottom: 20px; padding-bottom: 5px; min-height: 60px;}

.article-content .share-tools{ left: auto; right: 40px; top: 5px;}

.corner-group{position: absolute; left: -30px; top: -45px;}
.corner-img{ max-height: 80px; }
.corner-text{ display: block; text-align: center; color: #c9702e;}

.paper-bottom{border-top:#ccc dashed 1px; margin-top: 20px; padding-top: 5px; min-height: 50px;}
.paper-bottom .btn-back{ position: absolute; right: 0; top: 20px;}

.article-list-page ul{margin: 0; padding: 0; list-style: none;}
.article-list-page li{ clear: both; border-bottom:1px #999 dotted; padding: 5px 15px; line-height: 20px; margin-bottom: 5px;}
.article-list-page li a{ display: block;}

.login-group.login-page{ clear:both; padding: 15px; border-color:#ccc; border-width: 1px;}
.login-page .groupfacebook{ padding:10px 20px;  background-color: #8fa1c4; margin: -15px -15px 15px;}
.login-page .groupfacebook .br-facebook{ position: absolute; left: 20px; top: 20px; height: 38px; display: block; width: 200px; background: url(../images/br_facebook.gif) 0 0 no-repeat;}
.login-page .groupfacebook .br-facebook:hover{ background-position: 0 -38px;}
.login-page .groupfacebook .facebookinfo{ margin-left: 240px; background-color: #fff; border-radius: 10px; padding: 10px 50px 10px 20px; color: #666; line-height: 20px; position: relative; overflow: hidden;}
.label-new{height: 14px; font-weight: bold; right: -18px; top: 9px; display: block; line-height: 14px; width: 80px; font-size: 12px;position: absolute; text-align: center; -webkit-transform: rotate(35deg) scale(0.9); transform: rotate(35deg) scale(0.9);background-color: #91b931; color: #fff;}
.login-group.login-page .side-login{ padding: 10px 150px 10px 100px; }
.login-group.login-page .usericon{ font-size: 60px; left: 130px; top: 20px;}

.login-group.login-page .form-group + .form-group{ margin-top: 10px;}
.login-group.login-page  .brtools{  text-align: right;}

.forgot-group{ padding: 20px 20px 20px 160px; border: 1px solid #ccc; border-radius: 10px; background: url(../images/vase.jpg) 20px center no-repeat;}
.forgot-group.no-image{ padding: 20px; background: none;}
.refresh{padding-top: 5px; display: inline-block;}
.forgot-group .info{ font-size: 16px;}
.forgot-group .brtools{ margin-top: 20px; padding-left: 100px;}
.forgot-group .brtools .btn{ margin-right: 10px;}
.forgot-group.no-image .brtools{ padding-left: 120px;}
p.info{line-height: 24px; margin-bottom: 20px; }

.forgot-group.avater-type{ background: none; position: relative; min-height: 250px;}
.forgot-group.avater-type .photo{ text-align: center; width: 120px; height: 120px; border: 1px solid #ccc; position: absolute; left: 25px; top: 25px; vertical-align: middle;}
.forgot-group.avater-type .photo span{ height: 100%; vertical-align: middle; display: inline-block;}
.forgot-group.avater-type .photo img{ max-width: 100%; max-height: 100%; vertical-align: middle;}

.detail-title{ background-color: #e8f8f7; padding: 5px 10px; margin-bottom: 10px; border-radius: 3px; font-size: 15px; color: #996600;}
.detail-title .icon{ color: #86cf62; margin-right: 5px;}
.info-text{ float: right; color: #666; font-size: 14px;}
.register-nav{ margin:0 -20px 20px; padding: 0; list-style: none;}
.register-nav::after{ content: ""; clear: both; display: table; width: 100%; height: 0;}
.register-nav li{ float: left; width: 25%; padding: 0 20px; position: relative;}
.register-nav li::after{ content: "\f138"; font-family:'FontAwesome'; font-size:inherit;text-rendering:auto; font-size: 28px; line-height: 40px; color: #91b931; position: absolute; right: -12px; top: 2px;}
.register-nav li:last-child::after{ display: none;}
.register-nav li .step{ font-size: 15px; text-align: center; font-weight: bold; color: #91b931; line-height: 30px; padding:5px; border:1px solid #ccc; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); box-shadow: inset 0 0 4px rgba(0,0,0,0.2); }
.register-nav li.current .step{ color: #444; background:-moz-linear-gradient(top, #fff 0%, #b8e745 100%);
	background:-webkit-linear-gradient(top, #fff 0%, #b8e745 100%);
	background:linear-gradient(to bottom, #fff 0%, #b8e745 100%);
	background-color:#b8e745;}
.clause{padding: 10px; border: solid #ccc 1px; color: #3A7181; line-height: 150%; margin-top: 10px; max-height: 400px; overflow-y: auto;}
.register-btn{ margin-top: 20px; text-align: center; }
.register-btn .btn { margin-right: 10px; min-width: 120px;}
.from-content .register-btn{ border-top:2px solid #eee; padding-top: 10px;}
.help-block{ line-height: 18px; padding: 3px 0; margin: 0; font-size: 13px; color: #999;}

.question-list ul{ padding: 0; margin: 0; list-style: none;}
.question-list li + li{ margin-top: 20px;}
.question-list li .title{ line-height: 30px; font-size: 16px; font-weight: bold; text-decoration: none;}
.question-list li .icongroup{background-color: #e59e00; display: inline-block; width: 62px; text-align: center; border-radius: 4px; color: #fff; margin-right: 10px; position: relative;}
.question-list li .icongroup::before, .question-list li .icongroup::after{ width: 1px; content: ""; height: 100%; position: absolute; top: 0;}
.question-list li .icongroup::before{ background-color: #e5bc00; left: 30px;}
.question-list li .icongroup::after{background-color: #b76c00; right: 30px;}
.question-list li .icongroup i{ padding: 0 5px;}
.question-list li .content{ line-height: 150%; margin-top: 10px; display: none; margin-left: 72px; position: relative;}
.question-list li .content img{ max-width: 100%;}
.question-list li.open .content{ display: block;}
.question-list li .content::before{ content: "A"; position: absolute; left: -40px; top: 0; line-height: 24px; padding: 0 10px; font-weight: bold; color: #fff; background-color: #ccc; border-radius: 4px; }

.panel-title{ font-size: 16px; font-weight: bold; color: #005e15; line-height: 20px; padding: 5px 10px; margin-bottom: 15px; background-color: #f0f0f0; border-radius: 3px;}
.member-info{ background-color: #f7ffff; border: 2px solid #d5edef; padding:10px 15px; border-radius: 10px;}
.member-info table{ width: 100%;}
.member-info td{ padding: 10px 15px; border-bottom: 1px dotted #ccc;}
.member-info td.text{ text-align: right;}
.member-info tr:last-child td{ border: 0;}

.member-link a{ display: block; padding: 5px 0; text-align: center;}
.member-service + .member-service{ margin-top: 20px;}
.member-service .title{ font-size: 15px; line-height: 20px; padding: 5px 10px; margin: 0 0 5px; background-color: #f7f8e5; border: 2px solid #fff; box-shadow: 0 0 1px 0 #999;}
.member-service .title i{ color: #f60;}
.member-service ul{ margin: 0; padding: 0; list-style: disc;}
.member-service li{ line-height: 20px; padding: 5px 0; margin-left: 25px;}

.ul-table{ list-style: none; padding: 0; margin: 0;}
.ul-table > li{ clear: both; border-bottom: 1px #999 dotted;padding: 5px 15px;line-height: 20px; margin-bottom: 5px;}
.ul-table > li.table-title{padding: 5px 15px; line-height: 30px; color: #fff; font-weight: bold; border:1px solid #77ae3c; border-radius: 0 10px 0 10px; margin-bottom: 10px;
-webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.5); box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.5);background:-moz-linear-gradient(top, #7fb444 0%, #9fc968 100%);background:-webkit-linear-gradient(top, #7fb444 0%, #9fc968 100%);background:linear-gradient(to bottom, #7fb444 0%, #9fc968 100%);background-color:#7fb444;}
.ul-table li ul{ padding: 0; display: table; margin: 0; list-style: none; width: 100%;}
.ul-table li li{ display: table-cell; padding: 0 5px;}
.ul-table li li strong.title{ display: none; }

.almanac-group{ width: 622px; margin: 0 auto; }
.almanac-group .almanac-table{padding: 160px 100px 0; background: url(../images/hc_bg_1.gif) center top no-repeat; height: auto; border-radius:0; border: 0;}
.almanac-group .almanac-table .table td{ font-size: 16px;}
.almanac-group .almanac-table .table .t1{ width: 90px;}
.almanac-group .bottom-img{ margin-top: 20px; max-width: 100%;}
.from-almanac{ margin-top: 20px; background:#a40000 url(../images/hc_bg_3.gif) center bottom no-repeat; border-radius: 10px; padding: 20px; text-align: center;}
.from-almanac .title{ color: #fff; font-size: 24px; letter-spacing: 3px; font-weight: bold; font-family: LiSu; line-height: 30px; margin-bottom: 10px;}
.from-almanac .form-group{ width: 400px; margin-left:auto; margin-right: auto; color: #fff;}
.from-almanac .brtools{ text-align: center; margin-top: 20px;}
.from-almanac .brtools .btn{ width: 150px;}

.deposit-group{ position: relative; margin-top: 30px; padding: 8px; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 8px #ffae22; box-shadow: 0 0 0 8px #ffae22; background-color: #ffae22; border-radius: 15px;}
.deposit-content{ padding: 20px; background-color: #fff; min-height: 200px;}
.deposit-title{ position: absolute; height: 62px; padding-top: 20px; padding-left: 100px; background: url(../images/icon_price.png) left bottom no-repeat; left: 0; top: -50px; line-height: 32px; font-size: 20px; font-weight: bold; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; color: #d01717;}
.deposit-content .info{ font-size: 16px; line-height: 30px;}
.deposit-content .info.important{ color: #800000;}
.deposit-content .table{ width: 100%; border: 2px solid #f39800;}
.deposit-content .table th, .deposit-content .table td{ border: 2px solid #faca77; font-weight: bold; font-size: 16px; line-height: 20px; padding:5px; text-align: center;}
.deposit-content .table th{ color: #fff; background:-moz-linear-gradient(top, #ffef00 0%, #ff9402 100%);background:-webkit-linear-gradient(top, #ffef00 0%, #ff9402 100%);background:linear-gradient(to bottom, #ffef00 0%, #ff9402 100%);background-color:#ff9402; text-shadow: -2px 0 #f39800, 0 2px #f39800, 2px 0 #f39800, 0 -2px #f39800;}
.deposit-content .table td input{ margin: 0; vertical-align: middle;}
.deposit-content .pay {margin-bottom: 20px; margin-top: 20px; text-align: center;}
.deposit-content .pay img{ max-width: 100%;}

.bookmark{ padding-left: 0; margin: 0;}
.bookmark li{ line-height: 24px; list-style: none; border-bottom:1px solid #eee;}
.bookmark li:last-child{ border: 0;}
.bookmark li a{ font-weight: bold; color: #666;}
.bookmark li a:hover{ color: #23527c;}
.bookmark li a .arrow{ color: #f60; transform: scale(0.5);}
.bookmark li.active a{ color: #337ab7;}
.bookmark li.active a .arrow{ color: #308b8f; transform: scale(1);}

.discussion-list{ overflow: hidden; }
.discussion-list, .discussion-list ul{ padding: 0; margin: 0; list-style: none;}
.discussion-list .list-title{ border: 0; -webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.5); box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.5);
	background:-moz-linear-gradient(top, #7fb444 0%, #9fc968 100%);
	background:-webkit-linear-gradient(top, #7fb444 0%, #9fc968 100%);
	background:linear-gradient(to bottom, #7fb444 0%, #9fc968 100%);
	background-color:#7fb444;}
.discussion-list .list-title li{background-color: transparent;}
.discussion-list > li{ margin-top: -1px;}	
.discussion-list ul{ display: table; width: 100%; table-layout: fixed; border-collapse: collapse;}
.discussion-list ul li{ padding: 10px; line-height: 20px; display: table-cell; border: 1px solid #D4D4D4; vertical-align: top;}
.discussion-list .list-title li{ font-weight: bold; color: #fff; font-size: 16px; line-height: 24px;}
.discussion-list li li .title{ font-size: 15px; font-weight: bold;}
.discussion-list li li .info{ margin: 0; color: #999;}
.discussion-list li li .title .fa{ padding-right: 10px; font-size: 16px;}

.discussion-list li li .table-head{ display: none;}
.td-width-70{ width: 70px; text-align: center; background-color: #fcfcfc;}
.td-width-250{ width: 250px;}
.td-width-130{ width: 130px;}
.td-width-150{ width: 150px; text-align: center; background-color: #fcfcfc; vertical-align: middle !important;}
.td-width-100{ width: 100px; text-align: center; background-color: #fcfcfc;}

.discussion-type{position: relative;}
.discussion-type .share-tools{ top: 10px;}
.discussion-type .pagination-info, .discussion-type .pagination{ float: left;}
.discussion-type .pagination-info{ margin-left: 10px;}
.discussion-type::after{ content: ""; width: 100%; display: table; height: 100%; clear: both;}
.btn-publish{ float: right;}
.btn-publish + .btn-publish{ margin-right: 10px;}

.discussion-list .photo{ width:92px; height:92px; text-align:center; margin: 0 auto 10px; border: 1px solid #D4D4D4; background-color: #fff;}
.discussion-list .photo span{ height:100%; display: inline-block; vertical-align: middle;}
.discussion-list .photo img{ max-width:90px; max-height:90px; vertical-align: middle;}
.discussion-list .date{border-bottom: 1px dotted #D4D4D4; margin-bottom: 10px; text-align: right; padding-bottom: 5px;}

.discussion-list .host, .discussion-list .host .td-width-150{ background-color: #fefef1;}
.modal-content { border: 1px solid #87BA4D;}
.modal-header{ background-color: #A1CA6A; color: #fff; border: 0;}
.modal-header .close{ color: #fff; filter: alpha(opacity=50);opacity: .5;}

.from-content.discount-type{ border: 1px solid #87BA4D; padding:0 10px;}
.from-content.discount-type .detail-title{ background-color: #A1CA6A; color: #fff; margin: 0 -10px;}
.from-content.discount-type .detail-title .info-text, .from-content.discount-type .detail-title .icon{color: #fff;}
.from-content.discount-type .register-btn{ padding: 10px; text-align: right;}
.date-table th{ background-color: #8D9FCB; color: #fff; font-size: 16px;}

.payment-group{ background-color: #b9e6fa; border-radius: 8px; border:3px solid #7ecef4; overflow: hidden; margin-top: 20px;}
.payment-group .payment-title{ background-color: #0068b7; color: #fff; font-weight: bold; line-height: 30px; text-align: center; font-size: 16px;}
.payment-group ul{ margin: 10px; padding: 0; list-style: none;}
.payment-group li{ padding: 10px 5px 10px 85px; border-radius: 5px; position: relative; min-height: 90px;}
.payment-group li:nth-child(2n+1){background-color: #cdebfa; }
.payment-group li .photo{ width: 70px; height: 70px; background-color: #fff; position: absolute; left: 5px; top: 5px; border-radius:5px ; overflow: hidden; text-align: center;}
.payment-group li .photo span{height: 100%; display: inline-block; vertical-align: middle;}
.payment-group li .photo img{ vertical-align: middle; max-width: 70px; max-height: 70px;}
.payment-group li .title{ font-size: 16px; font-weight: bold; display: block; line-height: 20px; margin-bottom: 10px; color: #002e73;}
.payment-group li .info{ line-height: 20px; color: #0075a9; margin-bottom: 0;}
.del .loadtext{ text-decoration: line-through;}

/* 大屏幕 */
@media (min-width: 1200px) {
	.container {width: 1030px;}
	.menu{ height: 40px;}
	.menu li a{height: 40px; padding: 10px 0; font-size: 16px; font-weight: bold; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
	.menu li ul{ top:40px; z-index: 3;}
	.menu li li a{ font-size: 15px; font-weight: normal;}
	.col-xs-offset-3{ margin-left: 0;}
	.gotop{ margin-right:-580px;}
}

/* 窄屏 */
@media (min-width: 980px) and (max-width: 1199px) {
	.container {width: 960px;}
	.header .logo img{width: 200px;}
	.has-sidebar .details{ width: 700px;}
	.col-xs-offset-3{ margin-left: 0;}
	.main-center{ width:480px;}
	.main-leftcenter{ width:705px;}
}


/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	.xs-hidden{ display: none;}
	.xs-block{display: block;}
	.header-link li a i{ display: none;}
	.slogan{ display: none;}
	.menu li a{ font-size: 12px;}
	.has-sidebar .details, .sidebar{ float: inherit; width: 100%;}
	.sidebar{ margin-top: 20px;}
	.has-sidebar .details{ margin-top: 10px;}
	
	.main-left{ width:100%; margin-right: 0; float: inherit;}
	.main-center{ width:100%; margin-right: 0; float: inherit; margin-top: 10px;}
	.main-leftcenter{ width:100%;float: inherit; }
	.main-right{ width:100%; margin-top: 10px;}
	
	.hot-topic li a, .case-parse li a{ font-size: 12px;}
	
	.member-content .btn-list{ text-align: center;}
	.member-content .member-link{ display: inline-block; width: 200px; margin: 0 10px 10px;}
	
	.login-group .title{ text-align: center;}
	.side-login{ width: 300px; margin: 0 auto;}
	.side-login .usericon{ left: 40px;}
	.recommend-product li{ width: 25%;}
	.recommend-product hr{ display: none;}
	.recommend-product::before{ height: 70px;}
	.linkbtn-group{ text-align: center;}
	.linkbtn-group .image-link{ display: inline-block; margin: 0 5px 5px;}
	.sidebar-linkbtn li{ width: 33.3%;}
	
	.right-btn-group.type1, .right-btn-group::after{ content: ""; display: table; width: 100%; height: 0; clear: both;}
	.right-btn-group{ margin-left:-5px; margin-right: -5px;}
	.right-btn-group.type1 .image-link, .right-btn-group.type2 .image-link{ float: left; padding: 0 5px;}
	.right-btn-group.type1 .image-link{width: 25%;}
	.right-btn-group.type2 .image-link{ width: 33.3%;}
	.right-btn-group .image-link + .image-link{ margin-top: 0;}
	
	.footer{ letter-spacing: -1px;}
	.bottomlink li a{ font-size: 12px; padding: 0 5px;}
	.col-xs-offset-3{ margin-left: 0;}
	
	.login-group.login-page .side-login{ padding-left: 60px; padding-right: 60px; width: auto;}
	.login-group.login-page .usericon{ font-size: 60px; left: 120px;}
	
	.gotop{ margin-right:-380px;}
	
	.horoscope-group li{ width: 25%;}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	body{ padding-top: 90px;}
	.xs-hidden{ display: none;}
	.xs-block{display: block;}
	.header {height: 90px; background-position: 0 0; position: fixed; width: 100%; left: 0; top: 0; z-index: 10;}
	.banner{ margin-left: -15px; margin-right: -15px;}
	.slogan{ display: none;}
	.header-image{ top: 25px; width: 300px; height: 75px; right: -80px;}
	.header .logo{ padding-top: 10px; padding-left: 10px; position: relative; z-index: 1;}
	.header .logo img{ width: 150px;}
	.header-link{ width: 100%;}
	.header-link ul:first-child{ float: left;}
	.header-link ul:last-child{ float: right;}
	.header-link li a span{ display:none;}
	.header-link li a .abbr{ display: inline;}
	.menu{ display: none;}
	
	.mobile-icon, .mobile-icon:hover, .mobile-icon:focus{ display: block; position: absolute; right: 15px; top: 10px; color: #fff; z-index: 2; padding:5px 12px; font-size: 20px;background: linear-gradient(to bottom,#337da8,#065485); background-color: #065485; border-color:#033f65; border-style: solid; border-width: 0 0 3px; border-radius: 5px;}
	.mobilemenu {display:block;  top: 0; width: 200px; height: 100%; background:#065485; position: fixed; z-index:999; right:-250px; overflow: auto; -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5); transition:all 0.5s ease 0s;}
	.mobilemenu .ico_close, .mobilemenu .ico_close:focus{ font-size:30px; color:#fff; position:absolute; right:15px; top:0; line-height:40px; opacity: 0.5;}
	.mobilemenu .ico_close:hover{opacity: 0.1;}
	.mobilemenu ul{ margin-top:45px; padding: 0;}
	.mobilemenu ul li{ border-bottom:1px solid #3a7da3; list-style: none;}
	.mobilemenu ul li:first-child{ border-top:0;}
	.mobilemenu ul li a { text-align: left; border-radius:0; color: #fff; transition:all 0.5s ease 0s; font-size:14px; padding: 8px 15px; display: block;}
	.mobilemenu ul li a i{ margin-right:10px;}
	.mobilemenu ul li a:focus, .mobilemenu ul li.current a{ background:#91b931; color: #fff;}
	.mobilemenu ul li.title{ border:0; margin: 0 ; padding: 0 15px; line-height: 24px; background-color: #3a7da3; color: #fff; }
	
	.mobilemenu .language{ position: absolute; left: 10px; top: 5px;}
	.mobilemenu .language a{ display: inline-block; line-height: 26px; width:30px; font-size: 15px; text-align: center; border-radius: 4px; color: #fff; border:1px solid #3a7da3; font-weight: bold;}
	.mobilemenu .language a.current{ background-color: #fff; color: #065485;}
	
	.has-sidebar .details, .sidebar{ float: inherit; width: 100%;}
	
	.main-left{ width:100%; margin-right: 0; float: inherit;}
	.main-center{ width:100%; margin-right: 0; float: inherit; margin-top: 10px;}
	.main-leftcenter{ width:100%;float: inherit; }
	.main-right{ width:100%; margin-top: 10px;}
	
	.sidebar{ margin-top: 20px;}
	.has-sidebar .details{ }
	.sidebar-linkbtn li{ width: 50%;}
	.main-tab .article-list .photo{ position: inherit; left: auto; top: 0; margin: 0 auto 10px;}
	.main-tab .article-list ul{ margin: 0; height: auto;}
	.hot-tags ul{ overflow: inherit; white-space: inherit;}
	.main-count .quick-count .form-control { margin-bottom: 5px;}
	.main-count .quick-count .btn{ display: block; width: 100%;}
	.star-family .title{ height: auto; text-align: left; background-position: 0 0;}
	.star-family .title h4{ float: inherit; text-align: left;}
	.main-pattern .pattern-list ul{ display: block;}
	.main-pattern .pattern-list li{ white-space: inherit; overflow: inherit;}
	.main-discuss li{ width: 100%; float: inherit;}
	.main-discuss li .title{ border-right: #0F0F0F;}
	.hot-topic li{ width: 100%; float: inherit;}
	
	.recommend-product li{ width: 50%; padding-top: 5px; padding-bottom: 5px;}
	
	.side-login{ padding-left: 0;}
	.side-login .usericon{ display: none;}
	.side-login .btn{ display: block; width: 100%; margin-top: 5px;}
	.linkbtn-group, .right-btn-group{ text-align: center;}
	.linkbtn-group .image-link, .right-btn-group .image-link{ display: inline-block; margin: 0 5px 5px;}
	
	.footer{ margin-top: 30px;}
	.bottomlogo{ padding: 20px 10px;}
	.bottomlink{ height: auto; padding: 0; text-align: center;}
	.bottomlink li{ display: inline-block; margin-bottom: 10px;}
	.bottomlink li a{ font-size: 12px;  padding: 0 5px;}
	.bottomlink li:first-child a{ padding-left: 8px;}
	.footer p{ margin: 0; font-size: 12px; padding-top: 10px; padding: 10px; text-align: center;}
	

	.navigation .title{ display: block; text-align: center;}
	.navigation .breadcrumb{ float:  inherit; text-align: right;}
	.gotop{ display: none; }
	
	.paper-content{ padding: 20px 10px;}
	.paper-title{ padding-left: 5px; padding-right: 5px;}
	.pagination-info{ float: inherit; }
	/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8,  .col-xs-9,  .col-xs-10,  .col-xs-11,  .col-xs-12{ width: 100%;}*/
	.paper-header, .paper-bottom{ height: auto;}
	.paper-header{ padding-top: 30px;}
	.paper-bottom{ padding-bottom: 30px;}
	.paper-header .share-tools, .paper-header .view{top: 0;}
	.paper-bottom .share-tools, .paper-bottom .btn-back{ top: auto; bottom: 0;}
	
	.article-list .name{ display: block; text-align: center;}
	.login-group.login-page .side-login{ padding-left: 0; padding-right:0; width: auto;}
	.login-group.login-page .usericon{ font-size: 40px; left: 0;}
	.login-group.login-page .btn-register{ margin-bottom: 10px;}
	.login-page .groupfacebook .facebookinfo{ margin:60px 0 0; }
	
	.forgot-group, .forgot-group.no-image{ padding: 20px 10px; background: none;}
	.forgot-group .brtools, .forgot-group.no-image .brtools{ padding: 0; }
	.forgot-group .brtools .btn{ margin: 0 0 10px 0; display: block; width: 100%;}
	
	.register-nav li{ float:  inherit; width: 100%; margin-bottom: 45px;}
	.register-nav li::after{ right: 50%; top: 45px; font-size: 20px; margin-right: -10px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.register-nav li:last-child{ margin-bottom: 0;}
	.register-btn .btn{ display: block; margin-bottom: 10px; width: 100%;}
	
	.forgot-group.avater-type .photo{ position: inherit; left: auto; top:auto; margin: 0 auto 20px;}
	
	.ul-table > li.table-title{display: none;}
	.ul-table li ul{ display: block;}
	.ul-table li li{ display: block; padding:5px; width: 100%; text-align: left;}
	.ul-table li li strong.title{ display: inline; margin-right: 5px;}
	
	.almanac-group{ width: 100%;}
	.almanac-group .almanac-table{padding:0; background: none; }
	.almanac-group .almanac-table .table td{ font-size: 14px;}
	.from-almanac{ margin-top: 20px; background:#a40000 url(../images/hc_bg_3.gif) center bottom no-repeat; border-radius: 10px; padding: 20px; text-align: center;}
	
	.from-almanac .brtools .btn{ width: 100%; display: block;}
	.from-almanac .form-group{ width: 100%; margin-left:-5px; margin-right: -5px;}
	.from-almanac .form-group .form-control{ margin-bottom: 10px;}
	
	.article-content .share-tools{ top: -5px;}
	
	.td-width-70, .td-width-250, .td-width-130, .td-width-100{ width: 100%; text-align: left; background-color: transparent;}
	.td-width-150{ width: 100%; background-color: transparent;}
	.discussion-list{ border: 0; border-radius: 0;}
	.discussion-list .list-title{ display: none;}
	.discussion-list ul{ display: block;}
	.discussion-list > li{ margin-bottom: 10px; border: 1px solid #D4D4D4; padding: 10px; border-radius: 10px; margin-top: 0;}
	.discussion-list ul li{ padding: 0; display: block; border: 0;}
	.discussion-list ul li + li{ margin-top: 5px;}
	.discussion-list li li .table-head{ margin-right: 10px; display: inline-block;}
	
	.discussion-type{ text-align: center; margin-bottom: 10px;}
	.discussion-type .pagination-info, .discussion-type .pagination{ float: inherit; margin: 10px; vertical-align: middle;}
	.discussion-type .pagination-info{ margin-left: 0;}
	.btn-publish{ float: inherit; }
	.btn-publish + .btn-publish{ margin-right: 0; margin-left: 10px;}
	.discussion-type .share-tools{ position: inherit; display: block; margin-bottom: 10px;  top: auto; left: auto;}
	.discussion-list .date{ text-align: center;}
	
	.horoscope-group .title{ position: inherit; text-align: center; display: block; margin-bottom: 10px; transform: translateY(0); left: auto;}
	.horoscope-group .horoscope-item{ padding: 0; background-image: none;}
	.horoscope-group li{ width: 25%;}
}

 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	.question-list li .content{  margin-left: 0; }
	.question-list li .content::before{ display: none;}
	.deposit-group{ padding: 0; border: 0; background-color: transparent;  -webkit-box-shadow:none; box-shadow:none; }
	.deposit-content{ padding-left: 0; padding-right: 0;}
	.deposit-content .table th, .deposit-content .table td{ border-width: 1px; font-weight: normal; font-size: 14px; padding:5px 0; }
	/*.container{ padding: 0;}*/
	
	.star-family.content-type li{ width: 33.3%;}
	.star-family.content-type li img{ max-width: 50px; height: 50px;}
	label.control-label{letter-spacing: -2px;}
	.horoscope-group li{ width:50%;}
}