.setting-c{
        width: 1240px;
        height: 640px;
    }
    .setting-left{
        width: 412px;
        margin-left: 2px;
        height: 628px;
        background: url(setting.png) no-repeat;
    }
    .setting-right{
        width:385px;
        background: url(phone.png) no-repeat;
        height: 630px;
    }
    .setting-left h4{
        color: #3a6ecf;
        height: 36px;
        font-size: 14px;
        line-height: 2.57;
        margin-left: 20px;
       margin-top: 8px;
    }
    #setting-form {
        font-size: 16px;
        margin-top: 5px;
        margin-left: 10px;
    }
    .listsetting li{
        height: 70px;line-height:70px;
    }
    #bgcolor,#fontcolor{

        float: left;
         width: 60px;
    }
		
    .listsetting li a{
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: -2px;
        margin-right:2px\9;
        margin-right:-2px\0;

    }
		
		#one{
			background: url(bgcolors_03_03.jpg)  0 -18px no-repeat;
		}
		#two{
			background: url(bgcolors_03_03.jpg) -18px 0 no-repeat;
		}
		#two:hover{
			background: url(bgcolors_03_03.jpg) -18px -18px no-repeat;
		}
		
		#three{
			background: url(bgcolors_03_03.jpg) -36px 0 no-repeat;
		}
		#three:hover{
			background: url(bgcolors_03_03.jpg) -36px -18px no-repeat;
		}
		#four{
			background: url(bgcolors_03_03.jpg) -54px 0 no-repeat;
		}
		#four:hover{
			background: url(bgcolors_03_03.jpg) -54px -18px no-repeat;
		}
		#five{
			background: url(bgcolors_03_03.jpg) -72px 0 no-repeat;
		}
		#five:hover{
			background: url(bgcolors_03_03.jpg) -72px -18px no-repeat;
		}
		#six{
			background: url(bgcolors_03_03.jpg) -90px 0 no-repeat;
		}
		#six:hover{
			background: url(bgcolors_03_03.jpg) -90px -18px no-repeat;
		}
		#seven{
			background: url(bgcolors_03_03.jpg) -108px 0 no-repeat;
		}
		#seven:hover{
			background: url(bgcolors_03_03.jpg) -108px -18px no-repeat;
		}
		#eight{
			background: url(bgcolors_03_03.jpg) -126px 0 no-repeat;
		}
		#eight:hover{
			background: url(bgcolors_03_03.jpg) -126px -18px no-repeat;
		}
		#ones{
			background: url(fontcolor-bg.jpg) 0 -18px no-repeat;
		}
		
		#twos{
			background: url(fontcolor-bg.jpg) -18px 0 no-repeat;
		}
		#twos:hover{
			background: url(fontcolor-bg.jpg) -18px -18px no-repeat;
		}
		#threes{
			background: url(fontcolor-bg.jpg) -36px 0 no-repeat;
		}
		#threes:hover{
			background: url(fontcolor-bg.jpg) -36px -18px no-repeat;
		}
		#fours{
			background: url(fontcolor-bg.jpg) -54px 0 no-repeat;
		}
		#fours:hover{
			background: url(fontcolor-bg.jpg) -54px -18px no-repeat;
		}
		#fives{
			background: url(fontcolor-bg.jpg) -72px 0 no-repeat;
		}
		#fives:hover{
			background: url(fontcolor-bg.jpg) -72px -18px no-repeat;
		}
		#sixs{
			background: url(fontcolor-bg.jpg) -90px 0 no-repeat;
		}
		#sixs:hover{
			background: url(fontcolor-bg.jpg) -90px -18px no-repeat;
		}
		#sevens{
			background: url(fontcolor-bg.jpg) -108px 0 no-repeat;
		}
		#sevens:hover{
			background: url(fontcolor-bg.jpg) -108px -18px no-repeat;
		}
		#eights{
			background: url(fontcolor-bg.jpg) -126px 0 no-repeat;
		}
		#eights:hover{
			background: url(fontcolor-bg.jpg) -126px -18px no-repeat;
		}
		.sliderbox{
			margin-left: 10px;
		}
		#pointer{
			cursor: pointer;
		}
		button{
			outline: none;
			border: none;
		}
		.border{
			border: 1px solid #64A8F9;
			padding: 2px;
			display: inline-block;
            border-radius: 5px;
            box-shadow: 0 0 4px #64A8F9;
		}
		#tix{
			position: absolute;
    left: 200px;
    top: 53px;
    color: #f00;
    display: none;
   
    height: 24px;
    line-height: 24px;
		}
#font-family{
	position:absolute ;opacity: 0; filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;    
      opacity: 0;   width: 225px; height: 40px; z-index: 2; font-size: 22px;
}
#fontstyle{
	position: absolute; left: 0 ; top: 0;
    height: 40px;
    width: 216px;
    line-height: 40px;  z-index: 1; color: #000000; padding-left: 10px;
}

    .header{
        font-size: 14px; font-weight: 900; line-height: 32px;border-bottom: 1px solid #C0C0C0; color: #333; margin-bottom: 5px;
    }

#pointer{
	display: inline-block ;background: url(tag.gif) no-repeat; width: 24px; height: 24px;position: absolute;left: 190px;top:10px; cursor: pointer;
}
#dif{height: 58px; height:40px\9;height:58px\0 ;line-height: 54px; line-height: 30px\9;line-height:54px\0}

#colorErr{
	   position: absolute;
    left: 200px;
    top: 46px;
    color: #f00;
    display: none;
    height: 24px;
    line-height: 24px;
}
#indentErr{
	position: absolute;
    left: 123px;
    top: 57px;
    color: #f00;
    display: none;
   
    height: 24px;
    line-height: 24px;
}
#lineErr{
	position: absolute;
    left: 123px;
    top: 57px;
    color: #f00;
    display: none;
   
    height: 24px;
    line-height: 24px;
}
#clear{
	width: 90px;  line-height: 24px;   color: #fff;background: #2283c5; margin-top: 10px; cursor: pointer;
}

    #setting-front{
        margin-left: 15px;
        padding-top: 111px;
        width: 317px;
        height: 523px;
        padding-top: 69px;
        overflow: hidden;
    }

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

    @-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;
    }

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


/*下移箭头*/
.godown{
    display: none;
    position: absolute;
    left: 336px;
    width: 45px;
    height: 45px;
    background: #999 url(bottom.png) 13px no-repeat;
    top: 146px;
    z-index: 9999;
}
.goup{
    display: none;
    position: absolute;
    left: 336px;
    top: 90px;
    width: 45px;
    height: 45px; z-index: 9998;
    background: #999 url(top.png) 13px no-repeat;
}

.goback{
    position: absolute;
    left: 322px;
    top: 90px;
    width: 45px;
    height: 45px; z-index: 9998;
    background: #fff url(goback.jpg) no-repeat;
}


    /*分享工具栏*/
    #bdshare{
        position: fixed;
        right: 20%;
        top: 49%;
        margin-right: -160px;
        margin-top: -193px;
        width:360px;
        height:180px;
    }
    #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;
    }

    /*图标变大的问题*/
    #BIEZHU img{
        max-width:100%;
    }
    #xuancon img{
        max-width:100%;
    }