﻿

a{ color:#737373;text-decoration:none; }

a:hover { text-decoration:none; color:#f30; }

.clearfix:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }

.clearfix{ *zoom:1; }

.demo { margin:0 auto; padding:50px 50px 0; }

.qhd-desc h2 { margin-bottom:0.8em; }

.qhd-desc h3 { margin-bottom:0.6em; }

.qhd-desc p { margin-bottom:0.5em; }

.demo-copyright { margin-top:100px; text-align:center; }



.fixed_box { width:154px; position:absolute; z-index:9999; top:220px; overflow:hidden;}



hr{border:5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}





.content_box { width:154px; /*background:#fff;*/ position:absolute; z-index:2; top:0; right:0; }

.content_title, .content_bottom1, .close_btn a, .show_btn { background:url(../images/sidebar_bg.gif) no-repeat; }

.content_title { height:46px; background-position:-1165px 0; }

.content_title span { display:none; }

.content_list1 { font-family:Arial, Helvetica, sans-serif; padding:5px 5px; font-size:12px; background:url(../images/gray_line.gif) repeat-y center; text-align:center;}

.content_bottom1 { height:8px; overflow:hidden; background-position:-1165px -50px;}



.close_btn { position:absolute; right:10px; top:15px; }

.close_btn, .close_btn a { display:block; width:18px; height:20px; overflow:hidden; cursor:pointer; background-position:-44px -90px;}

.close_btn a:hover { background-position:-67px -90px;}

.close_btn a span { display:none;}



.show_btn { display:none; width:28px; height:112px; background-position:-231px 0 ;position:absolute; top:0; z-index:1; cursor:pointer;}

.show_btn span { display:none;}



.content_list1 .qqserver p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}

.content_list1 .qqserver p span { margin-right:5px;}

.content_list1 .qqserver p img {display: inline; margin-top:-5px; vertical-align:middle;}

.content_list1 .phoneserver  { font-size:14px; text-align:center;}

.content_list1 .phoneserver h5 { font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;display: inline; line-height:26px;}

.content_list1 .phoneserver p { padding:2px 0; _height:16px; margin:0;color: #666666;font-size:13px}

.content_list1 .msgserver { text-align:center; margin-bottom:5px;}

.content_list1 .msgserver a { background:url(../images/sidebar_bg.gif) no-repeat -119px -116px; padding-left:20px;}

.content_list1 hr { border-bottom:1px solid #E6E6E6; height:1px; margin:10px 0; clear:both;}





/* gray skin as the default skin */

.skin_gray .content_title { background-position:-1165px 0;}

.skin_gray .content_list1 { background:url(../images/gray_line.gif) repeat-y center;}

.skin_gray .content_bottom1 { background-position:-1165px -50px; }

.skin_gray .close_btn  a{background-position:-44px -90px;}

.skin_gray .close_btn a:hover {background-position:-67px -90px;}

.skin_gray .show_btn {background-position:-231px 0;}

.skin_gray .msgserver a { color:#6c6c6c;}

.skin_gray hr { border-bottom:1px solid #e4e4e4;}



/* blue skin  */

.skin_blue .content_title {background-position:-365px 0; }

.skin_blue .content_list1 { background:url(../images/blue_line.gif) repeat-y center;}

.skin_blue .content_bottom1 {background-position:-365px -50px;}

.skin_blue .close_btn a {background-position:-44px 0;}

.skin_blue .close_btn a:hover {background-position:-66px 0;}

.skin_blue .show_btn {background-position:-119px 0;}

.skin_blue .msgserver a { color:#06C;}

.skin_blue hr{ border-bottom::1px solid #dbe4e9;}



/* yellow skin  */

.skin_yellow .content_title {background-position:-565px 0;}

.skin_yellow .content_list1 { background:url(../images/yellow_line.gif) repeat-y center;}

.skin_yellow .content_bottom1 {background-position:-565px -50px;}

.skin_yellow .close_btn a {background-position:-44px -23px;}

.skin_yellow .close_btn a:hover {background-position:-66px -23px;}

.skin_yellow .show_btn {background-position:-147px 0;}

.skin_yellow .msgserver a { color:#f78b00;}

.skin_yellow hr{border-bottom::1px solid #f7f5df;}



/* green skin  */

.skin_green .content_title {background-position:-965px 0;}

.skin_green .content_list1 { background:url(../images/orange_line.gif) repeat-y center;}

.skin_green .content_bottom1 {background-position:-965px -50px;}

.skin_green .close_btn a {background-position:-44px -67px;}

.skin_green .close_btn a:hover {background-position:-66px -67px;}

.skin_green .show_btn {background-position:-203px 0;}

.skin_green .msgserver a { color:#d25b04;}

.skin_green hr{border-bottom::1px solid #feefde;}



/* orange skin  */

.skin_orange .content_title {background-position:-765px 0;}

.skin_orange .content_list1 { background:url(../images/green_line.gif) repeat-y center;}

.skin_orange .content_bottom1 {background-position:-765px -50px;} 

.skin_orange .close_btn a {background-position:-44px -46px;}

.skin_orange .close_btn a:hover  {background-position:-66px -46px;}

.skin_orange .show_btn {background-position:-175px 0;}

.skin_orange .msgserver a { color:#769a0f;}

.skin_orange hr{border-bottom::1px solid #edf2e5;}



/* white skin  */

.skin_white .content_title {background-position:-1365px 0;}

.skin_white .content_list1 { background:url(../images/white_line.gif) repeat-y center;}

.skin_white .content_bottom1 {background-position:-1365px -50px;}

.skin_white .close_btn a {background-position:-67px -90px;}

.skin_white .close_btn a:hover {background-position:-45px -90px;}

.skin_white .show_btn {background-position:-259px 0;}

.skin_white .msgserver a { color:#6c6c6c;}

.skin_white hr{border-bottom::1px solid #e4e4e4;}



.custom_style_01 .content_box { width:118px; _width:117px; }

.custom_style_01 .content_title { height:33px; background:url(../images/custom_style_01.gif) no-repeat -100px 0; }

.custom_style_01 .content_list1 { border-left:1px solid #1e1824; border-right:1px solid #1e1824; background:#fff; }

.custom_style_01 .content_list1 .qqserver p span { display:none;}

.custom_style_01 .content_bottom1 { height:2px; background:#1e1824; }

.custom_style_01 .close_btn { right:1px; top:2px; }

.custom_style_01 .close_btn, .custom_style_01 .close_btn a { width:24px; height:22px; background:url(../images/custom_style_01.gif) no-repeat -250px 0; }

.custom_style_01 .show_btn { width:33px; height:120px; background:url(../images/custom_style_01.gif) no-repeat 0 0;  }

