html,body{
    margin:0;
    padding:0;
}
        .nav_menu{
	   		 height: 40px;line-height: 20px;
	   		width: 100%;
	   		position: fixed;
            bottom: 0;
             border-top: 1px solid #dcdcdc;
	   	}
	   	.nav_menu a{
	   		
	   		box-sizing: border-box;
	   		background: #fafafa;
	   		text-align: center;
	   		float: left;
	   		   			   		
	   		color: #333;
	   		border-right: 1px solid rgba(255,255,255,1);
	   		transition: 0.5;
	   		font-size: 12px;
	   		
	   	}
	   	  	.nav_menu a img{
	   		
	   		width: 18px;
	   		vertical-align: top;
	   	}
	   		   	.nav_menu a:nth-child(1){
	   		width: 15%;
	   	}
	   		.nav_menu a:nth-child(2){
	   		width: 15%;
	   	}
	   		.nav_menu a:nth-child(3){
	   		width: 15%;
	   	}
	   	.nav_menu a:nth-child(3) img{
	   		width: 16px;
	   		margin-top: 2px;
	   	}
        .nav_menu a:nth-child(4){
	   		width: 27.5%; line-height: 40px; background: #e5004f;color: #fff;font-size: 14px;
	   	}
	   	.nav_menu a:nth-child(5){
	   		width: 27.5%; line-height: 40px; background: #f60; color: #fff;font-size: 14px;
	   	}
	 
	 
	   	
	 
	   	.nav_menu a.on{
	   		
	   		font-weight: 900;
	   		border: 1px solid #e1794d;
	   		
	   		box-shadow: 0 -2px 2px #e1794d;
	   		-webkit-box-shadow: 0 -2px 2px #e1794d;
	   	}
	   	.nav_menu a:last-child{
	   		border-right: none;
	   	}
	   	/*.tag{*/
	   		/*position: fixed;*/
	   		/*top:10%;*/
	   		/*padding-left: 5px;*/
	   	/*}*/
	   	.tag a{
	   		display: block;
            width: 60px;
            height: 30px;
           opacity: .8;
           
           border-radius: 15px;
            line-height: 30px;
            text-align: center;
            color: #fff;
	   	}
	   	.tag a:nth-child(1){
	   		 background: #92C924;
	   	}
	   	.tag a:nth-child(2){
	   		
	   		margin-top: 10px;
	   		background: #56C0E0;
	   	}

    .font-weight{
        font-weight: 900;
    }
    .contents{
        padding: 10px; margin-bottom: 40px;
    }
    .header{
        font-size: 14px; font-weight: 900; line-height: 32px;border-bottom: 1px solid #C0C0C0; color: #333; margin-bottom: 5px;
    }
    .gg-img{
        width: 100%; border-radius: 10px;

    }
.titleh{
	font-size: 14px; line-height: 24px; font-weight: 900; text-align:center;
}
.contents-text{
	text-indent: 24px; font-size: 14px; line-height: 200%;
}
.yhdp{
	border-bottom: 1px dashed #C0C0C0; font-size: 12px;
}
.dpnr{
	border: 1px solid #333333; width: 80% ; padding: 10px ; border-radius:10px ; font-size: 12px; line-height: 18px;
}
.hf{
	margin-top: 20px;
}
.xthf{
	float: right; padding: 2px;
}
.xthf p:nth-child(1){
	font-weight: 900; text-align: right;
}
s.xthf p:nth-child(2){color: #56C0E0;}
#wdhf{
	background: #56C0E0; display: inline-block; padding: 5px; border-radius:3px ; color: #fff; font-size: 12px;cursor: pointer;
}
#btn{
    outline: none;
    border: 0;
    background: #56C0E0;
    color: #fff;
    padding: 10px 0;
    border-radius: 3px;
    margin: 10px 0;
    text-align: center;
    font-size:15px;
    width:90%;
}
#btn:hover{
    background: #56C9E0;
}
.btn{
    outline: none;
    border: 0;
    background: #56C0E0;
    color: #fff;
    padding: 10px 0;
    border-radius: 3px;
    margin: 10px 0;
    text-align: center;
    font-size:15px;
    width:90%;
}
.btn:hover{
    background: #56C9E0;
}
.hftext{
	width: 90%; margin-left:5% ; border-radius: 10px;
}
.wg dl{
	width: 50%; margin-left: 25%; height: 32px; line-height: 32px;margin-bottom: 10px;
}
.wg img{
	height: 32px;
}
.color_list{
	color: #56C0E0;
}
.tagsq{
	display: inline-block; padding: 3px; background: #f60; border-radius: 10px; color: #fff; margin-right: 10px;
}
.box-list{
	width:80%;vertical-align: top; padding-left: 5px;
}
.box-list p{line-height: 20px; font-size: 12px;}

.cont-f{
font-size: 14px; margin-top: 2px;
}

.clearfix::after{ display:block; content:''; height:0; overflow:hidden; clear:both;} 


.content{ width:600px; margin:0 auto; padding-top:20px;}
.title{ font-size:14px; background:#dfdfdf; padding:10px; margin-bottom:10px;}
.block{ width:100%; margin:0 0 20px 0; padding-top:10px; padding-left:50px; line-height:21px;}
.block .star_score{ float:left;}
.star_list{height:21px;margin:50px; line-height:21px;}
.block p,.block .attitude{ padding-left:20px; line-height:21px; display:inline-block;}
.block p span{ color:#C00; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
.star_score { background:url(stark2.png); width:110px; height:21px;  position:relative; }
.star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
.star_score a:hover{ background:url(stars2.png);left:0;}
.star_score a.clibg{ background:url(stars2.png);left:0;}
.starttwo .star_score { background:url(starky.png);}
.starttwo .star_score a:hover{ background:url(starsy.png);left:0;}
.starttwo .star_score a.clibg{ background:url(starsy.png);left:0;}

.show_number{ }
.show_number li{ width:60px; }
.atar_Show{background:url(starky.png);background-size:12px; width:60px; height:11px;  position:relative; float:left; }
.atar_Show p{ background:url(starsy.png); background-size:12px;left:0; height:11px; width:48px;}
.show_number li span{ display:inline-block; line-height:21px;}

/*分享*/
.fenxiang{
    background-color:#222;
    width:50%;
    color: #fff;
    position: fixed;
    z-index: 200;
    bottom:40px;
    left:5em;
    display: none;
}

.fenxiang ul li{
    height:2.4em;
    font-size: 14px;
    border-bottom: 1px solid #666;
    line-height: 2.4em;
    padding-left:10px;
}

.fenxiang ul li img{
    line-height: 2.4em;
    height:1.2em;
    padding-left:0;
    padding-right: 10px;
}


    /*新样式 边框和背景开始************************************************************/
    /*********************新加样式--开始***************************/

    @-webkit-keyframes bigAssButtonPulse {
        from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
        50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09; }
        to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
    }

    @-webkit-keyframes greenPulse {
        from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
        50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
        to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
    }

    @-webkit-keyframes bluePulse {
        from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
        50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf; }
        to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
    }

    @-webkit-keyframes redPulse {
        from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
        50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
        to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
    }

    @-webkit-keyframes magentaPulse {
        from { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
        50% { background-color: #a9014b; -webkit-box-shadow: 0 0 18px #a9014b; }
        to { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
    }

    @-webkit-keyframes orangePulse {
        from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
        50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 18px #ff5c00; }
        to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
    }

    @-webkit-keyframes orangellowPulse {
        from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
        50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
        to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
    }

    .style1 {
        border: 1px dotted #545454;
        transition: all .5s;
    }

    .style2 {
        border: 2px dotted #545454;
        transition: all .5s;
    }

    .style3 {
        border: 3px dotted #545454;
        transition: all .5s;
    }

    .style4 {
        border: 1px dotted #cec841;
        transition: all .5s;
    }

    .style5 {
        border: 2px dotted #cec841;
        transition: all .5s;
    }

    .style6 {
        border: 3px dotted #cec841;
        transition: all .5s;
    }

    .style7 {
        border: 1px dotted #ed473f;

        transition: all .5s;
    }

    .style8 {
        border: 2px dotted #ed473f;


        transition: all .5s;
    }

    .style9 {
        border: 3px dotted #ed473f;

        transition: all .5s;
    }

    .style10 {
        border: 1px solid #343434;

        transition: all .5s;
    }

    .style11 {
        border: 2px solid #343434;

        transition: all .5s;
    }

    .style12 {
        border: 3px solid #343434;

        transition: all .5s;
    }

    .style13 {
        border: 1px dashed #ed473f;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }

    .style14 {
        border: 2px dashed #ed473f;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }

    .style15 {
        border: 3px dashed #ed473f;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }

    .style16 {
        border: 1px solid #8fc31f;
        transition: all .5s;
    }

    .style17 {
        border: 2px solid #8fc31f;
        transition: all .5s;
    }

    .style18 {
        border: 3px solid #8fc31f;
        transition: all .5s;
    }

    .style19 {
        border: 1px dashed #8957a1;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }
    .style20 {
        border: 2px dashed #8957a1;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }

    .style21 {
        border: 3px dashed #8957a1;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .style22 {
        border: 1px dashed #76BD8F;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }

    .style23 {
        border: 1px dashed #EC473F;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }

    .style24 {
        border: 1px dashed #86C143;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        transition: all .5s;
    }


    .border1 {

        background-color: #A4CA66;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border2 {

        background-color: #DD7924;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border3 {
        background-color: #DD7924;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border4 {
        background-color: #CB243B;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border5 {
        background-color: #fff;
        font-size: 14px;
        line-height: 1.6;
        color: #2F2F2F;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border6 {
        background-color: #CB243B;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border7 {
        background-color: #DD7924;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border8 {
        background-color: #DD7924;
        font-size: 14px;
        line-height: 1.6;
        color: #2F2F2F;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border9 {
        background-color: #DD7924;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border10 {
        background-color: #fff;
        font-size: 14px;
        line-height: 1.6;
        color: #F35C09;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border11 {
        background-color: #fff;
        font-size: 14px;
        line-height: 1.6;
        color: #030403;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border12 {
        background-color: #FF7732;
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        transition: all .5s;
    }

    .border13 {

        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        background:
        linear-gradient(63deg, #999 23%, transparent 23%) 7px 0,
        linear-gradient(63deg, transparent 74%, #999 78%),
        linear-gradient(63deg, transparent 34%, #999 38%, #999 58%, transparent 62%),
        #444;
        background-size: 16px 48px;

        transition: all .5s;
    }

    .border14 {

        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        background:
        radial-gradient(black 15%, transparent 16%) 0 0,
        radial-gradient(black 15%, transparent 16%) 8px 8px,
        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
        background-color:#282828;
        background-size:16px 16px;
        transition: all .5s;
    }

    .border15 {

        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        background:
        radial-gradient(circle at 0% 50%, rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px) 0px 10px,
        radial-gradient(at 100% 100%,      rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px),
        #8a3;
        background-size: 20px 20px;
        transition: all .5s;
    }

    .border16 {
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        text-shadow: 0 1px 2px #030403;
        background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),
        linear-gradient(135deg, transparent 37%, #a85 0, #a85 63%, transparent 0),
        linear-gradient(45deg, transparent 37%, #dca 0, #dca 63%, transparent 0) #753;
        background-size: 25px 25px;
        transition: all .5s;
    }

    .border17 {
        font-size: 14px;
        line-height: 1.6;
        color: #000;
        padding: 5px;
        margin: 3px;
        background-color:silver;
        background-image:
        radial-gradient(circle at 100% 150%, silver 24%, white 25%, white 28%, silver 29%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
        radial-gradient(circle at 0    150%, silver 24%, white 25%, white 28%, silver 29%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
        radial-gradient(circle at 50%  100%, white 10%, silver 11%, silver 23%, white 24%, white 30%, silver 31%, silver 43%, white 44%, white 50%, silver 51%, silver 63%, white 64%, white 71%, transparent 71%, transparent),
        radial-gradient(circle at 100% 50%, white 5%, silver 6%, silver 15%, white 16%, white 20%, silver 21%, silver 30%, white 31%, white 35%, silver 36%, silver 45%, white 46%, white 49%, transparent 50%, transparent),
        radial-gradient(circle at 0    50%, white 5%, silver 6%, silver 15%, white 16%, white 20%, silver 21%, silver 30%, white 31%, white 35%, silver 36%, silver 45%, white 46%, white 49%, transparent 50%, transparent);
        background-size:100px 50px;
        transition: all .5s;
    }

    .border18 {

        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        background:
        linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
        linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
        linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
        linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
        linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
        linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
        background-color: #131313;
        background-size: 20px 20px;
        transition: all .5s;
    }

    .border19 {
        font-size: 14px;
        line-height: 1.6;
        color: #000000;
        padding: 5px;
        margin: 3px;
        background-color: gray;
        background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
        background-size: 60px 60px;
        transition: all .5s;
    }
    .border20{
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 5px;
        margin: 3px;
        background: linear-gradient(315deg, transparent 75%, #d45d55 0)-10px 0,
        linear-gradient(45deg, transparent 75%, #d45d55 0)-10px 0,
        linear-gradient(135deg, #a7332b 50%, transparent 0) 0 0,
        linear-gradient(45deg, #6a201b 50%, #561a16 0) 0 0 #561a16;
        background-size: 20px 20px;
        transition: all .5s;
    }

    .border21{
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 8px 5px 5px 5px;
        margin: 3px;
        background: linear-gradient(#ffffff 51%, rgba(255,255,255,0) 0) 0 0, radial-gradient(circle closest-side, #FFFFFF 98%, rgba(255,255,255,0) 0) 0 0, radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 73px 0 #48B;
        background-size: 30px 15px;
        background-repeat: repeat-x;
        transition: all .5s;
    }

    .border22{
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 8px 5px 5px 5px;
        border-radius: 5px;
        margin: 3px;
        -webkit-animation-name: greenPulse; -webkit-animation-duration: 3s;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        transition: all .5s;
    }
    .border23{
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 8px 5px 5px 5px;
        border-radius: 5px;
        margin: 3px;
        -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        transition: all .5s;
    }
    .border24{
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
        padding: 8px 5px 5px 5px;
        border-radius: 5px;
        margin: 3px;
        -webkit-animation-name: redPulse; -webkit-animation-duration: 1s;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        transition: all .5s;
    }

    /*边框和背景结束*/


    .bottomrightbox{
        padding: 3px;
    }

    /*20161028新增样式*/
    .topline{
        white-space:normal
    }
    /***********************原html文件的样式统一放置在css里面 --开始***************************/
    #topline1 {
        background: url(topline.png) repeat-x;
        display: inline-block;
    }

    #leftline1 {
        background: url(leftline.png) repeat-y;
        display: inline-block;
    }

    #rightline1 {
        background: url(rightline_04.png) right top repeat-y;
        display: inline-block;
    }

    #bottomline1 {
        background: url(rightline_09.png) left bottom repeat-x;
        display: inline-block;
    }

    #toprightbox1 {
        background: url(righttopline_06.jpg) right top no-repeat;
        display: inline-block;
    }

    #topleftbox1 {
        background: url(topline.jpg) no-repeat;
        display: inline-block;
    }

    #bottomleftbox1 {
        background: url(leftbottom.jpg) left bottom no-repeat;
        display: inline-block;
    }

    #bottomrightbox1 {
        background: url(rightline_06.jpg) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }

    #topline2 {
        background: url(topline2.png) repeat-x;
        display: inline-block;
    }

    #leftline2 {
        background: url(leftline2.png) repeat-y;
        display: inline-block;
    }

    #rightline2 {
        background: url(rightline02.png) right top repeat-y;
        display: inline-block;
    }

    #bottomline2 {
        background: url(rightline_0902.png) left bottom repeat-x;
        display: inline-block;
    }

    #toprightbox2 {
        background: url(righttopline02.jpg) right top no-repeat;
        display: inline-block;
    }

    #topleftbox2 {
        background: url(topline02.jpg) no-repeat;
        display: inline-block;
    }

    #bottomleftbox2 {
        background: url(leftbottom02.jpg) left bottom no-repeat;
        display: inline-block;
    }

    #bottomrightbox2 {
        background: url(rightline02.jpg) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }

    #topline3 {
        background: url(topline03.png) repeat-x;
        display: inline-block;
    }

    #leftline3 {
        background: url(leftline03.png) repeat-y;
        display: inline-block;
    }

    #rightline3 {
        background: url(rightline03.png) right top repeat-y;
        display: inline-block;
    }

    #bottomline3 {
        background: url(rightline_0903.png) left bottom repeat-x;
        display: inline-block;
    }

    #toprightbox3 {
        background: url(righttopline03.png) right top no-repeat;
        display: inline-block;
    }

    #topleftbox3 {
        background: url(topleftline.jpg) no-repeat;
        display: inline-block;
    }

    #bottomleftbox3 {
        background: url(leftbottom03.jpg) left bottom no-repeat;
        display: inline-block;
    }

    #bottomrightbox3 {
        background: url(rightline_0603.jpg) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }


    #topline4 {
        background: url(topline04.png) repeat-x;
        display: inline-block;
    }

    #leftline4 {
        background: url(leftline04.png) repeat-y;
        display: inline-block;
    }

    #rightline4 {
        background: url(rightline04.png) right top repeat-y;
        display: inline-block;
    }

    #bottomline4 {
        background: url(rightline_0904.png) left bottom repeat-x;
        display: inline-block;
    }

    #toprightbox4 {
        background: url(righttopline04.png) right top no-repeat;
        display: inline-block;
    }

    #topleftbox4 {
        background: url(topleftline04.png) no-repeat;
        display: inline-block;
    }

    #bottomleftbox4 {
        background: url(leftbottom04.png) left bottom no-repeat;
        display: inline-block;
    }

    #bottomrightbox4 {
        background: url(rightline_0604.png) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }

    #topleftbox9{
        background: url(topleftline08.png) no-repeat;
        display: inline-block;
    }
    #topleftbox7{

        background: url(topleftline07.png) no-repeat;
        display: inline-block;

    }
    #topleftbox8{
        background: url(topleftline09.png) no-repeat;
        display: inline-block;
    }
    #topline5 {
        background: url(topline05.jpg) repeat-x;
        display: inline-block;}



    #bottomline5 {
        background: url(rightline_0905.png) left bottom repeat-x;
        display: inline-block;
    }


    #topline6 {
        background: url(topline06.jpg) repeat-x;
        display: inline-block;
    }
    #bottomline6 {
        background: url(rightline_0906.png) left bottom repeat-x;
        display: inline-block;
    }

    #topline7 {
        background: url(topline07.png) repeat-x;
        display: inline-block;
    }
    #topline8 {
        background: url(topline08.png) repeat-x;
        display: inline-block;
    }
    #topline9 {
        background: url(topline09.png) repeat-x;
        display: inline-block;
    }
    #bottomline7 {
        background: url(topline07.png) left bottom repeat-x;
        display: inline-block;
    }
    #bottomline8 {
        background: url(topline08.png) left bottom repeat-x;
        display: inline-block;
    }
    #bottomline9 {
        background: url(topline09.png) left bottom repeat-x;
        display: inline-block;
    }
    #bottomrightbox7{
        background: url(rightline_0605.png) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }
    #bottomrightbox8{
        background: url(rightline_0606.png) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }
    #bottomrightbox9{
        background: url(rightline_0607.png) right bottom no-repeat;

        display: inline-block;
        padding: 10px;
    }

    /***********************结束***************************/


    /*图标变大的问题*/

    img{
        max-width:100%;
    }

    .xuan_title{
        margin:0;
        padding-bottom: 10px;
        margin-bottom: 14px;
        border-bottom: 1px solid #e7e7eb;
        line-height: 1.4;
        font-weight: 400;
        font-size: 24px;
        -webkit-margin-before: 0.83em;
        -webkit-margin-after: 0.83em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        word-wrap: break-word;
        display: block;
        /*color: #3e3e3e;*/
    }
    .tt2{
        margin: 0;
        padding: 0;
        position: relative;
        /*z-index: 1;*/
        line-height: 20px;
        font-size: 0;
        color: #3e3e3e;
    }
    #post-date{
        color: #8c8c8c;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
        word-wrap: break-word;
    }
    .clichuan{
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        margin-bottom: 10px;
        font-size: 14px;
        text-decoration: none;
        color: #607fa6;
        cursor: auto;
        line-height: 20px;
    }

    /*自定义菜单*/
    .subs_menu{
        height: 44px;
        line-height: 44px;
        width: 100%;
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        border-top: 1px solid #dcdcdc;
        margin-bottom:0;
    }
.subs_menu .subs_menu_s{
    box-sizing: border-box;
    background: #fafafa;
    text-align: center;
    float: left;
    color: #333;
    border-right: 1px solid #dcdcdc;
    font-size: 14px;
    font-weight:500;
    display:block;
    cursor:pointer;
    text-decoration: none;
    position:relative;
}
.subs_menu .subs_menu_s .sub_pre_menu_box{
    background-color: #fff;
    position: absolute;
    bottom: 46px;
    left: -1px;
    width: 100%;
    border: 1px solid #f0f1f3;
    border-top:0;
    text-align:center;
    z-index:999;

}
.sub_pre_menu_list{
    list-style-type: none;
    padding-left: 0;
    margin:0;
}
.sub_pre_menu_list li{
    line-height: 45px;
    border-top: 1px solid #d0d0d0;
    margin: 0 -1px -1px;
    display: list-item;
    text-align: center;
}
.sub_pre_menu_list li a{
    text-decoration: none;
    cursor:pointer;
    color:#313131;
}
.subs_menu_s a{
    text-decoration: none;
    cursor:pointer;
    color:#313131;
}

/*炫品轮播图*/
.pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}.pages li:hover{box-shadow:0 0 5px 2px white}.pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}.pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}.pages.horizontal li{display:inline-block;margin-right:10px}.pages.horizontal li:last-child{margin-right:0}.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical li{margin-bottom:10px}.pages.vertical li:last-child{margin-bottom:0}


#container {
    width: 100%;
    overflow: hidden;
}
.sections,.section {
    height:100%;
}
#container,.sections {
    position: relative;
}
.section {
    background-size: cover;
    background-position: 50% 50%;
    text-align: center;
    color: white;
}

/*音乐播放动画*/
@keyframes rotating
{
    from { -webkit-transform:rotateZ(0deg);}
    to { -webkit-transform:rotateZ(360deg);}
}

@-webkit-keyframes rotating
{
    from { -webkit-transform:rotateZ(0deg);}
    to { -webkit-transform:rotateZ(360deg);}
}
.autoplay_animation{
    -webkit-animation: rotating 1.5s linear infinite;
    animation: rotating 1.5s linear infinite;
}

.dianping_con_class{
    padding-left:10px;
    padding-right:10px;
    margin-bottom:50px;
}

#bdshare{
    position: fixed;
    right: 50px;
    top: 50px;
    width:120px;
}
#bdshare a{
    width:107px;
    height:40px;
    padding:0;
    margin:6px;
}
#bdshare a.bds_weixin{
    background-image: url(icon_weixin.jpg) ;
    background-position:0 0;
}
#bdshare a.bds_weixin:hover{
    background-image: url(icon_weixin.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_qzone{
    background-image: url(icon_qqzone.jpg);
    background-position:0 0;
}
#bdshare a.bds_tsina{
    background-image: url(icon_sina.jpg);
    background-position:0 0;
}
#bdshare a.bds_tqq{
    background-image: url(icon_qqwb.jpg);
    background-position:0 0;
}
#bdshare a.bds_mail{
    background-image: url(icon_mail.jpg);
    background-position:0 0;
}
#bdshare a.bds_sqq{
    background-image: url(icon_qq.jpg);
    background-position:0 0;
}
#bdshare a.bds_more{
    background-image: url(icon_more.jpg);
    background-position:0 0;
}
#bdshare a.bds_qzone:hover{
    background-image: url(icon_qqzone.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_tsina:hover{
    background-image: url(icon_sina.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_tqq:hover{
    background-image: url(icon_qqwb.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_mail:hover{
    background-image: url(icon_mail.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_sqq:hover{
    background-image: url(icon_qq.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_more:hover{
    background-image: url(icon_more.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_renren{
    background-image: url(icon_renren.jpg);
    background-position:0 0;
}
#bdshare a.bds_renren:hover{
    background-image: url(icon_renren.jpg);
    background-position:0 -40px;
}
#bdshare a.bds_douban{
    background-image: url(icon_douban.jpg);
    background-position:0 0;
}
#bdshare a.bds_douban:hover{
    background-image: url(icon_douban.jpg);
    background-position:0 -40px;
}

#bdshare_new{
    position: fixed;
    right: 50px;
    top: 50px;
    width:80px;
}
#bdshare_new a{
    width:32px;
    height:32px;
    padding:0;
    margin:6px;
}
#bdshare_new a.bds_weixin{
    background-image: url(icon_weixin.png) ;
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_weixin:hover{
    opacity:0.7;
}
#bdshare_new a.bds_phone{
    background-image: url(icon_phone.png) ;
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_phone:hover{
    opacity:0.7;
}
#bdshare_new a.bds_qzone{
    background-image: url(icon_qzone.png);
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_tsina{
    background-image: url(icon_sina.png);
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_mail{
    background-image: url(icon_mail.png);
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_sqq{
    background-image: url(icon_qq.png);
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_more{
    background-image: url(icon_more.jpg);
    background-position:0 0;
    background-size:cover;
}
#bdshare_new a.bds_qzone:hover{
    opacity:0.7;
}
#bdshare_new a.bds_tsina:hover{
    opacity:0.7;
}
#bdshare_new a.bds_tqq:hover{
    opacity:0.7;
}
#bdshare_new a.bds_mail:hover{
    opacity:0.7;
}
#bdshare_new a.bds_sqq:hover{
    opacity:0.7;
}
#bdshare_new a.bds_more:hover{
    opacity:0.7;
}
#bdshare_new_qrcode{
    width:80px;
    margin-left:-18px;
}