@charset "utf-8";
/* DNS底层初始化样式 */





/*btn*/
.btn{ 
  display:inline-block; 
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  *display: inline;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 20px;
  color:#fff;
  border:none;
  font-size: 12px;
  background-color:#1299e1;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;
	border-radius:2px;
}
.btn:hover{
	background-color:#21a6ed; text-decoration:none;	color: #fff;}
.btn.disabled,
.btn[disabled],
.btn.disabled:active,
.btn[disabled]:active,.btn.disabled:hover,
.btn[disabled]:hover {
  color: #777;
  background-color: #ccc; text-decoration:none; cursor:pointer;
}
.btn:active,
.btn.active {
  background-color: #118fd2;
}
.btn:first-child {
  *margin-left: 0;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-yellow{ background-color:#ff6600}
.btn-yellow:hover{ color:#fff1e3; background-color:#fc6f11}
.btn-yellow:active,
.btn-yellow.active {
  background-color: #f06101;
}
.btn-white{ background-color:#e6e6e6; color:#666;}
.btn-white:hover{ color:#555; background-color:#e8e8e8}
.btn-white:active,
.btn-white.active {
  background-color: #e4e4e4;
}
.btn-red{ background-color:#e42d1b; color:#fff;}
.btn-red:hover{ color:#ffe7e5; background-color:#ed3321}
.btn-red:active,
.btn-red.active {
  background-color: #dc2614;
}

.btn-red2{ background-color:#e4393c; color:#fff;}
.btn-red2:hover{ color:#fff9f9; background-color:#e73d40}
.btn-red2:active,
.btn-red2.active {
  background-color: #dd3033;
}
.btn-red3{ background-color:#ff636b}
.btn-red3:hover{ color:#fff1e3; background-color:#ff6e76}
.btn-red3:active,
.btn-red3.active {
  background-color: #f85962;
}

.btn-green{ background-color:#3bc200; color:#fff;}
.btn-green:hover{ color:#ebffe2; background-color:#3fce01}
.btn-green:active,
.btn-green.active {
  background-color: #37b600;
}

.btn-blue1{ background-color:#61c0f2; color:#fff;}
.btn-blue1:hover{ color:#fff; background-color:#68c5f6}
.btn-blue1:active,
.btn-blue1.active {
  background-color: #5bbaec;
}

.btn-green1{ background-color:#84d58a; color:#fff;}
.btn-green1:hover{ color:#fff; background-color:#8adc90}
.btn-green1:active,
.btn-green1.active {
  background-color: #7ed084;
}

.btn-light{ background-color:#fff; color:#666; border:1px solid #ddd;}
.btn-light:hover{ color:#555; background-color:#f8f8f8}
.btn-light:active,
.btn-light.active {
  background-color: #f5f5f5;
}

.btn-big{
	padding: 15px 45px;	 font-size:18px;
}

.btn-mid{
	padding: 10px 35px;	 font-size:16px;
}

.btn-radius{  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;}

.table th, .table td{
    line-height: 24px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
}
.table th.tcen,.table td.tcen{ text-align:center;}
.table th.tlt,.table td.tlt{ text-align:left;}
.table th.trt,.table td.trt{ text-align:right;}
.table th {
    font-weight: bold;
}

.table-bordered {
  border: 1px solid #dadada;
  border-collapse: collapse; 
  border-spacing: 0; 
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dadada
}

.table-striped tbody > tr:nth-child(odd) > th
 {
  background-color: #f5f5f5;
}
.table-striped tbody > tr:nth-child(odd) > td
 {
  background-color: #fcfcfc;
}
.table-striped tbody > tr:hover > td
 {
  background-color: #f8f9fd;
}


/*input text*/
.inp{ border:1px solid #ccc; background:#fff; color:#666; font-family:"微软雅黑";font-family:Microsoft Yahei;}

.w{ width:1000px; margin:0 auto;}

/*loading 大*/
#circularG{
position:relative;
width:128px;
height:128px; margin:0 auto;}

.circularG{
position:absolute;
background-color:#f75a53;
width:29px;
height:29px;
-moz-border-radius:19px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:19px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:19px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:19px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:19px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:50px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG_2{
left:14px;
top:14px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG_3{
top:0;
left:50px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG_4{
right:14px;
top:14px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG_5{
right:0;
top:50px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG_6{
right:14px;
bottom:14px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG_7{
left:50px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG_8{
left:14px;
bottom:14px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

/*loading 中*/
#circularG2{
position:relative;
width:80px;
height:80px; margin:0 auto;}

.circularG2{
position:absolute;
background-color:#F75B53;
width:18px;
height:18px;
-moz-border-radius:12px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG2_1{
left:0;
top:32px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG2_2{
left:8px;
top:8px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG2_3{
top:0;
left:32px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG2_4{
right:8px;
top:8px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG2_5{
right:0;
top:32px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG2_6{
right:8px;
bottom:8px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG2_7{
left:32px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG2_8{
left:8px;
bottom:8px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}




/* DNS官网前台公共样式 */
.topBar{ height:32px; background:#0e89cb; width:100%; line-height:32px; color:#b8eefe}
.minMenu{margin:0 auto;}
.minMenu li{ float:left; margin-left:10px;}
.minMenu li a{ color:#b8eefe; text-decoration:none;}
.minMenu li a:hover{ text-decoration:none;color:#e3f9ff}

.minMenu li.menu{ float:left; position:relative; margin-left:0px; z-index:1600;}
.minMenu li.menu .f{ height:32px; width:80px;text-indent:10px;}
.minMenu li.menu .f a{ position:relative; z-index:2;  width:78px;}
.minMenu li.menu .f a:hover{text-decoration:none;}
.minMenu li.menu .f b{ display:block; position:absolute; top:15px; z-index:2; width:7px; height:4px; right:8px; background:url(../images/common/ico.png) no-repeat -8px -9px;	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.minMenu li.menu:hover .f b{ 	-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.minMenu li.menu .f i{ display:block; position:absolute; left:0px; height:30px; width:80px; top:2px; z-index:1; background:#0e7ab4; display:none;}
.minMenu li.menu .dd{ position:absolute;  width:80px; text-align:center; background:#0e7ab4; border-top:none; left:0px; display:none; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.minMenu li.menu .dd.wd1{width:90px;}
.minMenu li.menu .dd.wd2{width:260px;}
.minMenu li.menu .dd a{ display:block; line-height:26px;}
.minMenu li.menu .dd a:hover{ text-decoration:none; background:#0c71a7;}


.navBox{ float:left; width:660px;}
.navList a{display:block; float:left; height:72px; line-height:72px; color:#fff; text-decoration:none; font-size:16px; padding:0 20px;margin: 0 1px;}
.navList a.cur,.navList a:hover{ background:#0e89cb}
.navList a.now{ background:#0e89cb}
.cart{ width:150px; height:72px; position:relative; z-index:1500;}
.cart dt{ height:72px; width:122px; position:absolute; right:0px; top:0px; z-index:2; text-align:center; padding-left:10px; line-height:72px;}
.cart dt .cartNum{ position:absolute; display:block; width:15px; height:17px; background:url(../images/common/ico.png) no-repeat -63px -5px; top:20px; right:8px; text-align:center; color:#fff; font-size:12px; line-height:12px; font-family:"宋体"}
.cart dt i{ display:block; position:absolute; left:12px; top:27px; width:20px; height:18px;background:url(../images/common/ico.png) no-repeat -38px -4px;}
.cart.cur dt i{background:url(../images/common/ico.png) no-repeat -38px -27px;}
.cart dt s{ display:none; position:absolute;}
.cart dt a{ color:#c0f0fe; font-size:14px;}
.cart dd{ display:none; width:350px;background:#fff;border:1px solid #ddd; border-top:none; position:absolute; right:-1px; top:72px; z-index:1;}
.cart.cur dt{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.cart.cur dt s{ position:absolute; right:1px; top:72px; width:142px; z-index:1; height:10px; background:#fff}
.cart.cur dd{ margin-top:0px; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.cart.cur dt a{ color:#1299e1; font-size:14px;}
.emptyCart{ padding:25px; color:#888;}
.emptyCart img{ margin-right:15px;}
.cartList .h{ height:40px; line-height:40px; border-bottom:1px solid #e4e4e4; font-size:14px; padding:0 10px;}
.cartFoot{ background:#f4f4f4; padding:10px; line-height:20px; text-align:right;}
.cartFoot .gopay{ padding-top:6px;}
.cartFoot .gopay .btn{ padding:4px 10px;}
.cartFoot .price{ font-size:18px; font-weight:normal; color:#e30000;}
.productUl li{ padding:5px 10px;border-bottom: 1px solid #f1f1f1;clear: both; overflow:hidden; height:35px; line-height:35px; color:#666; background:#fff;}
.productUl li:hover{background:#fbfbfb;}
.productUl li .productName {
    background: url("../images/common/proLi.jpg") no-repeat 0 center;
    float: left;
    font-size: 12px;
    overflow: hidden;
    text-indent: 10px;
    width: 240px;
}
.productPrice {
    float: left;
    overflow: hidden;
    width: 75px;
}
.productDel {
    background: url("../images/common/proDel.jpg") no-repeat 0 0;
    float: right;
    height: 14px;
    margin-top: 11px;
    overflow: hidden;
    text-indent: -999em;
    width: 14px;
}

.footQuickBox{ background:#f4f4f4; width:100%; padding:30px 0; color:#666;}
.footInfoBox{ text-align:center; padding:10px; color:#888; line-height:24px;}
.footInfoBox a:hover img{ opacity:0.7;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.quickMenu{ float:left; width:690px; overflow:hidden;}
.quickMenu dl{ float:left; line-height:24px; width:240px;}
.quickMenu dl.small{ width:210px;}
.quickMenu dl dt{ font-size:20px; padding-bottom:16px;}
.footContact{ text-align:right;}
.footQuickBox a{ color:#666;}
.conOnline{ overflow:hidden;padding-bottom:6px;}
.contactBtn{ float:right; padding:8px 15px;}
.contactBtn s{ display:block; float:left; width:24px; height:20px; overflow:hidden; background:url(../images/common/ico.png) no-repeat -5px -26px;margin-right:6px; }
.footQuickBox .btn{color:#fff;}
.contTel { color:#777; padding-top:10px;}
.contTel b{ color:#555; font-size:22px; font-weight:bold; line-height:26px; }
.contEr{ padding-top:15px;}
.contEr .wei{ float:right; display:block; width:32px; height:27px; background:url(../images/common/ico.png) no-repeat;line-height:400px; overflow:hidden; margin-left:8px;	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
#weiboIco{ background-position:-118px -5px;}
#weixinIco{ background-position:-158px -5px;}
#weiboIco:hover,#weiboIco.cur{ background-position:-118px -37px;}
#weixinIco:hover,#weixinIco.cur{ background-position:-158px -36px;}
.erweimaBox{ padding:4px; background:#fff; border:1px solid #ccc; position:absolute; z-index:999; left:10px; top:1110px; text-align:center; color:#999; line-height:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden; display:none; width:190px;}
.erweimaBox img{ width:180px; height:180px;}
.erweimaBox .t{ padding-bottom:8px;}

.navMain{ width:100%; background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DD000000,endcolorstr=#DD000000); position:absolute; left:0px; top:104px;color:#ccc; z-index:1999; overflow:hidden;}
.navItems{ width:1000px; padding:20px 0; margin:0 auto; overflow:hidden;}
.navDrop{ margin-left:250px; overflow:hidden; line-height:24px;}
#nav04Cont .navDrop{ margin-left:450px;}
#nav05Cont .navDrop{ margin-left:560px;}
.v2015 .navItems{margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    width: 80%;}
#nav03Cont .navDrop {
    margin-left: 350px;
}
.navDrop dl{ float:left; min-width:160px; margin-left:30px; overflow:hidden;}
.navDrop dl.two{ width:200px;}
.navDrop dl.two dd{ width:50%; float:left;}
.navDrop dl.two dd a{ display:inline-block; width:100%;}
.navDrop dt{ font-size:16px; padding-bottom:10px; border-bottom:1px solid #999; margin-bottom:10px;}
.navMain a{ color:#ccc}

.titleBox{ width:100%; height:50px; overflow:hidden; border-bottom:1px solid #ccc; line-height:50px; font-size:18px;}
.titleBox h3{ font-weight:normal; font-size:18px;}
.titleBox a{ text-decoration:none;}

.titleBox2{ width:100%; height:56px; overflow:hidden; border-bottom:1px solid #e7e6e6; position:relative; background:#f4f4f4; line-height:56px; font-size:18px;}
.titleBox2 h3{ font-weight:normal; font-size:18px; text-indent:20px;}
.titleBox2 a{ text-decoration:none;}

.titleBox3{ width:100%; height:56px; overflow:hidden; position:relative; background:#f4f4f4; line-height:56px; font-size:18px;}
.titleBox3 h3{ font-weight:normal; font-size:18px; text-indent:20px;}
.titleBox3 a{ text-decoration:none;}

.titleBox4{ width:100%; height:56px;position:relative; line-height:56px; font-size:16px; border-bottom:1px solid #e8e8e8;}
.titleBox4 h3{ font-weight:normal; height:55px; font-size:18px; padding:0 14px; float:left; border-bottom:2px solid #1299e1; position:relative; z-index:1;}
.titleBox4 a{ text-decoration:none;}


.helpTipBox{ line-height:18px; padding:6px 10px; border:1px solid #e0d09b; background:#fff7dd; position:absolute; max-width:310px;_width:300px; border-radius:2px 2px 2px 2px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); left:0px; top:30%; color:#666; z-index:9000; display:none;}

.yellowTipBox{ line-height:18px; padding:4px 10px; border:1px solid #fed5b1; background:#fff2e0; color:#d06212;}
.yellowTipBox2{ line-height:18px; padding:4px 10px; border:1px solid #f4dd83; background:#ffffe0; color:#dd695a;}

.picVerMidBox{ width:100%;height:80px; vertical-align:middle; display:table-cell; text-align:center; *display: block; *font-size: 70px; *font-family:Arial;}
.picVerMidBox img{ vertical-align:middle;}
.paddBox1{ padding:15px 25px;}

.tbListInfo{ padding:18px 0;}
.tbListInfo li{ padding:20px 0; overflow:hidden; font-size:14px;}
.tbListInfo li img{ float:left; margin-right:15px;}
.tbListInfo li h6{ font-size:14px; line-height:26px; font-weight:bold; padding-top:6px; padding-bottom:10px; padding-left:85px;}
.tbListInfo li p{ color:#888; line-height:20px; padding-left:85px;}

.dx_Faq{ padding:16px 15px 50px 15px;}
.dx_Faq dl{ padding:16px 0; line-height:24px; overflow:hidden;}
.dx_Faq dt{ padding-left:22px; position:relative; font-weight:bold; padding-bottom:10px; font-size:14px;}
.dx_Faq dd{ padding-left:22px; position:relative; color:#666; font-size:12px;}
.dx_Faq dt:before{ content:""; display:block; width:16px; height:16px; overflow:hidden; position:absolute; left:0px; top:4px; background:url(../images/common/ico.png) no-repeat -108px -69px;}
.dx_Faq dd:before{ content:""; display:block; width:16px; height:16px; overflow:hidden; position:absolute; left:0px; top:4px; background:url(../images/common/ico.png) no-repeat -129px -69px;}

.highLightBox{ background:#fff2e0; padding:10px 14px; line-height:24px; color:#666;}

.input2{ border:1px solid #ccc; color:#333; padding:4px 6px; line-height:30px; background:#fff; font-family:"微软雅黑";-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s}
.input2:focus{ box-shadow:0 0 6px rgba(18,153,225,0.6);border-color:#1299e1;}


.valInfo{ font-size:12px; margin-left:10px; font-weight:normal;}
.valInfo b{ font-weight:normal;display:inline-block; vertical-align:middle; margin-left:4px;}
.valInfo i{ background:url(../images/common/ico.png) no-repeat -8px -112px; height:15px; width:15px; display:inline-block; vertical-align:middle}
.valInfo i{ background:url(../images/common/ico.png) no-repeat -8px -112px; height:15px; width:15px; display:inline-block; vertical-align:middle}
.valInfo.right b{ color:#1dbb2c;}
.valInfo.wrong b{ color:#e15142;}
.valInfo.notice b{ color:#c9ae18;}
.valInfo.tip b{ color:#999;}
.valInfo.right i{ background-position:-5px -112px;}
.valInfo.wrong i{ background-position:-5px -131px;}
.valInfo.notice i{ background-position:-5px -150px;}
.valInfo.tip i{ background-position:-5px -170px;}

.valInfo2{ font-size:12px; margin-left:10px; font-weight:normal; color:#999;}
.valInfo2.right{ color:#1dbb2c;}
.valInfo2.wrong{ color:#e15142;}
.valInfo2.notice{ color:#c9ae18;}
.valInfo2.right .input2{ border-color:#1dbb2c;}
.valInfo2.wrong .input2{ color:#e15142; border-color:#e15142;}
.valInfo2.notice .input2{ color:#c9ae18; border-color:#c9ae18;}
.valInfo2 .input2:focus{ box-shadow:0 0 6px rgba(18,153,225,0.6);border-color:#1299e1;}


/*弹框*/
.btmMask{ position:fixed; z-index:9000; background-color:#000; left:0px; top:0px; width:100%; height:100%; filter:alpha(opacity="50"); opacity:0.5;_position:absolute; display:none;}
.dialogBox{ position:fixed; z-index:9001; width:550px; background-color:#fff; left:50%;background-clip:content-box; margin-left:-275px;border:15px solid rgba(0,0,0,0.5);  top:16%;  _position:absolute;box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);border-radius: 2px;}
.dialogBox .ds_top{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #d5d5d5; position:relative;}
.dialogBox .ds_top h3{ float:left; font-size:18px; color:#333; font-weight:normal; line-height:55px; text-indent:14px; float:left;}
.dialogBox .ds_top h3 span{ font-weight:normal; margin-left:5px;}
.dialogBox .ds_top .close{ float:right; width:16px; height:16px; background:url(../images/common/close.png) no-repeat; text-indent:-9999em; overflow:hidden; margin-top:20px; margin-right:16px; cursor:pointer;}
.dialogBox .ds_cont{ background:#fff; padding:10px; line-height:24px;}
.dialogBox .ds_cont p{ text-indent:2em; padding-bottom:8px;}
.dialogBox .ds_btn{ padding:10px 0 15px 0; text-align:center;}

/*分页*/
.pagesBox{ padding:50px 0 80px 0; text-align:right; overflow:hidden;}
.pagesBox a{ padding:8px 16px; background:#fcfcfc; border:1px solid #dddddd; font-size:16px; color:#666; margin-left:6px;}
.pagesBox a:hover,.page a.now{ text-decoration:none; background:#1299e1; border-color:#1299e1; color:#fff;}

/*焦点图*/
.yFocus .footNav{ display:block; position:absolute; z-index:10; right:10px; bottom:10px;}
.yFocus .footNav li{ width:12px; overflow:hidden; height:12px; background:#fff; float:left; margin:4px; border-radius:6px 6px 6px 6px; cursor:pointer; opacity:0.6;}
.yFocus .footNav li.cur{ background:#fc7b00; opacity:1;}
.yFocus .controls{ background:#000; height:68px; line-height:68px; width:35px; position:absolute;z-index:10;top:50%; margin-top:-40px; cursor:pointer; opacity:0.2; color:#fff; font-size:22px; text-align:center; -moz-user-select: none; /*火狐*/-webkit-user-select: none;  /*webkit浏览器*/-ms-user-select: none;   /*IE10*/-khtml-user-select: none; /*早期浏览器*/ user-select: none; font-family:"宋体"; display:none;}
.yFocus .controls:hover{ opacity:0.5;}
.yFocus .leftControls{ left:0px;}
.yFocus .rightControls{ right:0px;}
.yFocus .yFocusViewPic{ position:absolute; z-index:30; width:120px; border:4px solid #fff; bottom:40px; display:none; box-shadow:0 0 10px rgba(0,0,0,0.4);}

.high_red{ padding:2px 8px; background:#f57164; color:#fff; display:inline-block;}

/*select*/
.ySelectColor{ position:relative; display:inline-block;z-index:500}
.ySelectColor_selected{ height:30px; white-space:nowrap; border:1px solid #ccc; overflow:hidden; background:#fff; overflow:hidden;text-overflow:ellipsis; line-height:30px; cursor:pointer; position:relative;-moz-user-select: none;  
-webkit-user-select: none;  
-ms-user-select: none; min-width:80px; max-width:200px;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s}
.ySelectColor_selected span{ display:block; text-indent:10px;padding-right:30px; overflow:hidden;text-overflow:ellipsis;}
.ySelectColor_selected.on{ border-color:#ccc; box-shadow:0 0px 10px rgba(0,0,0,0.1);}
.ySelectColor_selected.wrong{ border-color:#e15142;}
.ySelectColor_selected i{display:block; width:30px; height:30px; background:url(../images/common/arrDown.png) no-repeat center center; position:absolute; right:0px; top:0px;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s }
.ySelectColor_selected.on i{-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);}
.ySelectColor_drop{ position:absolute; white-space:nowrap; z-index:2222; min-width:80px; background:#fff; left:0px; border:1px solid #ccc; top:31px; max-height:300px; overflow:auto; box-shadow:0 10px 10px rgba(0,0,0,0.1); display:none;max-width:300px; white-space:nowrap;}
.ySelectColor_drop li{ line-height:30px; color:#666; font-size:14px; padding:0 10px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ySelectColor_drop li.cur,.ySelectColor_drop li.hov{ background:#ebf0f2; color:#333;}
.ySelectColor.active{ z-index:5000;}


.highText{ padding:2px 10px; background:#8c9fd8; color:#fff; display:inline-block; line-height:20px;}
.highTxt-green{ background:#72c074;}


.huakuaiBigCont{ width:260px; height:12px; background:#ededef;  float:left; border-radius:10px;}
.huakuaiBigCont .huaKuaiBox{ width:260px; height:12px; position:relative; border-radius:10px;}
.huakuaiBigCont .huaKuaiBox .currentjd{ width:0px; position:absolute; height:12px; background:#48c308; z-index:3; overflow:hidden; text-indent:-999em; cursor:pointer; border-radius:10px 0 0 10px;}
.huakuaiBigCont .huaKuaiBox .ydBtn{ display:block; position:absolute; height:22px; width:15px; border-radius:2px 2px 2px 2px; background:#fff; border:1px solid #dddddd; left:0%; top:-7px; z-index:5; overflow:hidden; cursor:pointer;}
.huakuaiBigCont .huaKuaiBox .ydBar{ width:100%; height:100%; z-index:4; left:0px; top:0px; position:absolute; background:none; cursor:pointer;}

.dialog_picTip2{ padding:60px 40px 70px; overflow:hidden;}
.dialog_picTip2 .imgb{ float:left; margin-right:15px;}
.dialog_picTip2 img{ float:left; max-width:110px;}
.dialog_picTip2 h2{ font-size:22px; font-weight:normal; padding-bottom:10px; line-height:40px; padding-top:10px; color:#409602;}
.dialog_picTip2 p{ text-indent:0px; color:#999; font-size:14px;}
.dialog_picTip2.wrong h2{  color:#dd471d}
.dialog_picTip2.warn h3{  color:#333; font-size:16px; font-weight:normal; line-height:30px;}
.ct_loginAgain,.ct_loginAgain p{ color:#666; line-height:28px;}
.ct_loginAgain a{color:#1299e1;}


/*底部客服*/
.footer{ position:relative; z-index:100;}
.footQuickBox{ position:relative; z-index:100;}
.footInfoBox{ background:#fff; position:relative; z-index:100;}
.contactBox{ position:absolute; width:288px; height:230px; background:#f4f4f4; top:0; left:50%; margin-left:160px; padding:26px 26px 0 26px; border:10px solid #fff;}
.contactBox .items { overflow:hidden; padding-bottom:3px;}
.contactBox .items h3{ font-weight:normal; font-size:14px; float:left; }
.contactBox .items em{ color:#999; font-size:12px; margin-left:25px; float:left;}
.contactBox .btbox{ padding:16px 10px 20px;}
.kf-btn{ width:82px; height:36px; padding:0px; padding-left:28px; position:relative; line-height:36px; font-size:12px; color:#fff; border-radius:2px; margin-right:10px;}
.kf-btn s{ display:block; position:absolute; left:12px; top:8px; width:20px; height:20px;}
.kf-btn-s1{ background:#fa9e61;}
.kf-btn-s1:hover{ background:#fda86f}
.kf-btn-s1 s{ background:url(../qqright/kf_01.png) no-repeat;}
.kf-btn-s2{ background:#2bc669;}
.kf-btn-s2:hover{ background:#3ad678}
.kf-btn-s2 s{ background:url(../qqright/kf_02.png) no-repeat;}
.contactBox .close{ width:20px; height:20px; position:absolute; right:10px; top:20px; background:url(../images/common/close.png) no-repeat; background-size:14px 14px; cursor:pointer;}
.contactBox .telb{ font-size:14px;}

/*css3 loading by yao 2015-03-04*/
.yloading{ width:50px; height:10px; position:relative;}
.yloading s{ width:10px; height:10px; position:absolute; top:0px; border-radius:50%;left:0px; overflow:hidden; font-size:0px; line-height:3000px; text-indent:-555px; display:block;
-moz-animation-name:yloading_animte;
-moz-animation-duration:1.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:ease-in-out;
-webkit-animation-name:yloading_animte;
-webkit-animation-duration:1.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:ease-in-out;
-ms-animation-name:yloading_animte;
-ms-animation-duration:1.2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:ease-in-out;
-o-animation-name:yloading_animte;
-o-animation-duration:1.2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:ease-in-out;
animation-name:yloading_animte;
animation-duration:1.2s;
animation-iteration-count:infinite;
animation-direction:ease-in-out;}
.yloading  s.s1{background:#b5e749;-moz-animation-delay:0;
-webkit-animation-delay:0;
-ms-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s;}
.yloading s.s2{background:#fc5753;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}
.yloading s.s3{background:#ffd83d;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}
@-moz-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@-webkit-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@-ms-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@-o-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}

/*css3 loading by yao 2015-03-04*/


/*右侧客服*/
.rightSideSupport{ position:fixed; right:0px; top:20%; z-index:10002;}
.rightSideSupport .rs_btn{ display:block; width:16px; height:90px; overflow:hidden; position:absolute; right:0px; top:0px; background:#fa9e61; color:#fff; font-size:14px; line-height:18px; text-decoration:none; border-radius:4px 0 0 4px; padding:45px 10px 0 14px; -webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s}
.rightSideSupport .rs_btn i{ display: block;  height: 20px;  left: 12px; position: absolute;  top: 15px;  width: 20px; background:url(../qqright/kf_01.png) no-repeat;}
.rightSideSupport .rs_btn:hover{ text-decoration:none; background:#fca66d}
.rightSideSupport .rs_qq{ position:absolute; right:-199px; top:146px; width:200px; padding-left:39px}
.rightSideSupport .rs_lineBtn{ display:block; cursor:pointer; width:16px; height:90px; overflow:hidden; position:absolute; left:0px; top:0px; background:#2bc669; color:#fff; font-size:14px; line-height:18px; text-decoration:none; border-radius:4px 0 0 4px; padding:45px 10px 12px 14px; float:left;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.rightSideSupport .rs_lineBtn:hover{ background:#33ce71}
.rightSideSupport .rs_lineBtn i{ display: block;  height: 24px;  left: 10px; position: absolute;  top: 15px;  width: 24px; background:url(../qqright/kf_03.png) no-repeat;}
.rightSideSupport .rs_lineBtn s{ display: block;  height: 9px; position:absolute; width:7px; left:16px; bottom:13px; background:url(../qqright/kf_arr.png) no-repeat;}
.rightSideSupport .rs_lineBtn.cur s{-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.rightSideSupport .rs_lineBox{ background:#fff; border:1px solid #ddd; border-right:0px;}
.rightSideSupport .rs_lineBox h3{ line-height:30px;width:60px; padding:10px 10px 0px 20px; color:#666;font-size:14px;}
.rightSideSupport .rs_qqlist p{ padding:0px 20px; padding-top:10px; text-align:center;}
.rightSideSupport .rs_qqlist p .btn{ width:120px; margin-right:0px;}
.rightSideSupport .rs_qqlist p .btn s{ left:30px}
.rightSideSupport .kf-btn s{ background:url(../qqright/kf_02.png) no-repeat;}
.rightSideSupport .rs_tel{ text-align:center; color:#cc0000; font-size:20px; height:45px; line-height:34px;}
.rightSideSupport .rs_ftinfo{ font-size:12px; color:#666; height:36px; line-height:36px;padding-left:12px; background:#f6f6f6;}
.rightSideSupport .kf-btn-s2{ background:#1299e1;}
.rightSideSupport .kf-btn-s2:hover{ background:#21a6ed}

/*150422活动过期*/
.activeExpires{ position:fixed; left:0px; top:0px; height:100%; bottom:0px; right:0px; background:rgba(0,0,0,0.7); z-index:9999;}
.activeExpires-main{ text-align:center; width:700px; height:370px; position:absolute; left:50%; margin-left:-390px; top:50%; margin-top:-240px}
.activeExpires-main .btn{ position:absolute; right:0px; top:260px;}