@charset "utf-8";
/*reset @jhw*/
body,div,h1, h2, h3, h4, h5, h6, p,blockquote,form, fieldset, legend,input, select, textarea, button,ul, li,ol, dl,dt, dd,pre,th,td,hr {margin: 0;padding: 0;}
img{ vertical-align: top;}
iframe{display: block;}
input,textarea,frame, iframe,img, fieldset,input,textarea,button {border: none;}
object,input { vertical-align: middle;}
table {border-spacing: 0;border-collapse: collapse;}
ul,li,dl,dt,dd,ol {list-style: none;}
i,em ,address, cite, dfn, em, var{font-style: normal}
hr{border:none;height:1px;line-height: 1px;font-size: 0px;}
html {overflow-x: hidden;overflow-y: auto;height: 100%;min-width:320px;}

input,
select,
textarea,
button{
    font-family: "Microsoft Yahei", tahoma, arial, Hiragino Sans GB, "\5b8b\4f53", sans-serif;
    font-size: 12px;
    resize: none;
    outline: none;
}
textarea{overflow: hidden;}
a,input{outline: none}
body {
    font:12px/24px "Microsoft Yahei",\5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;
    color: #b0ddff;
    background: #0A45B3;
    min-height: 100%;
    _background-image:url(about:blank);
    _background-attachment:fixed;
}
a {
    text-decoration: none;
    outline: none;
}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;font-size:0px;height:0px;}
.clearfix{zoom:1;}

/*bg*/
.ml5{margin-left:5px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt60{margin-top: 60px;}
body,html{height: 100%;}
.pull-left{float: left;}
.pull-right{float: right;}
.wrapper{
    width:100%;
    position: relative;

}
.wrapper .bgbox{
    width:100%;
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
}
.bgbox .bg{
    height:365px;
    background:  url(../images/bg-1.jpg) center top no-repeat;
}
.bgbox .bg-2{background-image: url(../images/bg-2.jpg);}
.bgbox .bg-3{background-image: url(../images/bg-3.jpg);}
.bgbox .bg-4{background-image: url(../images/bg-4.jpg);}
.bgbox .bg-5{background-image: url(../images/bg-5.jpg);}
.bgbox .bg-6{background-image: url(../images/bg-6.jpg);}
.bgbox .bg-7{background-image: url(../images/bg-7.jpg);}
.bgbox .bg-8{background-image: url(../images/bg-8.jpg);}
.bgbox .bg-9{background-image: url(../images/bg-9.jpg);}
.bgbox .bg-10{background-image: url(../images/bg-10.jpg);}


input{vertical-align: top;}

.container{width:985px;height: 3650px;margin:0 auto;position: relative;}


.footer{ text-align:center; color:#86869d;position: absolute;bottom:0px;line-height: 92px;width:100%;}
.footer a{color:#505e62; }
.footer img{vertical-align:middle}

.part{width:100%;position: absolute;left:0px;}
.btn-group{
    top:420px;
    left:7px;   
}
.btn-group a{
    float: left;
    width:186px;
    height: 64px;
    text-indent: -9999px;
    margin-right:20px;
    background-image:  url(../images/btns.jpg);
    background-repeat: no-repeat;
}
.btn-group .btn-get{
    background-position: 0 0;
}
.btn-group .btn-get:hover{
    background-position:  0 -64px;
}
.btn-group .btn-star{
    background-position: -186px 0;
}
.btn-group .btn-star:hover{
    background-position: -186px -64px;
}
.btn-group .btn-link{
    background-position: -372px 0;
}
.btn-group .btn-link:hover{
    background-position: -372px -64px;
}

/*part-1*/
.part-1{
    top:800px;
    left:0px;
}
.pro-list{
    width:650px;
    line-height: 22px;
    color:#979fcb;
    padding:15px 0;
    border-bottom:1px solid #38384D;
    font-size: 14px;
}
.pro-list dt{
    font-size: 16px;
    font-weight: bold;
    color:#cecfe7;
}
.titlebar{
    font-size: 20px;
    color:#f0c163;
    font-weight: bold;
}
.bold{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color:#cecfe7;
    font-weight: bold;
}

.pro-show{
    position: relative;
}
.pro-show .dec-img{
    width:217px;
    text-align: center;
    position: absolute;
    top:70px;
}
.pro-show .dec-img img{
    width:217px;
    height: 194px;
}
.pro-show .dec-img div{
  font-size: 24px;
  font-weight: bold;
  color:#c79d73; 
  line-height: 32px;
  height: 32px; 
}
.pro-show .dec-img p{
    color:#b4b4e5;
    font-size: 14px;
}
.pro-show .dec-img-1{
    left:10px;
}
.pro-show .dec-img-2{
    left:350px;
}
.pro-show .btn-yellow{
    position: absolute;
    left:190px;
    top:345px;
}
.pro-show .dollar{
    position: absolute;
    top:80px;
    right:0px;
    width:390px;
    text-align: center;
}
.pro-show .dollar img{
    width:253px;
    height: 148px;
}
.pro-show .dec-img .big{
    font-size: 36px;
}
.pro-show .dec-img .text-other{color:#8a2b01;}
.part-2{
    top:1690px;
}
.tools-show{
    margin-right:-20px;
    overflow: hidden;
}
.tools-show li{
    width:181px;
    height: 195px;
    float: left;
    text-align: center;
    padding-top:35px;
    margin:10px 20px 0 0;
    background-color: #313147;
}
.tools-show li img{
    display: inline-block;
    width:120px;
    height: 115px;   
}
.tools-show li .name{
    font-size: 14px;
    margin-top:5px;
}

.textarea{
    width:740px;
    height: 115px;
    border: 1px solid #45455C;
    background-color: #1D1D31;
    padding:10px;
    color:#979fcb;
    font-size: 14px;
}
.btn-weib {
    display: block;
    text-indent: -9999px;
    width:213px;
    height: 61px;
    background:  url(../images/btn-weib.jpg) 0 0 no-repeat;
}
.btn-qq{
    background-position: 0 0;
}
.btn-qq:hover{
    background-position: -213px 0;
}
.btn-sina{
    background-position: 0 -61px;
}
.btn-sina:hover{
    background-position: -213px -61px;
}

.part-3
{
    top:2345px;
    left:0px;
}
.unlike{width:985px;overflow: hidden;    }
.unlike li{
    width:481px;  
}
.unlike li img{
    width:477px;
    height: 388px;
     border: 2px solid #525273;
}

.part-4{
   top:3180px;
}
.picbox{
    width:474px;
    height: 268px;
    border: 2px solid #4E4E6B;
}
.picbox img{
     width:474px;
    height: 268px;
}

.btn-yellow{
    width:177px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color:#4a290c;
    background:  url(../images/btn-yellow.jpg) 0 0 no-repeat;
}
.btn-yellow:hover{
    background-position: 0 -61px;
}

.video{
    position: relative;
}
.video .layer{
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background: #000;
    opacity:0.7;
    filter:alpha(opacity=70);
}
.video .btn-video{
    width:70px;
    height: 70px;
    background:  url(../images/video.png) 0 0 no-repeat;
    position: absolute;
    left:203px;
    top:100px;
}




.t-dialog{
    width:510px;
    background-color: #D6D5E6;
    border: 4px solid #666DC6;
    color:#252538;
    padding:50px 0;
    text-align: center;
    position: relative;
    background:  url(../images/dia-bg.jpg) center top no-repeat;
}
.close{
    display: block;
    width:33px;
    height: 33px;
    background:  url(../images/close.jpg) 0 0 no-repeat;
    position: absolute;
    right:-39px;
    top:-2px;
}
.t-dialog-hd{
    font-size: 24px;
    font-weight: bold;
    color:#252538;
}
.t-dialog ul{
    width:390px;
    display: inline-block;
}
.t-dialog ul li{
    height:50px;
    margin-bottom:25px;
     font-size: 16px;
    color:#252538;
}

.t-dialog ul li label{
    width:70px;
    line-height: 50px;
}
.t-dialog ul li .input{
    width:290px;
    height: 48px;
    line-height: 48px\9;
    border: 1px solid #747698;
    padding:0 10px;
}
.t-dialog-btn{
    display: inline-block;
    width:126px;
    height: 49px;
    line-height: 49px;
    background:  url(../images/dia-btn.jpg) 0 0 no-repeat;
    font-size: 20px;
    color:#fff;
    cursor: pointer;
}
.t-dialog-btn:hover{
    background-position: 0 -49px;}