﻿@charset "utf-8";
/**
 * jutourong css model
 * @author JiangYi (jiang2112@126.com)
 * @Date: 2015-07-16
 */

*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after
{
    box-sizing: border-box;
}
html
{
    font-size: 625%;

    height: 100%;
}
body
{
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif;

    height: 100%;
}
ul
{
    list-style-type: none;
}
a
{
    cursor: auto;
    text-decoration: none;

    color: #333;
}
img
{
    display: block;
}
/*--------------- ---------------*/
.simu-site-green
{
    color: #0f990f!important;
}
.simu-site-red
{
    color: #f54545!important;
}
.simu-site-ellipsis
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.simu-site-cursor
{
    cursor: pointer;
}
$line-clamp-list: 3;
@each $line-clamp in $line-clamp-list
{
    .simu-site-ellipsis-#{$line-clamp}
    {
        line-height: 1.5;

        display: -webkit-box;
        overflow: hidden;

        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        word-break: break-all;

        -webkit-line-clamp: #{$line-clamp};
        -webkit-box-orient: vertical;
    }
}
/*--------------- ---------------*/

#header { background: none #fff; height: 140px; position: relative; z-index: 101; border-bottom: 8px solid #b09673; min-width: 960px; } 

#header .logo {
	width: 300px;
	height: inherit;
	float: left;
}

#header .logo h1 {
	margin-top: 40px;
}

#header .userbar {
	width: 660px;
	height: inherit;
	float: right;
}

#header .userbar ul.nav {
	height: 20px;
	margin-top: 80px;
	float: right;
}

#header .userbar ul.nav li {
	height: 20px;
	line-height: 100%;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}
ul.nav li > a {
	height: inherit;
	line-height: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	display: block;
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
}
ul.nav li > a:hover, 
ul.nav li > a.selected {
	color: #b29671;
}

#header .userbar ul.nav li.sep-line {
	padding: 0;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-weight: bold;
}

ul.nav .down {
	width: 90px;
	margin-left: -12px;
	z-index: 2;
	position: absolute;
	display: none;
}

ul.nav li:hover .down {
	display: block;
}

ul.nav .down a {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #b09673;
	color: #fff;
	margin-top: 2px;
	text-align: center;
	font-size: 14px;
	display: block;
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
}

ul.nav .down a:hover,
ul.nav .down a.active {
	color: #af9572;
	background: #efeae4;
}

#footer {
	padding-top: 35px;
	padding-bottom: 35px;
	background: #fff;
	min-width: 960px;
}

#footer .bot-left {
	width: 400px;
	height: 24px;
	padding-left: 40px;
	float: left;
}

#footer .bot-left-over {
	width: 250px;
	overflow: hidden;
}

#footer .bot-left span {
	font-size: 16px;
	line-height: 30px;
}

#footer .bot-left a.bshare_more {
	height: 24px;
	background: url(../image/more-style-addthis.gif) no-repeat;
	display: inline-block;
}

#footer .bot-right {
	/*width: 400px;*/
	height: 30px;
	line-height: 30px;
	padding-right: 40px;
	float: right;
}

#footer .bot-right p {
	font-size: 16px;
	line-height: 30px;
}

#header .inner, #footer .inner { margin:0 auto; width:960px; }
#header .inner, #footer .inner { height: inherit; position: relative; z-index: 5; }

/* 分页 */
.page { padding-left: 10px; padding-right: 10px; }
.page ul { width: 100%; } 
.page li { display: inline-block; _float: left; *float: left; margin: 0 4px; } 
.page li a { font-size: 14px; padding: 8px 10px; display: block; border: 1px solid #ccc; color: #999; } 
.page li.active a,
.page li a:hover {
	color: #fff;
	background: #b09673;
}

.simu-site-overlay, .simu-site-overlay-page {
    background-color: rgba(25, 35, 65, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900;
}

.simu-site-overlay-content::before, .simu-site-overlay-content::after {
    content: " ";
    display: table;
}

.simu-site-overlay-content::after {
    clear: both;
}

.simu-site-overlay-content::before, .simu-site-overlay-content::after {
    content: " ";
    display: table;
}

.simu-site-overlay-content {
    background-color: #fff;
    bottom: 60px;
    box-shadow: 0 2px 3px #333;
    left: 10%;
    position: fixed;
    right: 10%;
    top: 60px;
    z-index: 999;
}

.simu-site-overlay-content .simu-site-left .simu-site-mainMsg {
    border: 2px solid #a3a7b3;
    height: calc(100% - 50px);
    line-height: 1.5;
    overflow-y: scroll;
    padding: 10px;
}

.simu-site-overlay-content .simu-site-left {
    background-color: #f2f2f2;
    float: left;
    height: 100% !important;
    padding: 40px;
    width: 75%;
}

.simu-site-overlay-content .simu-site-right {
    margin-left: 75%;
    padding: 40px;
}
.simu-site-overlay-content .simu-site-right .simu-site-yes {
    background-color: #192341;
    border: 3px solid #192341;
    color: #fff;
}
.simu-site-overlay-content .simu-site-right a {
    display: block;
    height: 40px;
    line-height: 34px;
    margin: 25px auto;
    max-width: 200px;
    text-align: center;
    width: 100%;
}

.simu-site-overlay-content .simu-site-right .simu-site-no {
    border: 3px solid #a3a7b3;
    color: #a3a7b3;
}

