﻿
/*** jqery dialog 遮罩层白条问题
----------------------------------------------------------*/
.ui-widget-overlay {
    /* position: fixed; */
}

.ui-widget-overlay {
    background: #000;
    /* opacity: .2; */
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
}

ul li {
    list-style: none;
}

#box {
    width: 290px;
    height: 270px;
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 3;
}

#box2 {
    width: 575px;
    height: 362px;
    background: #fff;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}


#list, #list2 {
    position: absolute;
    left: 0;
    top: 0;
}

    #list li {
        width: 290px;
        height: 270px;
        cursor: pointer;
        list-style-type: none;
    }

        #list li P {
            line-height: 32px;
            width: 290px;
            height: 35px;
            background-color: #F7F7F7;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }



    #list2 li {
        width: 575px;
        height: 362px;
        cursor: pointer;
        list-style-type: none;
    }

#num {
    position: absolute;
    right: 15px;
    bottom: 40px;
}

#point {
    display: inline-block;
    position: relative;
    width: 575px;
    margin-top: 331px;
    text-align: center;
}

#num2 {
    display: inline-block;
}

#num li {
    background-color: #333;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Arial';
    line-height: 16px;
    text-align: center;
    border: 1px solid #fff;
    list-style-type: none;
    position: relative;
    bottom: 8px;
}

#num2 li {
    height: 12px;
    width: 12px;
    margin: 0 3px;
    display: inline-block;
    overflow: hidden;
    text-indent: -100px;
    border-radius: 50%;
    /*background-color:#ddd;*/
    background: rgba(255,255,255,0.3);
}

#num1 .active {
    background-color: red;
}

#num2 .active {
    /*background-color: #5472BF;*/
    background: rgba(255,255,255,1);
}

/*span {
	display: block;
	width: auto;
	text-align: center;
	color: red;
	font-size: 14px;
	font-family: 'Arial';
}*/
/*焦点图*/
.bodySpan {
    margin: 0 auto;
}

/*.leftIcon {
	margin-top: 7px;
	position: absolute;
	left: 10%;
	top: 391px;
}

	.leftIcon ul li {
		
		width: 253px;
		
		list-style-type: none;
		position: relative;
	}*/

.leftIcon .bigpicture {
    display: none;
    width: 150px;
    height: 150px;
    position: absolute;
    left: 53px;
    top: 0;
    z-index: 9;
}

.rightIcon .bigpicture {
    display: none;
    width: 150px;
    height: 150px;
    position: absolute;
    left: -153px;
    top: 0;
    z-index: 9;
}

.leftIcon ul li a img {
    /*background-color: #89B1CE;*/
}

.centre {
    width: 1000px;
    align-content: center;
}

.topLeft {
    margin-left: 0px;
    margin-top: 18px;
    width: 290px;
}



.communityActivity {
    margin-top: 13px;
    width: 290px;
    height: 175px;
    border: 1px solid #D7D7D7;
}

.comtop {
    height: 32px;
    line-height: 32px;
    width: 268px;
    margin: 0 auto;
}

    .comtop p {
        float: left;
        height: 32px;
        line-height: 32px;
        border-bottom: 2px solid #cb1b1d;
        width: 90px;
        text-align: center;
    }

    .comtop a {
        display: block;
        height: 32px;
        line-height: 32px;
        float: right;
    }

.comCentre {
    margin-top: 0px;
    width: 268px;
    height: auto;
    min-height: 30px;
    line-height: 13px;
    border-bottom: 1px dotted #D7D7D7;
    border-top: 1px solid #D7D7D7;
}

    .comCentre p {
        line-height: 25px;
        color: #BE322E;
    }

.communityActivity a:hover {
    color: #818181;
}

.comfoot {
    /*width: 268px;*/
    /*height:100px;*/
    /*margin-left:10px;*/
    cursor: pointer;
}

    .comfoot .activityConten {
        max-height: 60px;
        height: auto;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        text-overflow: ellipsis; /* IE/Safari */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis; /* Opera */
        -moz-binding: url("https://www.sipprh.com/Content/index/ellipsis.xml"); /*FireFox*/
    }



.topCentre {
    margin-left: 18px;
    width: 386px;
    margin-top: 18px;
}

.newsfeed {
    height: 270px;
}

.newtop {
    height: 32px;
    border-bottom: 1px solid #D7D7D7;
}

    .newtop p {
        float: left;
        height: 32px;
        line-height: 32px;
        border-bottom: 2px solid #cb1b1d;
        width: 90px;
        text-align: center;
    }

    .newtop a {
        display: block;
        float: right;
        margin-right: 3px;
        height: 32px;
        line-height: 32px;
    }


.newcentre {
    width: 384px;
    height: 95px;
    margin-top: 9px;
    background-color: #F3F3F3;
    line-height: 22px;
    text-indent: 2em;
    align-content: center;
}

    .newcentre div {
        width: 345px;
        height: 40px;
        line-height: 20px;
        text-indent: 2em;
        align-content: center;
        margin-left: 32px;
        word-wrap: break-word;
        word-break: normal;
        overflow: hidden;
    }

.newfoot {
    height: 142px;
}

    .newfoot ul {
        line-height: 27px;
    }

.newfootleft {
    float: left;
    word-wrap: break-word;
    list-style-type: none;
    list-style-image: url('../image/home_23.png');
}

    .newfootleft li {
        margin-left: 15px;
        width: 300px;
        overflow: hidden;
        height: 27px;
    }

.newfootright {
    float: right;
    list-style-type: none;
}

ul {
    margin: 0;
    padding: 0;
}

hr {
    margin: 0 auto;
    padding: 0;
    width: 90%;
}



.notice {
    height: 175px;
    border: 1px solid #D7D7D7;
    margin-top: 13px;
}


.noticetop {
    height: 32px;
    line-height: 32px;
    width: 95%;
    margin-left: 10px;
}

    .noticetop p {
        float: left;
        height: 32px;
        line-height: 32px;
        border-bottom: 2px solid #cb1b1d;
        width: 90px;
        text-align: center;
    }

    .noticetop a {
        display: block;
        line-height: 32px;
        height: 32px;
        float: right;
    }




.noticefoot {
    height: 139px;
    width: 95%;
    border-top: 1px solid #D7D7D7;
    margin-left: 10px;
}

    .noticefoot ul {
        line-height: 27px;
    }

.noticeleft {
    /*float: left;*/
    word-wrap: break-word;
    list-style-type: none;
    list-style-image: url('../image/home_23.png');
}

    .noticeleft li {
        margin-left: 25px;
    }

/*.noticeright {
	float: right;
	list-style-type: none;
}*/



.topRight {
    margin-left: 18px;
    margin-top: 18px;
    width: 288px;
}

.selectInfo {
    width: 100%;
    height: 270px;
    background-color: #F1F1F1;
    border: 1px solid #D7D7D7;
    overflow: hidden;
}

.selectchild {
    width: 255px;
    height: 40px;
    margin-left: 20px;
    margin-top: 8px;
    font-size: 15px;
    text-align: center;
    line-height: 32px;
    font-weight: bolder;
}

#selectchild1 {
    color: #333333;
    background-image: url('../image/home_17.png');
}

    #selectchild1 a {
        color: #333333;
    }

        #selectchild1 a:hover {
            color: #666666;
        }

#selectchild2 {
    color: #333333;
    background-image: url('../image/home_18.png');
}

    #selectchild2 a {
        color: #333333;
    }

        #selectchild2 a:hover {
            color: #666666;
        }

#selectchild3 {
    color: #333333;
    background-image: url('../image/home_19.png');
}

    #selectchild3 a {
        color: #333333;
    }

        #selectchild3 a:hover {
            color: #666666;
        }

#selectchild4 {
    color: #333333;
    background-image: url('../image/home_20.png');
}

    #selectchild4 a {
        color: #333333;
    }

        #selectchild4 a:hover {
            color: #666666;
        }




.selectInfo ul {
    width: 180px;
    margin-top: 10px;
    float: left;
    margin-left: 30px;
}

    .selectInfo ul li {
        width: 180px;
        height: 20px;
        list-style-image: url('../image/home_23.png');
    }

.selectInfo img {
    float: right;
    margin-top: 10px;
    margin-right: 8px;
}



.suggest {
    height: 175px;
    border: 1px solid #D7D7D7;
    margin-top: 13px;
}


.suggesttop {
    height: 32px;
    line-height: 32px;
    width: 268px;
    border-bottom: 1px solid #D7D7D7;
    margin: 0 auto;
}

.p1 {
    float: left;
    height: 32px;
    line-height: 32px;
    border-bottom: 2px solid #cb1b1d;
    font-weight: bolder;
    color: #343434;
    width: 110px;
    text-align: center;
}

.p2 {
    height: 32px;
    line-height: 32px;
    float: right;
}

    .p2 a {
        color: #FD7007;
    }

.suggestfoot ul {
    cursor: pointer;
}

.suggestfoot a:hover {
    color: #000000;
}

.suggestfoot ul li {
    margin: 0 auto;
    width: 90%;
    height: 32px;
    list-style-type: none;
    line-height: 32px;
    overflow: hidden;
}


.picture {
    margin-top: 13px;
    height: 74px;
    float: left;
}


    .picture img {
        float: left;
        width: 327px;
        height: 72px;
        margin-right: 9px;
    }

.picture3 {
    margin-top: 13px;
    height: 74px;
    float: right;
    width: 327px;
}



.communitytitle {
    height: 42px;
    border-bottom: 3px solid #D4D4D4;
    margin-top: 13px;
    color: #333333;
    text-align: center;
}

    .communitytitle ::after {
        content: "";
        display: block;
        height: 2px;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

.titleH1 {
    float: left;
    padding-right: 27px;
}

.titleList {
    padding-top: 11px;
    float: left;
    width: 95px;
    height: 42px;
}

    .titleList p {
        text-align: center;
        margin: 0px auto;
        height: 17px;
        font-weight: bolder;
        font-size: 15px;
        border-left: 2px solid #D4D4D4;
        cursor: pointer;
        line-height: 17px;
    }

    .titleList img {
        padding: 0px 40px 0px 40px;
        border-bottom: 3px solid #FD7007;
    }

.titleColor {
    color: #FD7007;
}

.CommunityContentContainer {
    /*height: 401px;
	margin-top: 10px;
	overflow: hidden;*/
}

.communityContent {
    /*height: 401px;
	margin-top: 0px;
	overflow: hidden;*/
    width: 1180px;
    height: 362px;
    background: rgba(245,245,246,1);
    border-radius: 4px;
    display: flex;
}

    .CommunityContent p {
        margin: 0;
    }


.ccleft {
    height: 362px;
    width: 575px;
    /*float: left;*/
}



.ccright {
    height: 362px;
    width: 605px;
    /*float: left;*/
    /*line-height: 32px;*/
    padding: 15px 30px 0 30px;
    display: flex;
    flex-flow: column;
}

    .ccright .ccright-seperate {
        width: 545px;
        height: 1px;
        background: rgba(220,220,220,1);
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .ccright .ccright-seperate2 {
        width: 545px;
        border-top: 1px dashed rgba(220,220,220,1);
        margin-top: 10px;
    }


    .communityContent::after {
        display: block;
        content: "";
        clear: both;
        height: 0;
        visibility: hidden;
    }

.ccRightCentent {
    /*height: 245px;*/
    /*line-height: 22px;*/
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(114,113,113,1);
    line-height: 28px;
}

.ccRightPicture {
    display:flex;
}

    .ccRightPicture .ccright-item {
        display: inline-block;
        width: 94px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333;
        line-height: 30px;
        height: 30px;
        cursor: pointer;
        text-align: center;
    }

    .ccRightPicture .ccright-item-select {
        background: rgba(216,12,24,1);
        border-radius: 15px;
        font-weight: bold;
        color: rgba(255,255,255,1);
    }

    .ccRightPicture p {
        float: left;
        /*margin-right: 10px;
		text-align: center;
		text-align-last: right;
		height: 90px;*/
    }

    .ccRightPicture span {
        display: inline-block;
    }

    .ccRightPicture p a {
        /*margin-top: 45px;
		height: 22px;
		color: #0073B9;*/
    }

    .ccRightPicture img {
        /*display: inline-block;*/
    }


    .ccRightPicture .ccright-detail {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(153,153,153,1);
        line-height: 30px;
        margin-left:auto;
        cursor:pointer;
    }

.ccright .map-container {
    /*margin-top: auto;*/
    padding-top:5px;
    /*margin-bottom: 0px;*/
    height: 40px;
    text-align: right;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
}


    .ccright .map-container a span {
        display: inline;
        color: rgba(102,102,102,1);
    }

.centrefoot {
    margin-top: 13px;
    height: 60px;
    border: 1px solid #D7D7D7;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

.ulpic {
    margin-top: 5px;
    margin-left: 15px;
    position: absolute;
}

    .ulpic li {
        float: left;
        width: 1000px;
        overflow: hidden;
        list-style-type: none;
    }

        .ulpic li div {
            float: left;
            margin-left: 13px;
            margin-top: 5px;
            cursor: pointer;
        }

    .ulpic::after {
        content: "";
        display: block;
        height: 0px;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

.roomtypeshow {
    width: 1180px;
    height: 375px;
    position: relative;
    margin: 0 0;
}

    .roomtypeshow div.title {
        padding-top: 8px;
        padding-bottom: 8px;
        padding: 8px 20px 8px 0px;
    }

.roompicture div.title .right {
    height: 38px;
    line-height: 38px;
    width: 400px;
    float: right;
}

    .roompicture div.title .right .imgbtn {
        float: right;
        padding-left: 10px;
        cursor: pointer;
    }

.roomtypeshow a {
    display: block;
    width: 18px;
    height: 35px;
    font-family: 'Songti';
    font-size: 50px;
    color: #5f5f5f;
}
    /*.roomtypeshow a.next {
  position: absolute;
  top: 30px;
  left: 0;
}
 .roomtypeshow a.prev {
  position: absolute;
  top: 30px;
  right: 0;
}*/
    .roomtypeshow a:hover {
        color: #37a508;
    }

.roomtypeshow .itemshow {
    width: 1194px;
    height: 325px;
    margin: 0px 0px 0px 0px;
    position: relative;
    /*overflow: hidden;*/
}

    .roomtypeshow .itemshow ul.items {
        width: 5000px;
        height: 325px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .roomtypeshow .itemshow ul.items > li {
            width: 373px;
            height: 325px;
            float: left;
            /*border:solid 1px #DFDFDF;*/
            margin-left: 25px;
            text-align: center;
        }

            .roomtypeshow .itemshow ul.items > li .price {
                position: absolute;
                bottom: 0px;
                left: 0px;
                /*bottom: 22px;
        left: 25px;*/
                /*display: block;  !important;*/
                /*color: #FFF;*/
                /*background: #d58e5a;*/
                /*opacity:0.9;*/
                /*padding: 0 15px;*/
                /*height: 42px;*/
                /*line-height: 42px;*/
                /*margin: 0;*/
                /*z-index: 2000;*/
                /*font-weight: bold;*/
                /*vertical-align: middle;*/
                /*font-size: 22px;*/
                font-size: 18px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(255,255,255,1);
                line-height: 62px;
                text-align: left;
                padding-left: 25px;
                width: 373px;
                height: 62px;
                background: rgba(0,0,0,0.7);
                background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0,0.7) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.7)));
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
                background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
                background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.7)',GradientType=0 );
            }

            .roomtypeshow .itemshow ul.items > li .line {
                border-bottom: 1px dashed #d6d6d6;
                margin: 5px 10px 0px 17px;
            }

            .roomtypeshow .itemshow ul.items > li .bottominfo {
                /*height: 32px;
	line-height: 32px;
	width: 100%;*/
                /*margin:15px 10px 0px 17px;*/
                background: rgba(245,245,246,1);
                border-radius: 4px 0 0 4px;
                height: 66px;
                display: flex;
                align-items: center;
            }

                .roomtypeshow .itemshow ul.items > li .bottominfo .leftinfo {
                    /*float: left;
            height: 32px;
            line-height: 32px;
            font-weight: bolder;
            color: #343434;
            font-size: 15px;*/
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: rgba(51,51,51,1);
                    line-height: 22px;
                    margin-left: 25px;
                }

                .roomtypeshow .itemshow ul.items > li .bottominfo .rightinfo {
                    /*display:inline-block;
	background:#d4965d;
	border-radius:2px;
	color:#FFF;
    cursor:pointer;
	height: 32px;
	line-height: 32px;
	float: right;
    font-size: 14px;*/
                    width: 56px;
                    font-size: 14px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: rgba(102,102,102,1);
                    line-height: 22px;
                    margin-left: auto;
                    margin-right: 25px;
                    height: 22px;
                }

/*.roomtypeshow .itemshow ul.items > li span
{
    display:block;
    margin-top:150px;
 }*/
/* .roomtypeshow .itemshow ul.items li img 
{
      width:61px; height:54px;
      margin-top:30px;
      margin-left:50px;
      display: block;
}*/

.pic-news-container-tpjj {
    width: 373px;
    height: 248px;
    position: relative;
}

.pic-news-nva-tpjj {
    position: absolute;
    right: 10px;
    bottom: 9px;
    z-index: 1000;
}

    .pic-news-nva-tpjj > li {
        display: inline-block;
        margin: 0 2px;
        width: 9px;
        height: 9px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #AAA;
        cursor: pointer;
    }

        .pic-news-nva-tpjj > li.active {
            background: #FCA404;
        }

.pic-news-item-tpjj {
    position: relative;
    display: none;
}

    .pic-news-item-tpjj img {
        display: block;
        width: 373px;
        height: 248px;
        border-style: none;
    }

    .pic-news-item-tpjj .title {
        position: absolute;
        bottom: 0px;
        display: block;
        width: 100%;
        height: 44px;
        background-color: rgba(0,0,0,0.5);
        color: #FFF;
        text-indent: 18px;
        line-height: 44px;
    }

.showimg {
    width: 540px;
    height: 375px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -188px;
    margin-left: -270px;
    display: none;
}

    .showimg div {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .showimg div img {
            margin-left: 270px;
            margin-top: 187px;
            height: 0px;
            width: 0px;
            display: block;
        }

.leftIcon {
    position: absolute;
    top: 755px;
}

.rightIcon {
    position: absolute;
    /*left: 90%;*/
    top: 850px;
}

.floatIcon {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 20px;
    left: 20px;
}
/*------------------------------------ 做弹出层页面 修改dialog样式--------------------------------------- */

/*去掉原始头部*/
.ui-widget-header {
    /*display: none;*/
}
/*边框背景色，去掉边框后不能改变大小*/
.ui-widget-content {
    border: 0;
    background: none;
}
/*是iframe完全填充到dialog的上面和左侧*/
.ui-dialog .ui-dialog-content {
    padding: 0;
    margin: 0;
    border: 0;
}


/*.ui-widget-content {
    background: rgba(248,248,248,1);
    border-radius: 4px;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.ui-widget-header {
    background: rgba(248,248,248,1);
    padding: 0px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 40px;
    border: 0px;
}

.close {
    color: rgba(155,155,155,1);
}

.ui-widget-header .ui-state-default {
    border: none;
    background: rgba(248,248,248,1);
}

    .ui-widget-header .ui-state-default .ui-icon {
        background-image: url('image/close_new2.png');
    }

.ui-dialog-titlebar-close .ui-button-text {
    display:none;
}

.ui-widget-header .ui-state-focus {
    outline: none !important; 
}
.ui-icon-closethick {
    background-position: 0 0;
}*/
/*-------------------------------------------  E  N  D-----------------------------------------*/


.row {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.row-news {
    margin-top: 46px;
}

.row .row-title {
    display: inline-block;
    height: 24px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 24px;
}

.row .row-more {
    display: inline-block;
    width: 28px;
    height: 12px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 22px;
    margin-top: 20px;
}

.row-news > a {
    margin-left: 642px;
    cursor: pointer;
}

.row .row-more-img {
    margin-left: 2px;
}

.span3, .span3ex, .span7, .span5 {
    margin-left: 20px;
    float: left;
}

.row > :first-child {
    margin-left: 0px;
}

.row .span3 {
    width: 370px
}

.row .span3ex {
    width: 400px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.row .span7 {
    width: 790px
}

.row .span5 {
    width: 580px;
    height: 319px;
}

.row-news-detail {
    margin-top: 0px;
    height: 400px;
}

.row .module-block {
    background: rgba(245,245,246,1);
    border-radius: 4px;
}

.row .quick-path {
}

.row .quick-path .quick-path-detail {
    padding-top: 15px;
    padding-left: 42px;
    height: 208px;
    cursor: pointer;
}

    .row .quick-path:before {
        content: " ";
        clear: right;
    }

    .row .quick-path ul {
        list-style: none;
        padding-left: 0;
    }

        .row .quick-path ul:nth-child(odd) li:not(:first-child) {
            margin-left: 68px;
        }

        .row .quick-path ul:nth-child(even) {
            margin-top: 5px;
        }

            .row .quick-path ul:nth-child(even) a {
                font-size: 14px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                line-height: 22px;
                color: rgba(51,51,51,1);
                height: 11px;
            }

        .row .quick-path ul:nth-child(3) {
            margin-top: 20px;
        }

        .row .quick-path ul:nth-child(2) li:not(:first-child) {
            margin-left: 47px;
        }
        .row .quick-path ul:nth-child(4) {
            margin-left:-15px;
        }
            .row .quick-path ul:nth-child(4) li:nth-child(2) {
                margin-left: 50px;
            }

            .row .quick-path ul:nth-child(4) li:nth-child(3) {
                margin-left: 60px;
            }

        .row .quick-path ul li {
            display: inline;
        }

.row .row-header {
    width: 100%;
    height: 62px;
    border-bottom: 1px solid rgba(231,231,231,1);
}

    .row .row-header .row-header-tip {
        display: inline-block;
        width: 4px;
        height: 24px;
        background: rgba(224,70,79,1);
        border-radius: 2px;
    }

#img-news-list {
    position: absolute;
    list-style: none;
}

    #img-news-list > li {
        position: relative;
    }

    #img-news-list span {
        position: absolute;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(255,255,255,1);
        line-height: 22px;
        bottom: 15px;
        left: 14px;
    }

.span3ex .point {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 365px;
    padding-right: 18px;
    text-align: right;
}

.point li {
    height: 10px;
    width: 10px;
    margin: 0 3px;
    display: inline-block;
    overflow: hidden;
    text-indent: -100px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.3);
}

.point .active {
    background-color: rgba(255,255,255,1);
}

.news-detail-list {
    width: 370px;
    height: 120px;
    background: rgba(245,245,246,1);
    border-radius: 4px;
    padding: 25px;
}

    .news-detail-list:not(:first-child) {
        margin-top: 20px;
    }

    .news-detail-list > :not(:first-child) {
        margin-top: 10px;
    }

    .news-detail-list .news-detail-title {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(51,51,51,1);
    }

    .news-detail-list .news-detail-date {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(153,153,153,1);
    }

    .news-detail-list .news-detail-content {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(102,102,102,1);
    }

.row-notice {
    margin-top: 20px;
    height: 260px;
}

    .row-notice .row-header,
    .row-activity .row-header {
        display: flex;
        align-items: center;
    }

        .row-notice .row-header .row-title,
        .row-activity .row-header .row-title {
            margin-left: 30px;
        }

        .row-notice .row-header > a,
        .row-activity .row-header > a {
            margin-left: auto;
            margin-right: 20px;
        }

        .row-notice .row-header .row-more,
        .row-activity .row-header .row-more {
            margin-top: 0px;
        }

    .row-notice .row-notice-list {
        padding-top: 25px;
        padding-bottom: 24px;
        height:219px;
    }

        .row-notice .row-notice-list ul li {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(51,51,51,1);
            line-height: 34px;
            display: flex;
            align-items: center;
        }

            .row-notice .row-notice-list ul li > .row-notice-list-date {
                margin-left:auto;
                margin-right:20px;
            }


            .row-notice .row-notice-list ul li > div {
                display: inline-block;
                width: 5px;
                height: 5px;
                background: rgba(179,179,179,1);
                border-radius: 3px;
                margin-right: 15px;
                margin-left: 10px;
            }

.news-detail-list a:link,
.news-detail-list a:visited,
.row-notice-list ul li > a:link,
.row-notice-list ul li > a:visited {
    color: #333
}

.news-detail-list a:hover,
.row-notice-list ul li > a:hover {
    color: #d80c18
}

.row-map {
    margin-top: 35px;
}

.row-splice {
    margin-top: 40px;
}

.row-layout {
    margin-top: 16px;
}

    .row-layout .row-header {
        display: flex;
        align-items: center;
    }

        .row-layout .row-header .row-header-title {
            font-size: 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: rgba(51,51,51,1);
            line-height: 22px;
            margin-right: 105px;
        }

        .row-layout .row-header .row-header-community {
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333; /* #999*/
            line-height: 22px;
            display: inline-block;
            width: 136px;
            cursor: pointer;
            text-align: center;
        }

        .row-layout .row-header .row-header-community-select {
            width: 84px;
            height: 30px;
            background: rgba(216,12,24,1);
            border-radius: 15px;
            color: #fff;
            line-height: 30px;
            margin:0 26px;
        }

        .row-layout .row-header .row-header-community-select1 {
            width: 84px;
            height: 30px;
            background: #e74802;
            border-radius: 15px;
            color: #fff;
            line-height: 30px;
            margin: 0 26px;
        }

        .row-layout .row-header .row-header-community-separate {
            display: inline-block;
            width: 1px;
            height: 14px;
            background: rgba(218,218,218,1);
            border-radius: 1px;
        }

.row-community .row-layout-content {
    margin-top: 30px;
}

.row-layout .row-layout-content > iframe {
    border: none;
    width: 100%;
    height: 350px;
}

.row-activity {
    margin-top: 40px;
    height: 319px;
}

    .row-activity .row-activity-list-container,
    .row-activity .row-suggestion-list {
        margin-top: 20px;
        margin-left: 25px;
    }

        .row-activity .row-suggestion-list li {
            height: 22px;
            line-height: 22px;
        }

        .row-activity .row-suggestion-list ul li:nth-child(1) img {
            vertical-align: middle;
            margin-bottom: 3px;
        }

        .row-activity .row-suggestion-list ul li:nth-child(2) {
            margin-top: 10px;
        }

            .row-activity .row-suggestion-list ul li:nth-child(2) img {
                vertical-align: middle;
                margin-bottom: 2px;
            }

        .row-activity .row-suggestion-list font {
            height: 22px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(102,102,102,1);
            line-height: 22px;
            margin-left: 15px;
        }

    .row-activity .row-activity-seperate {
        width: 530px;
        border-top: 1px dashed rgba(220,220,220,1);
        margin: 15px 0;
    }

    .row-activity .row-activity-title {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(51,51,51,1);
        line-height: 22px;
    }

    .row-activity .comfoot {
        margin-top: 17px;
        width: 100%;
        display: flex;
    }

        .row-activity .comfoot div {
            width: 50%;
        }

    .row-activity .row-activity-list img {
        margin-right: 10px;
    }

    .row-activity .row-activity-list a {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 28px;
    }

    .row-activity .row-activity-list-container {
        overflow: hidden;
        height: 221px;
        position: relative;
    }

    .row-activity .row-activity-list {
        position: absolute;
    }

.index_footer {
    width: 100%;
    height: 120px;
    background: rgba(245,245,246,1);
    border: 1px solid rgba(229,229,229,1);
    margin-top: 40px;
}

    .index_footer .row {
        display: flex;
        align-items: center;
        height: 100%
    }

        .index_footer .row a:not(:nth-child(1)) {
            margin-left: 22px;
        }



.aimagetop {
    /*width: 1920px;*/
    width: 100%;
    min-width: 1180px;
    height: 470px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

    .aimagetop .point {
        display: inline-block;
        position: relative;
        width: 100%;
        margin-top: 440px;
        text-align: center;
    }

        .aimagetop .point li {
            height: 10px;
            width: 10px;
            margin: 0 3px;
            display: inline-block;
            overflow: hidden;
            text-indent: -100px;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.3);
        }

        .aimagetop .point .active {
            background-color: rgba(255,255,255,1);
        }

    .aimagetop #aimagetop_list {
        position: absolute;
        list-style: none;
    }

        .aimagetop #aimagetop_list li {
            height: 470px;
        }


    .aimagetop .remind {
        position: absolute;
        width: 1180px;
        height: 271px;
        background: rgba(255,255,255,1);
        border: 4px solid rgba(238,238,238,0.94);
        /*top: 87px;
        left: 370px;*/
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        display: flex;
    }

        .aimagetop .remind .remind-title {
            width: 73px;
            height: 263px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-right: 1px solid #DCDCDC
        }

            .aimagetop .remind .remind-title .remind-title-detail {
                width: 20px;
                font-size: 20px;
                font-family: Microsoft YaHei;
                font-weight: bold;
                color: rgba(216,12,24,1);
                line-height: 24px;
                margin: 0 auto;
            }

        .aimagetop .remind .remind-content {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(51,51,51,1);
            line-height: 30px;
            width: 880px;
            padding-left: 25px;
            display: flex;
            align-items: center;
        }

#btnRemindClose {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}


.login-span {
    width: 370px;
    height: 173px;
    background: url(../image/背景.png) no-repeat;
    margin-top: 16px;
    padding-top: 16px;
}

    .login-span > .login-span-btn {
        margin-left: 77px;
        margin-top:10px;
    }
    .login-span > .login-user {
        margin-left: 77px;
    }

    .login-span > .login-span-des {
        text-align: center;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(51,51,51,1);
        line-height: 22px;
    }

    .login-span .login-span-login {
        display: inline-block;
        width: 100px;
        height: 32px;
        background: rgba(216,12,24,1);
        border-radius: 4px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(255,255,255,1);
        line-height: 32px;
        text-align:center;
    }

    .login-span .login-span-register {
        display: inline-block;
        width: 100px;
        height: 32px;
        background: rgba(245,245,246,1);
        border: 1px solid rgba(216,12,24,1);
        border-radius: 4px;
        margin-left: 15px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(216,12,24,1);
        line-height: 32px;
        text-align: center;
    }

.login-span1 {
    width: 370px;
    height: 173px;
    background: url(../image/bg.png) no-repeat;
    margin-top: 16px;
    padding-top: 16px;
}

.login-span1 > .login-span-btn {
    margin-left: 77px;
    margin-top:10px;
}
    .login-span1 > .login-user {
        margin-left: 77px;
    }

    .login-span1 > .login-span-des {
        text-align: center;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(51,51,51,1);
        line-height: 22px;
    }

.login-span1 .login-span-login {
    display: inline-block;
    width: 100px;
    height: 32px;
    background: #e74802;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 32px;
    text-align: center;
}

    .login-span1 .login-span-register {
        display: inline-block;
        width: 100px;
        height: 32px;
        background: rgba(245,245,246,1);
        border: 1px solid #e74802;
        border-radius: 4px;
        margin-left: 15px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #e74802;
        line-height: 32px;
        text-align: center;
    }

.row-news-seperate {
    width: 790px;
    height: 1px;
    background: rgba(225,225,225,1);
    margin:20px 0;
    float:left;
}

.row-news-seperate-right {
    width: 370px;
    height: 1px;
    background: rgba(225,225,225,1);
    margin: 20px 0;
    float:right;
}

.itemname {
    width: 370px;
    height: 1px;
    /*margin: 20px 0;*/
    float: right;
}
.detialright .itemname div {
    display: flex;
    height: 60px;
    color: #666666;
    position: relative;
}

.detialright .itemintroduce {
    height: 216px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(247,248,249,1);
    border: 1px solid rgba(238,238,238,1);
    line-height: 28px;
}

     .detialright .itemintroduce * {
        font-size: 14px !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: rgba(102,102,102,1) !important;
    }

.spanstyle {
    display: inline-block;
    height: 62px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 61px;
    margin: 0 15px;
}

.selected {
    border-bottom: 2px solid rgba(216,12,24,1);
    color: #D80C18;
    font-weight: bold;
}

.selected1 {
    border-bottom: 2px solid rgba(216,12,24,1);
    color: #e74802;
    font-weight: bold;
}

.spanstyle-chan {
    display: inline-block;
    height: 62px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    /*color: rgba(51,51,51,1);*/
    line-height: 61px;
    margin: 0 15px;
}
