@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}

fieldset, img, input, button { 			/*fieldset组合表单中的相关元素*/
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

ul, ol {
    list-style: none;				/*清除列表风格*/
}

input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "SimSun", "宋体";
}

select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 12px;
    margin: 0;
}

textarea {
    resize: none;
}

/*防止多行文本框拖动*/
img {
    border: 0;
    vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
    border-collapse: collapse;			/*合并外边线*/
}


body {
	font-family: "微软雅黑";
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}

a {
    text-decoration: none;
}
a:hover {
	color: #fff;
    text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

s, i, em {
    font-style: normal;
    text-decoration: none;
}

@font-face
{
    font-family: titleFont;
    src: url("/static/lib/fonts/ruizibigeqingchuntijian2.0.TTF");
}

@font-face
{
    font-family: BNKGOTHL;
    src: url("/static/lib/fonts/BANKGOTHIC LT BT LIGHT.TTF");
}
@font-face
{
    font-family: STXihei;
    src: url("/static/lib/fonts/STXihei.TTF");
}
@font-face
{
    font-family: RuiZiYunXiHeiTi;
    src: url("/static/lib/fonts/RuiZiYunXiHeiTi.TTF");
}
@font-face
{
    font-family: RuiZiRuiXinJiXianHeiJian;
    src: url("/static/lib/fonts/RuiZiRuiXinJiXianHeiJian.TTF");
}
@font-face
{
    font-family: RalewayThin;
    src: url("/static/lib/fonts/RalewayThin.ttf"),
        url("/static/lib/fonts/RalewayThin.otf");
}
@font-face
{
    font-family: siyuanheiti;
    src: url("/static/lib/fonts/siyuanheiti-Light.otf"),
        url("/static/lib/fonts/siyuanheiti-Light.otf");
}


.div-center {
    margin: 0 auto;
}
.bg-img {
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}

.my-bridge {
    width: auto;
    position: fixed;
    font-size:14px;
    right: 50px;
    top: 20%;
    height: 150px;
}

.my-brige-title{
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.my-bridge-detail {
    /*float: left;*/
}
.my-bridge-item-shadow{
    box-shadow:0px 0px 8px #81387A;
}

.my-bridge-detail .detail-item {
    width: 120px;
    height: auto;
    border-radius: 10px 0 0 10px;
    background-color: white;
}
.my-bridge-detail #item-3 {
    display: none;
    /*margin-top: 162px;*/
    position: absolute;
left: 9px;
    top: 286px;
}
.my-bridge-detail .detail-item a.detail-sec-item .item-content {
    padding: 9.5px 10px 0 10px;
}
.my-bridge-detail .detail-item a.detail-sec-item {
    color: black;
}
.my-bridge-detail .detail-item a.detail-sec-item:hover {
    color: #81387a;
}
.my-bridge-detail .detail-item .detail-sec-item .item-content .detail-border-bottom {
    padding: 0 0 9.5px 0;
    border-bottom: 1px solid #81387a;
}
.my-bridge-detail .detail-item .detail-sec-item .last .detail-border-bottom {
    border-bottom: 0;
}
.my-bridge-detail .last .detail-border-bottom {
    border: 0;
}

.my-bridge-nav {
    float: right;
    width: 90px;
    /*width: auto;*/
    height: auto;
    background-color: #81387a;
    border-radius: 10px;
}

.my-bridge-nav .nav-item .item-content {
    width: 90px;
    padding: 10px 5px 0 5px;
    margin-top: -1px;
}
.my-bridge-nav .nav-item .item-content .nav-border-top {
    padding-top: 10px;
    border-top: 1px solid white;
}
.my-bridge-nav .nav-item .item-content .nav-border-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}
.my-bridge-nav .nav-item .first {
    border-radius: 8px 8px 0 0;
}
.my-bridge-nav .nav-item .first .nav-border-top {
    border-top: 0;
}
.my-bridge-nav .nav-item .last {
    border-radius: 0 0 8px 8px;
}
.my-bridge-nav .nav-item .last .nav-border-bottom {
    border-bottom: 0;
}
.my-bridge-nav .nav-item div {
    color: white;
}
.my-bridge-nav .nav-item:hover div {
    color: black;
    background-color: white;
}
.my-bridge-nav .nav-item:hover + .nav-item .nav-border-top {
    border-top: 1px solid transparent;
}
/*.my-bridge-nav .nav-item:hover + .nav-item .nav-border-bottom {
    border-bottom: 1px solid transparent;
}*/
.my-bridge-nav .nav-item .icon {
    width: 40px;
    height: auto;
}

.my-bridge-nav .nav-item .hover {
    display: none;
}
.my-bridge-nav .nav-item:hover .hover {
    display: block;
}
.my-bridge-nav .nav-item:hover .normal {
    display: none;
}
