/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
    margin: 0;
    padding: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,th,var,optgroup {
    font-style: normal;
    font-weight: normal;
}
ins {
    text-decoration: none;
}
li {
    list-style: none;
}
table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}
q:before,q:after {
    content: '';
}
abbr,acronym {
    border: 0;
    font-variant: normal;
}
legend {
    color: #000;
}
input,button,textarea,select,optgroup,option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input,button,textarea,select {
    margin: 0;
    *font-size: 100%;
    line-height: 1.2;
}
a img,img {
    -ms-interpolation-mode: bicubic;
}
sub,sup {
    vertical-align: baseline;
}
article, aside, dialog, figure, footer, header, 
hgroup, nav, section, blockquote { 
        display: block;
    }
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
/* common class */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.gray{color:#888;}
.clear{clear:both;}
/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }
.nojs {
    background: #FEFFB1;
    border: 1px solid #ffe574;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 34px;
}
/* hacks*/
.hack-guide {
  color: black;
  color: green\9; /* IE8 and older, but there’s more… */
  *color: blue; /* IE7 and older */
  _color: red; /* IE6 and older */
}
.hack-guide { color: black; }
.ie8 .hack-guide { color: green; } /* IE8 */
.ie7 .hack-guide { color: blue; } /* IE7 */
.ie6 .hack-guide { color: red; } /* IE6 and IE5 (but who cares, right?) */
/* base style */
body {font:12px/1.5 'microsoft yahei', arial,helvetica,sans-serif;text-align:center;color:#7b7976; background: #fff url("../images/bg_01.png")/*tpa=http://www.jsdlq.com/static/images/bg_01.png*/ repeat-x;}
a{color:#686868;text-decoration:none; outline:0 ;}
a:hover{text-decoration:underline;}
.index{background-image: url("../images/bg.gif")/*tpa=http://www.jsdlq.com/static/images/bg.gif*/ ;}
#doc{text-align:left; width:1033px; margin:auto; }
#hd{height:85px; }
.logo{ background:url("../images/logo.png")/*tpa=http://www.jsdlq.com/static/images/logo.png*/ 0 50%  no-repeat; height:100%; float:left; width:250px;}
.logo h1{font-size:16px; height:100%; width:100%; text-indent:-9999em; overflow:hidden;}
.menu{float:right; width:490px;}
.menu li{float:left; font-size:16px; padding:26px 20px 10px;}
.menu li a:hover{color:#ff5a19; text-decoration:none;}
.menu li a.cur{color:#ff5a19; }
.banner{height:500px; padding-top: 70px;  color:#4a4a4a; font-size:14px; line-height:24px;}


.banner h3{
    height:35px;  
    font-size: 18px;
    margin-bottom:5px;
    -webkit-animation:fadeInRight 3s .2s ease both;
    -moz-animation:fadeInRight 3s .2s ease both;
    -ms-animation:fadeInRight 3s .2s ease both;
}
.banner h3 span{margin-right: 10px; font-weight: normal;}
.banner h2{
    text-indent:-9999em; 
    overflow:hidden;background:url("../images/banner.jpg")/*tpa=http://www.jsdlq.com/static/images/banner.jpg*/ no-repeat;
    background-position:-576px 0; 
    height:65px; width:100%; 
    margin-bottom:20px;
    -webkit-animation:fadeInRight 2s .2s ease both;
    -moz-animation:fadeInRight 2s .2s ease both;
    -ms-animation:fadeInRight 2s .2s ease both;
}
.banner .show{float:left; width:451px; height: 380px; 
    position:relative; background: url("../images/banner.gif")/*tpa=http://www.jsdlq.com/static/images/banner.gif*/ 0 0 no-repeat;
    -webkit-animation:fadeInLeft 2s .2s ease both;
    -moz-animation:fadeInLeft 2s .2s ease both;
    -ms-animation:fadeInLeft 2s .2s ease both; }
.banner .disc{width:457px; float:right;}
.banner .disc p{
    font-size: 16px;
    margin-bottom:60px;
    -webkit-animation:fadeInRight 5s .2s ease both;
    -moz-animation:fadeInRight 5s .2s ease both;
    -ms-animation:fadeInRight 5s .2s ease both;
}
.banner .disc .dl-p{
    margin: 20px 0 0 0;
}
.banner .disc .dl-p a{
    color: #c97833;
    text-decoration: underline;
    margin-right: 10px;
}
.banner .disc .dl-p a:hover{
    text-decoration: none;
}
.banner .disc p, 
.banner .disc h3, 
.banner .disc h2{
    /*margin-left:25px;*/
}
.btn{
    display:block; 
    width:276px; 
    height:74px; 
    background:url("../images/banner.gif")/*tpa=http://www.jsdlq.com/static/images/banner.gif*/ -576px -260px no-repeat;
    text-indent:-9999em; 
    overflow:hidden;
    -webkit-animation:bounceInDown 7s .2s ease both;
    -moz-animation:bounceInDown  7s .2s ease both;
    -ms-animation:bounceInDown  7s .2s ease both;
}


#ft{width:100%; background:#fff; border-top:1px solid #d7d6cf; padding:80px 0 60px;}
.ft-inner{ margin:auto; text-align:left;}
.ft-inner p{font-size: 14px; text-align: center; line-height: 2}


.mod-features{ padding-top: 70px; width: 1000px; margin: auto;}
.mod-features li{float:left; position:relative; width:160px; height:315px; margin-right:120px;text-align: center;}
.mod-features li.s4{ margin-right:0;}
.mod-features h2{background:url("../images/features.png")/*tpa=http://www.jsdlq.com/static/images/features.png*/ no-repeat; width:100%; padding-top: 170px; font-size: 24px;
    overflow:hidden; margin-bottom:15px; color: #444;}
.mod-features .s2 h2{background-position:-275px 0;}
.mod-features .s3 h2{background-position:-548px 0;}
.mod-features .s4 h2{background-position:-822px 0;}
.mod-features p{font-size: 16px; line-height: 24px;}

.banner-inner{
	width:100%; height:100%;
    -webkit-animation:f1 1s .2s ease both;
    -moz-animation:f1 1s .2s ease both;
    -ms-animation:f1 1s .2s ease both;
}
@-webkit-keyframes f1{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes f1{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes f1{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;
    -webkit-transform:translateX(-2000px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;
    -moz-transform:translateX(-2000px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeft{
    0%{opacity:0;
    -ms-transform:translateX(-2000px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0;
    -webkit-transform:translateX(2000px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
    0%{opacity:0;
    -moz-transform:translateX(2000px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
    0%{opacity:0;
    -ms-transform:translateX(2000px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}
@-webkit-keyframes bounceInDown{
    0%{opacity:0;
    -webkit-transform:translateY(-1800px)}
    60%{opacity:1;
    -webkit-transform:translateY(20px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
    0%{opacity:0;
    -moz-transform:translateY(-1800px)}
    60%{opacity:1;
    -moz-transform:translateY(20px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
    0%{opacity:0;
    -ms-transform:translateY(-1800px)}
    60%{opacity:1;
    -ms-transform:translateY(2px)}
    80%{-ms-transform:translateY(-10px)}
    100%{-ms-transform:translateY(0)}
}





#main{
    margin-bottom: 200px;
}
.mod-suc-tips{
    font-size: 24px;
    text-align: center;
    padding: 40px 0;

}
.mod-suc-tips .ico-suc{
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    background:url("../images/ico.png")/*tpa=http://www.jsdlq.com/static/images/ico.png*/ no-repeat;
}
.mod-pay-detail h2{
    font-size: 18px;
    margin-bottom: 15px;
    color: #494949;
    font-weight: normal;
}
.mod-pay-detail{
    color: #787878;
    width: 750px;
    margin: auto;
}
.mod-pay-detail table{
    font-size: 16px;
    border-collapse: collapse;
    border:0;
    width: 725px;
    margin-bottom: 20px;
}
.mod-pay-detail th,
.mod-pay-detail td{
    border:1px solid #ccc;
    padding:20px 60px;
    text-align: center;
}

.mod-pay{
    padding-top: 30px;
    *margin-bottom:-40px;
    width: 990px;
    color: #5a5858;
    font-size: 14px;
}

.mod-pay .intro{
    width: 358px;
    float: left;
}

.mod-pay .detail{
    width: 600px;
    overflow: hidden;
    float: right;
}
.mod-pay .mod-vip{
    margin-bottom: 30px;
}
.mod-pay .mod-vip-info{
    border:1px solid #dadada;
    border-bottom: 0 none;
}
.mod-pay .mod-vip-info h2{
    height: 80px;
    line-height: 80px;
    color: #ff5a19;
    font-size: 24px;
    text-align: center;
    border-bottom: 1px dashed #eaeaea;
}

.mod-pay .mod-vip-info ul{
    padding: 26px 0 130px 120px;
    background: url("../images/icos.png")/*tpa=http://www.jsdlq.com/static/images/icos.png*/ 60px 26px no-repeat;
}

.mod-pay .mod-vip-info li{
    line-height: 38px;
    height: 38px;
    margin-bottom: 26px;
    vertical-align: middle;
    font-size: 16px;
}
.mod-pay .detail h1{
    font-size: 24px;
    margin-bottom: 15px;
}
.mod-pay .detail .price{
    background-color: #fdf2eb;
    height: 48px;
    line-height: 48px;
    padding-left: 15px;
    color: #767676;
    margin-bottom: 20px;
}
.mod-pay .detail .old-price{
    color: #868686;
    text-decoration: line-through;
}
.mod-pay b{font-weight: normal;}
.mod-pay .cur-price{
    font-size: 24px;
    color: #ff5a19;
    margin: 0 5px 0 5px;
}
.mod-valid{
    margin-bottom: 50px;
}
.mod-valid p{
    margin-bottom: 15px;
}
.mod-valid .label{
    margin-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom:1;
    *vertical-align: 4px;
    width: 50px;
}
.mod-valid .label2{
    margin-right: 20px;
    display: inline-block;
    width: 50px;
    clear:both;
}
.mod-valid .y-label{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 68px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border:1px solid #dcdcdc;
    margin-right: 12px;
    cursor: pointer;
}
.mod-valid .show-demo{
    padding-right: 35px;
    background: url("../images/pic.gif")/*tpa=http://www.jsdlq.com/static/images/pic.gif*/ 100% 0 no-repeat;
    display: inline-block;
    *display: inline;
    *zoom:1;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    position: relative;
    width: 40px;
	z-index:9;
}
.mod-valid .show-demo:hover{
    width: 40px;
}
.mod-valid .show-demo .demo{
    display: none;
    position: absolute;
    bottom: -250px;
    left: -105px;
    z-index: 4;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}
.mod-valid .show-demo:hover .demo{
    display: block;

}
.mod-valid .select-y, .mod-valid a:hover{
    color: #ff5a19;
    border-color: #ff5a19;
    border-width: 2px;
    line-height: 26px;
    width: 66px;
    height: 26px;
    text-decoration: none;
}
.gray{
    color: #969696;
}
.mod-valid .ipt{
    border:1px solid #dcdcdc;
    width: 260px;
    padding: 5px;
    margin-right: 15px;
}
.mod-valid .req{
    color: #ff5a19;
}

/*会员充值*/
.recharge_account{ font-size:15px; line-height:45px; padding-left:50px; padding-top:20px;}
.recharge_amount{ font-size:15px; line-height:45px; padding-left:50px;}
.recharge_amount_con{width:140px; height:32px; line-height:32px; font-size:15px; color:#a9a9a9; text-align:center; border:#a9a9a9 1px solid; }
.recharge_select{ font-size:15px; line-height:45px; padding-left:50px; padding-top:10px; overflow:hidden;}
.recharge_select span{ float:left; display:block;}
.recharge_select_list{ display:inline; float:left; width:300px; padding-left:4px; }
.recharge_select_list li{ width:83px; height:33px; border:#a9a9a9 1px solid; float:left; text-align:center; line-height:33px; color:#a9a9a9; margin-right:10px; margin-bottom:10px; display:block; }
.recharge_select_list li:hover{ cursor:pointer;  }
.recharge_selected {border:#f08443 1px solid;};
.recharge_select_list li a{ color:#a9a9a9; }
.recharge_select_list li a:hover{ color:#a9a9a9; text-decoration:none; }
.recharge_button_con{  padding-top:30px;}
.recharge_button{ background:#e46235; width:190px; height:50px; border:0px;  font-size:20px; color:#FFF;  text-align:center; line-height:50px; cursor:pointer; display:block; }
.recharge_button:hover{ background:#f56a3a;text-decoration:none; color:#FFF; }
.recharge_button:active{background:#d05930; text-decoration:none; color:#FFF; }
.recharge_tips{ padding-top:80px; font-size:14px; line-height:28px;}

/*联系我们*/
.mod-contact {
    height: 450px;
    padding-top: 50px;
    background: url("../images/pic.jpg")/*tpa=http://www.jsdlq.com/static/images/pic.jpg*/ 90% bottom no-repeat;
}
.mod-contact h1{
    font-size: 16px;
    margin-bottom: 20px;
}
.mod-contact ul{
    padding-left: 50px;
    /*background: url(../images/contact_us.gif) 0 50% no-repeat;*/
    background-image: url("../images/contact_us.gif")/*tpa=http://www.jsdlq.com/static/images/contact_us.gif*/;
    background-repeat: no-repeat;
}

.mod-contact li{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-decoration: underline;
}
.im-qq{
    margin-left: 20px;
    vertical-align: -5px;
}

.mod-convert{
    background:url("../images/bg_02.gif")/*tpa=http://www.jsdlq.com/static/images/bg_02.gif*/ repeat-x;
}
.mod-decode{
    background:url("../images/bg_03.gif")/*tpa=http://www.jsdlq.com/static/images/bg_03.gif*/ repeat-x;
}
.mod-convert-a {
    height: 481px;
    padding-top: 50px;
    text-align: center;
    margin-bottom: 80px;
}
.mod-convert-a .img{
    margin-bottom: 25px;
}
.mod-convert-a p{
    font-size: 18px;
    margin-bottom: 66px;
}
.mod-convert-a .btn-convert{
    background-color: #ff5a19;
    text-align: center;
    color: #fff;
    height: 48px;
    line-height: 48px;
    width: 316px;
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.mod-convert-a .btn-convert:hover{
    text-decoration: none;
    opacity: 0.8;
}
.mod-service{
    padding-bottom: 80px;
}
.mod-service h2{
    text-align: center;
    margin-bottom: 55px;
    font-size: 18px;
    color: #494949;
    font-weight: normal;
    background:url("../images/underline.gif")/*tpa=http://www.jsdlq.com/static/images/underline.gif*/ 0 50% repeat-x;
}
.mod-service h2 span{
    display: inline-block;
    padding: 0 20px;
    background-color: #fff;
}
.orange{color: #ff5a19;}
.mod-service li{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 49%;
    color: #787878;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 26px;
    height: 26px;
    vertical-align: middle;
}

.mod-service li .orange{
    text-decoration: underline;
}
.mod-service li .dot{
    background: url("../images/ico_item.png")/*tpa=http://www.jsdlq.com/static/images/ico_item.png*/ no-repeat;
    display: inline-block;
    *display: inline;
    *zoom:1;
    width: 26px;
    height: 26px;
    vertical-align: -5px;
    margin-right: 20px;
}
.mod-service li .dot-1{
    background-position: 0 0
}
.mod-service li .dot-2{
    background-position: 0 -43px;
}
.mod-service li .dot-3{
    background-position: 0 -86px;
}
.mod-service li .dot-4{
    background-position: 0 -131px;
}
.mod-service li .dot-5{
    background-position: 0 -174px;
}
.mod-decode .mod-service li{
    width: 33%;
    text-align: center;
    
}
.mod-decode .mod-service .fico{
    background: url("../images/features_ico.png")/*tpa=http://www.jsdlq.com/static/images/features_ico.png*/ no-repeat;
    width: 100px;
    height: 50px;
    margin: auto auto 20px;
}
.mod-decode .mod-service .fico-1{
    background-position: 0 -5px;
}

.mod-decode .mod-service .fico-2{
    background-position: -390px -5px;
}
.mod-decode .mod-service .fico-3{
    background-position: -750px -5px;
}
.mod-decode .mod-service .tips{
    text-align: center;
    margin-bottom: 40px;
    font-size: 15px;
}
.mod-decode .mod-service .tips b{
    color: #494949;
    margin-right: 15px;
}