body{background-color: #fff;font-size: 15px;}
a{text-decoration: none; color:#0db6ff;}
a:hover{text-decoration: underline;}
h1,h2,h3,h4{font-weight: normal;}
img { border:0;}
*{margin: 0; padding: 0;}
.clear{clear: both;}

.detail{width:1060px; margin:0 auto;}

.nav{height: 60px; background: #30b5f0; background:linear-gradient(#30b5f0, #47bff2);}
.nav span{display: inline-block; float: right;}
.nav span a{display: inline-block;margin: 22px 22px 0; font-size: 17px;color: #fff; text-decoration: none;}


/*----------------*/
.DivMain01{background-color:#fff; padding:10px 0 110px;}
.DivMain01 .main01_br{ font-size:14px; padding:0 0 35px;}
.DivMain01 h4{text-align:center; font-size:22px; font-weight:700;}
.DivMain01 .main01_box{margin:20px 0 40px; display:table;}
.DivMain01 .main01_left{ background-color:#35abef; color:#fff; padding:5px 0 5px 20px; display:table-cell; width:315px; vertical-align:middle;}
.DivMain01 .main01_left h5{font-size:14px; padding-bottom:15px; font-weight:400;}
.DivMain01 .main01_left ul li{list-style:none; line-height:36px;}
.DivMain01 .main01_left ul li img{padding-right:10px; vertical-align:-4px;}
.DivMain01 .main01_right{ background:#fdfdfe; font-size:13px; border-top:3px solid #35abef; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:0 30px; display:table-cell; vertical-align:middle;width: 694px;}
.DivMain01 .main01_right dl{border-bottom:1px solid #f1f1f1; padding:5px 0;}
.DivMain01 .main01_right dl:last-child{border-bottom:0;}
.DivMain01 .main01_right dl dt{font-weight:700;}
.DivMain01 .btn{text-align:center;}
.DivMain01 .btn p{color:#91cf53; padding-bottom:20px;}
.DivMain01 .btn a{display:inline-block; width:290px; height:55px; background:url(../dvd-ripper-platinum/images/newmess/d.png) no-repeat center;}
.DivMain01 .btn a:hover{background-image:url(../dvd-ripper-platinum/images/newmess/d2.png);}
/*----------------*/
.DivMain02{ background: url(../dvd-ripper-platinum/images/newmess/bg01.jpg) no-repeat center; height: 779px;}
.DivMain02 .main04_pic{position: relative; text-align: center;}
.DivMain02 .main04_pic > img{ margin: -67px 0 0;}
.DivMain02 .main04_left{width: 450px; float: left; text-align: right;}
.DivMain02 .main04_right{ width: 445px;float: right; text-align: left;}
.DivMain02 .main04_left .main04_t{font-size: 27px;color: #fff; padding: 78px 0 25px;}
.DivMain02 .main04_left .main04_t span{ margin: 0 -100px 0 0; display: inline-block;}
.DivMain02 .main04_left p{font-size: 17px; color: #fff; padding:105px 30px 0 0;}
.DivMain02 .main04_right p{padding:105px 0 0 30px;}
.DivMain02 .main04_mess{ padding:110px 0 0 0; color:#195599;}
/*----------------*/
.DivMain03{ padding-bottom:50px;}
.DivMain03 h2{ text-align:center; font-size:33px; padding:70px 0 20px;}
.DivMain03 p{color:#768189; line-height:24px;}
.DivMain03 .main03_t{ font-size:21px; font-weight:bold; color:#21a9ff; padding:30px 0 10px 0;}
.DivMain03 .main03_t span{ font-size:23px;}
.DivMain03 p.p3{ padding-left:30px; color:#000;}
.DivMain03 .b3{ padding:20px 0 0; text-align:center;}
.DivMain03 .b3 a{display:inline-block; width:290px; height:55px; background:url(../dvd-ripper-platinum/images/newmess/b.png) no-repeat center;}
.DivMain03 .b3 a:hover{background-image:url(../dvd-ripper-platinum/images/newmess/b2.png);}
.DivMain03 .note{ color:#ff3d3d; padding:20px 0 30px 30px;}
.DivMain03 .pic{ text-align:center;}
/*----------------*/
.DivMain04{ background: url(../dvd-ripper-platinum/images/newcopy/d4.jpg) no-repeat center top #1e2430; padding-bottom: 30px;}
.DivMain04 .main06_t{text-align: center;font-size: 30px; color: #fff; padding: 55px 0 30px;}
.DivMain04 h2{text-align: center;font-size: 40px; color: #fff;}
.DivMain04 .main06_mess{ color: #7e94b1;font-size: 15px; text-align: center; padding: 30px 0 30px;}
.DivMain04 .main06_btn {text-align: center;}
.DivMain04 .main06_btn .main02_link a{display: inline-block;width: 246px; height: 53px;background: url(../dvd-ripper-platinum/images/newcopy/now.png);}
.DivMain04 .main06_btn .main02_link a:hover{background: url(../dvd-ripper-platinum/images/newcopy/now2.png);}
.main06_pic{text-align: center; position: relative; padding: 60px 0 50px;}
.main06_pic img.left{position: absolute; left: -20px; bottom: 50px; opacity: 0;}
.main06_pic img.right{position: absolute; right: -20px; bottom: 50px; opacity: 0;}
.main06_pic.focus img.left{left: 60px;opacity:1; transition:all 0.5s 0.2s ease-in;}
.main06_pic.focus img.right{right: 120px; opacity: 1;transition:all 0.5s 0.2s ease-in;}
.main06_last{ text-align: center; color: #8d9bb2; line-height: 25px;}
.main06_last a{text-decoration: underline; color: #00aeff;}

/*----------------*/
.MainFoot { background:#1f222a; color:#6a7480; text-align:center; padding:5px 0;}
.MainFoot p { padding:3px 0;  }
.MainFoot p a { color:#6a7480; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#6a7480;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
/*----------------*/
.fix_right{position: fixed; right: 10px; bottom: 35px;}
.fix_right .fix_box { padding:50px 0;}
.fix_right .fix_box .links{display: none; float: left; margin:-40px 20px 0 0;}
.fix_right .fix_box .links a{display: block; margin-bottom: 10px;}
.fix_right .fix_box > img{cursor: pointer;}
.fix_right .fix_box:hover .links{display: block;}

.toTop{position:fixed; right:10px; bottom:30px; cursor:pointer; display:none;}