/*=============*/
.ban-box { width:100%; position:relative; height:450px;}
.ban-box .advone { background:url(../banner/b-fifteen01.jpg) center no-repeat, url(../banner/b-fifteen01bg.jpg) repeat-x; width:100%;  position:absolute; overflow:hidden; left:0; top:0;}
.ban-box .advone .matter, .ban-box .advtwo .matter, .ban-box .advthree .matter { width:1090px; margin:0 auto; height:450px; position:relative;}
.matter .TabBan { position:absolute; top:0; left:0; width:1090px;}
.ban-box .advone .matter h2, .ban-box .advtwo .matter h2, .ban-box .advthree .matter h2 { font-size:34px; padding:50px 0 6px 10px; line-height:42px; font-weight:bold; } 
.ban-box .advone .matter h2 i, .ban-box .advtwo .matter h2 i { color:#FFF; display:block; font-size:21px; font-style:normal; font-weight:400;}
.ban-box .advone .matter ul, .ban-box .advtwo .matter ul { font-size:15px; padding:15px 0 0 10px; }
.ban-box .advone .matter ul li, .ban-box .advtwo .matter ul li { float:left; padding:10px 0 10px 55px; line-height:36px;}
.ban-box .advone .matter ul li:nth-child(1) { background:url(../icon/i-play-fifteen.png) left center no-repeat; width:300px;}
.ban-box .advone .matter ul li:nth-child(2) { background:url(../icon/i-mp4-fifteen.png) left center no-repeat; width:200px;}
.ban-box .advone .matter ul li:nth-child(4) { background:url(../icon/i-1-fifteen.png) left center no-repeat; width:300px; display:block;}
.ban-box .advone .matter ul li:nth-child(5) { background:url(../icon/i-button-fifteen.png) left center no-repeat; padding:10px 0 10px 40px; width:219px; height:36px;}
.ban-box .advone .matter .more, .ban-box .advtwo .matter .more, .ban-box .advthree .matter .more { padding:20px 0 0 10px;}
/*************************/
.ban-box .advtwo { background:url(../banner/b-fifteen02.jpg) center no-repeat, url(../banner/b-fifteen02bg.jpg) repeat-x; width:100%; height:450px; display:none; position:absolute; left:0; top:0;}
.ban-box .advtwo .matter ul li:nth-child(1) { background:url(../icon/i-con01-fift.png) left center no-repeat; width:300px;}
.ban-box .advtwo .matter ul li:nth-child(2) { background:url(../icon/i-con02-fift.png) left center no-repeat; width:200px;}
.ban-box .advtwo .matter ul li:nth-child(4) { background:url(../icon/i-con03-fift.png) left center no-repeat; width:300px; display:block;}
.ban-box .advtwo .matter ul li:nth-child(5) { background:url(../icon/i-con04-fift.png) left center no-repeat; padding:10px 0 10px 40px; width:219px; height:36px;}
/*************************/
.ban-box .advthree { background:url(../banner/b-fifteen03.jpg) top center no-repeat, url(../banner/b-fifteen03bg.jpg) top repeat-x; width:100%; height:450px;  display:none; position:absolute; left:0; top:0;}
.ban-box .advthree .matter h2 i { color:#1cb401; display:block; font-size:19px; font-style:normal; font-weight:400;}
.ban-box .advthree .matter .Boxs { min-height:67px; background:url(../icon/i-down-fift.png) 10px 30px no-repeat; padding:20px 0 10px 120px; }
.ban-box .advthree .matter .Boxs ul {}
.ban-box .advthree .matter .Boxs ul li { font-size:15px; background:url(../icon/big-fift.png) left center no-repeat; padding:0 0 4px 15px;}
/*************************/
.ban-box .BButtum a { display:block; width:260px; height:50px; background:#14b7fd; border:5px solid rgba(250,250,250,0.6); -moz-border-radius: 10px;      /* Gecko browsers */  -webkit-border-radius: 10px;   /* Webkit browsers */ border-radius:10px; cursor:pointer; text-align:center; font-size:23px;  line-height:48px; color:#FFF; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;  background-clip:padding-box; }
.ban-box .BButtum a:hover {  color:#fff; text-decoration:none; background:none; border:5px solid rgba(250,250,250,0.6); background-clip:padding-box;   }
/*************************/
.allpush { height:60px; position:relative;}
.classify { position:absolute; width:800px; height:160px; top:-70px; left:250px; z-index:10;}
.classify .push { float:left; width:132px; margin:0 40px; cursor:pointer; }
.classify .push img { transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;}
.classify .push img:hover {  transform:translate(0,-10px) scale(1.1);    -webkit-transform:translate(0,-10px) scale(1.1);    -moz-transform:translate(0,-10px) scale(1.1);    -o-transform:translate(0,-10px) scale(1.1);    -ms-transform:translate(0,-10px) scale(1.1);}
.allpush .navQh { width:600px; height:51px; position:relative; left:260px; top:5px; background:url(../img/nav-he-fift.png) top repeat-x; z-index:20;}
.allpush .navQh .OnGreen { position:absolute; top:0; left:0; height:51px; width:200px; background:url(../img/nav-lv-fift.png) no-repeat; z-index:30;}
.allpush .navQh span { display:block; position:absolute; top:0; left:0; width:600px; z-index:30; color:#FFF; text-align:center; font-size:15px; padding:5px 0 0;}
.allpush .navQh span i { font-style:normal; width:180px; float:left; cursor:pointer; display:inline-block; height:28px; padding:0 0 0 20px; }
.allpush .navQh span i:nth-child(1) {background:url(../img/naviocn-fift.png) 45px 5px no-repeat;}
.allpush .navQh span i:nth-child(2) {background:url(../img/naviocn-fift.png) 25px 5px no-repeat;}
.allpush .navQh span i:nth-child(3) {background:url(../img/naviocn-fift.png) 25px 5px no-repeat;}
/*------------*/
/*************************/
.flag { padding:0 5px; position:relative;}
.flag img { margin:0 10px 0 0;}
.flag a.flag_btn{display:inline-block; background:#f2f3f3 url(../img/flag-icon.png) no-repeat center; width:21px; height:14px; vertical-align:middle;}
.flag .more_flag{position:absolute; top:29px; left:160px; width:85px; z-index:99; display:none;}
.flag .more_flag img.arr{position:absolute; top:-6px; right:-4px;}
.flag .more_flag a{border:1px solid #cacacd; display:block; padding:5px 0 5px 15px;}
.flag .more_flag a:nth-child(2){border-bottom:0;}
.flag .more_flag a img{margin-right:0;}
/*************************/
.MainSoft { position:relative; width:1090px; padding:5px; overflow:hidden; margin:0 auto; height:420px;}
.MainSoft .DisRipper { position:absolute; top:0; left:0; width:2200px;}
.WinSolution { width:1090px; float:left; padding:5px;}
.WinSolution .PicDes { width:485px; float:left; padding:20px 0 0;}
.WinSolution .PicDes .TabChoose { width:350px; margin:0 auto; padding:15px 0 0;}
.WinSolution .PicDes .TabChoose span { display:block; float:left; font-size:15px; margin-right:15px;}
.WinSolution .PicDes .TabChoose i { display:block; float:left; font-style:normal;}
.onWin { color:#7bb500; border:1px solid #7bb500; background:url(../icon/winon-fift.png) 5px 0 no-repeat; padding:1px 0 1px 30px; width:65px; }
.offMac { color:#444e5a; border:1px solid #444e5a; background:url(../icon/macoff-fift.png) 20px 1px no-repeat; border-left:none; padding:1px 0 1px 50px; width:45px;  cursor:pointer; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s;}
.offMac:hover { color:#fff; border:1px solid #7bb805; background:url(../icon/macw-fift.png) 20px 1px no-repeat #7bb805; border-left:none;}
/*************************/
.offWin {  color:#444e5a; border:1px solid #444e5a; background:url(../icon/winoff-fift.png) 5px 0 no-repeat; padding:1px 0 1px 30px; width:65px; border-right:none; cursor:pointer; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s;}
.offWin:hover { color:#fff; border:1px solid #7bb805; background:url(../icon/winw-fift.png) 5px 0 no-repeat #7bb805; border-right:none;}
.onMac { color:#7bb500; border:1px solid #7bb500; background:url(../icon/macon-fift.png) 20px 1px no-repeat; padding:1px 0 1px 50px; width:45px; }
/*************************/
.WinSolution .TextDes { width:585px; float:left; padding:10px;}
.WinSolution .TextDes h2, .WinSolution .TextDes h1 { font-size:21px; padding:5px 0 0; line-height:26px; font-weight:bold;}
.WinSolution .TextDes h2 a, .WinSolution .TextDes h1 a { color:#333; text-decoration:none;}
.WinSolution .TextDes h2 span, .WinSolution .TextDes h1 span { display:block; font-size:13px; color:#6ea600; padding-bottom:5px;}
.WinSolution .TextDes h2 a img{ margin:-18px 0 0 -5px;}
.WinSolution .TextDes p { padding:5px 0;}
.WinSolution .TextDes h4 { font-size:14px; font-weight:800; padding:8px 0;}
.WinSolution .TextDes h4 i { text-decoration:line-through;}
.WinSolution .TextDes h4 em { font-style:normal; color:#FF0000;}
.WinSolution .TextDes h4 img { margin-right:10px;}
.WinSolution .TextDes .ButtonIndex { padding:10px 0 0;}
/*************************/
.MainSoft .DisVideo { position:absolute; top:0; left:0; width:2200px;}
.MainSoft .DisAir { position:absolute; top:0; left:0; width:1100px;}
/*************************/
.IndexBuy span { color:#FFF; background:url(../img/buyiocn-fift.png) 10px 8px no-repeat #ffba0d; padding:6px 0 8px 50px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; font-size:19px; font-weight:bold; width:115px; font-size:19px; font-weight:400; display:block; }
.IndexBuy span:hover { background:url(../img/buyiocn-fift.png) 10px 8px no-repeat #ffc919; width:115px;}
.IndexDown span { color:#FFF; background:url(../img/downicon-fift.png) 10px 8px no-repeat #94d03b;  padding:6px 0 8px 45px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:115px; font-size:19px; font-weight:bold; font-size:19px; font-weight:400; display:block; }
.IndexDown span:hover { background:url(../img/downicon-fift.png) 10px 8px no-repeat #9ed930;}
.IndexMore span { color:#FFF; background:url(../img/moreiocn-fift.png) 7px 8px no-repeat #0db6ff; padding:6px 0 8px 40px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:120px;  font-size:19px; font-weight:bold; font-size:19px; font-weight:400; display:block; }
.IndexMore span:hover { background:url(../img/moreiocn-fift.png) 7px 8px no-repeat #31c1ff;}
/*.IndexBuy span a, .IndexDown span a, .IndexMore span a { color:#FFF;}
.IndexBuy span a:hover, .IndexDown span a:hover, .IndexMore span a:hover { color:#FFF; text-decoration:none;}*/

.IndexDowns span { color:#FFF; background:url(../icon/index-bigdown-fift.png) 30px 7px no-repeat #94d03b;  padding:10px 0 10px 65px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:140px; font-size:19px; font-weight:bold; font-weight:400; display:block; }
.IndexDowns span:hover { background:url(../icon/index-bigdown-fift.png) 30px 7px no-repeat #9ed930;}
.IndexMores span { color:#FFF; background:url(../icon/index-bigmore-fift.png) 22px 8px no-repeat #0db6ff; padding:10px 0 10px 70px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:145px;  font-size:19px; font-weight:bold; font-weight:400; display:block; }
.IndexMores span:hover { background:url(../icon/index-bigmore-fift.png) 22px 8px no-repeat #31c1ff;}
/*************************/
.Main02 { padding-bottom:25px; padding-top:100px;}
.Main02Left { width:585px; float:left; padding:5px 10px;}
.Main02Left h2 { font-size:21px; padding:5px 0; font-weight:bold;}
.Main02Left h3 { font-size:13px; color:#6ea600; padding-bottom:10px;}
.Main02Left h4 { font-size:14px; font-weight:800; padding:12px 0;}
.Main02Left h4 i { text-decoration:line-through;}
.Main02Left h4 em { font-style:normal; color:#FF0000;}
.Main02Left h4 img { margin-right:10px;}
.Main02Left p { padding:5px 0;}
.Main02Left .button { padding:5px 0; }
.Main02Left .button img { margin:0 30px 0 0;}

.Main02Right { width:485px; float:left;}
.Main02Right .img { padding:30px 0 0;}

/*************************/
/*************************/
.Main04 { padding:30px 0;}
.Main04 h5 { font-size:15px; text-align:center; line-height:32px;}
.Main04 h5 em { display:block; font-size:31px; font-weight:bold; font-style:normal;}
.Main04 .other { position:relative; padding:20px 0;}
.Main04Left { width:512px; height:270px; background:url(../img/feature-01-fift.jpg); float:left;}
.Main04Right { width:512px; height:270px; float:right; background:url(../img/feature-02-fift.jpg);}
.Main04Cent { width:124px; height:124px; position:absolute; left:478px; top:93px;}
/*************************/
.Main30day { padding-bottom:15px;}
.Main30day .class { background:url(../img/30daybg-fift.png) no-repeat; width:1080px; height:81px;}
.Main30day .class .left { width:280px; float:left; padding:10px 0 0 80px;}
.Main30day .class .left h4 { padding:5px 0 0; font-weight:bold;}
.Main30day .class div:nth-child(1) { background:url(../img/ar-fift.png) 15px 15px no-repeat;}
.Main30day .class div:nth-child(2) { background:url(../img/clock-fift.png) 15px 15px no-repeat;}
.Main30day .class div:nth-child(3) { background:url(../img/30-fift.png) 15px 15px no-repeat;}
/*************************/
.MainReview { background:url(../banner/review-bg-fift.jpg) center no-repeat #313443; height:160px; border-bottom:10px solid #81b812;}
.slider { width:1000px;  margin:0 auto; position:relative;}
.slider .wrapper { width:950px; overflow:hidden; height:160px; left:25px; position:relative;}
.slider .wrapper .content {position:absolute; width:8000px; height:160px;}
.slider .wrapper .content .slider-item {width:950px;height:160px; float:left;}
.slider .wrapper .content .slider-item .left {width:200px; float:left; text-align:center; padding:40px 0 0; }
.slider .wrapper .content .slider-item .right { width:710px; padding:35px 20px 0; float:left; color:#FFF;}
.slider .wrapper .content .slider-item .right p i { display:block; background:url(../img/review-b-fift.png) left center no-repeat; padding:5px 0 5px 30px;}
.slider .prev {position:absolute;left:-30px; top:70px;width:21px;height:29px;cursor:pointer;}
.slider .next {position:absolute;right:-30px;top:70px;width:21px;height:29px;cursor:pointer;}
.slider .nro { width:56px; height:20px; background:url(../img/nar-fift.png) no-repeat; position:absolute; top:170px; left:470px;}
/*************************/
.MainPopular { background:url(../img/fre-bg-fift.jpg) bottom center repeat-x;}
.MainPopular h3 { font-size:36px; text-align:center; padding:20px 0 20px; line-height:50px; background:url(../img/pop.png) 325px 30px no-repeat;}
.MainPopular h3 span { display:block; width:40px; background:#7ab700; height:3px; margin:0 auto;}
.MainPopular .Pop { width:1080px; margin:0 auto; position:relative;}
.MainPopular .Pop .popbg { width:130px; height:130px; position:absolute; top:245px; left:476px; background:url(../icon/popbg-fift.png);}
.MainPopular .Pop .sale { width:104px; height:76px; position:absolute; top:0; left:420px; background:url(../img/75popluar-fift.png);}
.MainPopular .Pop .WareBox { width:500px; height:268px; float:left; padding:20px;}
.MainPopular .Pop .WareBox a { color:#333;}
.MainPopular .Pop .offer { background:url(../img/hall-fift.jpg) no-repeat; color:#FFF;}
.MainPopular .Pop .offer h4 { font-size:21px; color:#90d900; padding:10px 0 10px 70px; background:url(../img/giftoffer-fift.png) 0 5px no-repeat; line-height:26px; }
.MainPopular .Pop .offer h4 i { font-size:15px; display:block; color:#FFF; font-style:normal; }
.MainPopular .Pop .offer p { padding:15px 70px 0 0;}
.MainPopular .Pop .offer .digiarty-timer { width:250px; margin:126px auto 0;}
.MainPopular .Pop .offer ul { line-height:none; color:#000; font-size:27px; padding:20px 0 0;}
.MainPopular .Pop .offer ul li { width:47px; text-align:center; height:40px; line-height:40px; padding:5px 0 0; float:left; margin:0 10px 0 0; }
.MainPopular .Pop .offer ul li:nth-child(1) { background:url(../img/day-fift.png);}
.MainPopular .Pop .offer ul li:nth-child(2) { background:url(../img/hor-fift.png);}
.MainPopular .Pop .offer ul li:nth-child(3) { background:url(../img/min-fift.png);}
.MainPopular .Pop .offer ul li:nth-child(4) { background:url(../img/sec-fift.png);}
.MainPopular .Pop .offer .More { position:absolute; top:205px; color:#FFF; left:240px;  border:1px solid #0db6ff; background:#0db6ff; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s;}
.MainPopular .Pop .offer .More a { color:#fff; text-decoration:none; background:none;}
.MainPopular .Pop .offer .More:hover { border:#333 1px solid; background:none; color:#333; }
.MainPopular .Pop .offer .More2 { position:absolute; top:205px; color:#FFF; left:240px;  border:1px solid #0db6ff; background:#0db6ff; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s;}
.MainPopular .Pop .offer .More2 a { color:#333; text-decoration:none; background:none;}
.MainPopular .Pop .offer .More2:hover { border:#333 1px solid; background:none; color:#333; }
.MainPopular .Pop .Copy .More:hover  { border:#333 1px solid; background:none; color:#333; }
.MainPopular .Pop .Copy .bbq { top:205px; left:600px; }
.MainPopular .Pop .Copy .More a { color:#333; text-decoration:none;}
.MainPopular .Pop .Copy .More a:hover { color:#fff;  text-decoration:none;}

/*************************/
.MainPopular .Pop .Copy { background:url(../img/popular-02-fift.jpg) no-repeat;}
.MainPopular .Pop .Copy h4 { font-size:21px; padding:10px 0 10px 20px;  line-height:26px;}
.MainPopular .Pop .Copy h4 a { color:#333; text-decoration:none;}
.MainPopular .Pop .Copy h4 i {font-size:15px; display:block; font-style:normal;}
.MainPopular .Pop .Copy ul { padding:7px 0 0 20px;}
.MainPopular .Pop .Copy ul li { background:url(../icon/a3-fift.png) left center no-repeat; padding:0 0 0 15px;}
.MainPopular .Pop .Copy .More { position:absolute; top:225px; right:320px; border:1px solid #0db6ff; background:#0db6ff; color:#fff; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; }
/*************************/
.MainPopular .Pop .Free { background:url(../img/popular-03-fift.jpg) no-repeat;}
.MainPopular .Pop .Free h4 {  font-size:21px; padding:10px 0; line-height:26px;}
.MainPopular .Pop .Free ul { list-style:none; padding:10px 0 0;}
.MainPopular .Pop .Free ul li { display:block; padding:10px 0 10px 30px; border-bottom:1px solid #999; font-weight:bold; width:280px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; cursor:pointer; display:block;  }
.MainPopular .Pop .Free ul li a { color:#333; text-decoration:none; display:block;}
.MainPopular .Pop .Free ul li a:hover { color:#FF6600; text-decoration:underline; display:block;}
.MainPopular .Pop .Free ul li i { display:block; font-style:normal; font-weight:400; color:#999;}
.MainPopular .Pop .Free ul li span { display:block; color:#7fba0a; cursor:pointer; float:left; line-height:20px; width:100px; margin:5px 15px 0 0;  border:1px solid #7fba0a; text-align:center; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.MainPopular .Pop .Free ul li span:hover { background:#7fba0a; color:#FFF;}
.MainPopular .Pop .Free ul li:nth-child(1) { background:url(../icon/popl02-fift.png) 2px 10px no-repeat, url(../img/poplbg01-fift.png) 285px 17px no-repeat; border-bottom:1px solid #7fba0a;}
.MainPopular .Pop .Free ul li:nth-child(2) { background:url(../icon/popl01-fift.png) 2px 10px no-repeat, url(../img/poplbg01-fift.png) 285px 17px no-repeat;  border-bottom:1px solid #7fba0a;}
.MainPopular .Pop .Free ul li:nth-child(3) { background:url(../icon/popl03-fift.png) 2px 10px no-repeat, url(../img/poplbg01-fift.png) 285px 17px no-repeat;  border-bottom:1px solid #7fba0a;}
.MainPopular .Pop .Free ul li dd {  }
.MainPopular .Pop .Free ul li dd dl { float:left; width:120px; float:left; padding:0 0 0 10px; background:url(../icon/small-fift.png) left center no-repeat;}
.MainPopular .Pop .Free ul li:nth-child(1):hover { background:url(../icon/popl02-fift.png) 2px 10px no-repeat, url(../img/poplbg01-fift.png) 285px 17px no-repeat #e7f3d6; border-bottom:1px solid #e7f3d6; }
.MainPopular .Pop .Free ul li:nth-child(2):hover { background:url(../icon/popl01-fift.png) 2px 10px no-repeat, url(../img/poplbg01-fift.png) 285px 17px no-repeat #e7f3d6; border-bottom:1px solid #e7f3d6; }
.MainPopular .Pop .Free ul li:nth-child(3):hover { background:url(../icon/popl03-fift.png) 2px 10px no-repeat, url(../img/poplbg01-fift.png) 285px 17px no-repeat #e7f3d6; border-bottom:1px solid #e7f3d6; }
/*************************/
.MainPopular .Pop .Moblie { background:url(../img/popular-04-fift.png) no-repeat;}
.MainPopular .Pop .Moblie h4 {  font-size:21px; padding:10px 0 10px 50px; line-height:26px;}
.MainPopular .Pop .Moblie ul { padding:10px 0 0 20px;}
.MainPopular .Pop .Moblie ul li { display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;     /* W3C syntax */  padding:10px 0 10px 15px; border-bottom:1px solid #dcf3b4; font-weight:bold; width:280px; background:url(../img/poplbg02-fift.png) 265px 17px no-repeat/*, url(../icon/big-fift.png) 0 18px no-repeat*/;  transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; }
.MainPopular .Pop .Moblie ul li i { display:block; font-style:normal; font-weight:400; color:#363a46;}

.MainPopular .Pop .Moblie ul li:hover { border-bottom:1px solid #b2ea5a; background:url(../img/poplbg02-fift.png) 265px 17px no-repeat #c6eb83; }
.MainPopular .Pop .Moblie ul li a { color:#333; text-decoration:none; display:block;}
.MainPopular .Pop .Moblie ul li a:hover { color:#FF6600; text-decoration:underline; display:block;}
/*************************/
.MainPopular .Press { width:1080px; margin:0 auto;}
.MainPopular .Press .HowTo { width:330px; float:left; padding:15px;}
.MainPopular .Press .HowTo h5 { display:block; border-bottom:3px solid #7fba0a; font-size:19px; padding:20px 0 15px 70px;}
.MainPopular .Press .HowTo:nth-child(1) h5{ background:url(../img/press-fift.png) 2px 5px no-repeat;}
.MainPopular .Press .HowTo:nth-child(2) h5 { background:url(../img/guide-fift.png) 2px 5px no-repeat;}
.MainPopular .Press .HowTo:nth-child(3) h5 { background:url(../img/tips-fift.png) 2px 5px no-repeat;}
.MainPopular .Press .HowTo ul { padding:15px 0 0 5px;}
.MainPopular .Press .HowTo ul li { background:url(../icon/big-fift.png) left center no-repeat; padding:3px 0 3px 12px;}
.MainPopular .Press .HowTo ul li a { color:#333;}
.MainPopular .Press .HowTo p { font-size:15px; display:block; width:120px; padding:10px 0 0 20px;}
.MainPopular .Press .HowTo p a { color:#0db6ff;}
.MainPopular .Press .HowTos  p { font-size:12px; line-height:18px; padding:0 0 0 20px;}
/*************************/
.MainOther { background:url(../img/footline-fift.png) top repeat-x #2c303c; padding:10px 20px;}
.MainOffLine { background:url(../img/footline-fift.png) top repeat-x;}
.MainOther .search { width:790px; float:left; padding:0 0 0 0px;  background:url(../img/ck-fift.png) 10px 10px no-repeat; color:#ababab;}
.MainOther .search h3 { padding:10px 0 10px 50px; color:#cbcbcb; font-size:21px;}
.MainOther .search h3 i { font-size:15px; font-style:normal; color:#707880;}
.MainOther .search .ck { width:408px; height:50px; float:left; padding:20px 0 0 0px;}
.MainOther .search .right { width:350px; float:left; font-size:12px; height:50px;}
.MainOther .search .right p { padding:25px 0 0 15px; font-weight:bold;}
.MainOther .search a { color:#87c107; text-decoration:none;}
.MainOther .search a:hover { text-decoration:underline;}
.MainOther .search .bit { padding:10px 15px; }
.MainOther .search .bit a { color:#538ffe;}
.MainOther .search .bit b { font-weight:800; text-decoration:underline;}
/*************************/
.MainOther .share { width:230px; float:left; padding:0 10px 0 60px; min-height:220px;}
.MainOther .share h4 { padding:10px 0; color:#cbcbcb; font-size:21px;}
.MainOther .share .Fot { height:36px; padding-bottom:15px;}
.MainOther .share .Fot img { display:block; float:left;}
.MainOther .share ul { color:#cbcbcb;}
.MainOther .share ul li { padding:3px 0 3px 18px; background:url(../icon/mail-fift.png) left center no-repeat;}
/*************************/
.MainOther .Link { width:220px; float:left; padding:0 10px;}
.MainOther .Link a  { text-decoration:none;}
.MainOther .Link h4 {padding:5px 0 20px; color:#cbcbcb; font-size:21px;}
.MainOther .Link .Knob { border:1px solid #707880; transition:all 0.4s; color:#707880; -webkit-transition:all 0.4s;  transition:all 0.4s; -moz-transition:all 0.4s; background:url(../icon/trigon-fift.png) 165px 10px no-repeat; }
.MainOther .Link .Knob a { color:#707880; text-decoration:none;}
.MainOther .Link .Knob:hover { background:url(../icon/trigon-fift.png) 165px 10px no-repeat #40464b;}
.MainOther .Link ul { padding:5px 0 0;}
.MainOther .Link ul li { background:url(../icon/gift-fift.png) left center no-repeat; padding:1px 0 1px 20px;}
.MainOther .Link ul li a:hover { text-decoration:underline;}
/*************************/
.MainOther .SEO { width:850px; float:left; color:#707880;}
.MainOther .SEO h4 { font-size:13px; color:#ababab; padding:5px 0 15px;}
.MainOther .SEO img { margin:12px 20px 20px 0; float:left;}
.MainOther .SEO p { padding:5px 0;}

.FooterOne {background:url(../img/foot01-fift.png) 20px 20px no-repeat; }
.FooterTwo { background:url(../img/foot02-fift.png) 210px 10px no-repeat;}
/*************************/
.MainOther02 { background:url(../img/footline-fift.png) top repeat-x #2c303c; padding:20px 0; text-align:center;}
.MainOther02 span.t{ color:#cbcbcb; font-size:18px; display:inline-block; line-height:36px; }
.MainOther02 .Fot { height:36px; padding-bottom:15px; display:inline-block; padding:0 30px 0 10px;}
.MainOther02 .Fot a img { display:inline; }
.MainOther02 .sup{ display:inline-block;line-height:36px; padding-left:10px;}
.MainOther02 .sup a.right{ display:inline-block; margin-left:15px;}

/*************************/
/*************************/
@media (min-width: 768px) and (max-width: 979px) {
	.details {  width:100%; padding:0; } 
	.banner-box { width:100%;}
	.banner-box .bg { width:100%;}
	.ban-box .advone .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	.ban-box .advtwo .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	.ban-box .advthree .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	.matter .TabBan { position:absolute; top:0; left:0; width:100%;}
	.allpush { display:none;}
	.MainSoft { position:relative; width:750px; font-size:13px; padding:5px; overflow:hidden; margin:0 auto; height:400px;}
	.WinSolution { width:740px; padding:5px;}
	.WinSolution .PicDes { display:none;}
	.WinSolution .TextDes { width:730px; padding:5px; margin:0 auto;}
	
	.Main30day .class { width:55%; margin:0 auto; background:none; border-top:1px dashed #333;}
	.Main30day .class .left { padding:10px 0 0 80px; height:auto;}
	
	.MainReview { display:none;}
	.MainPopular { width:100%; background:none; padding:0;}
	.MainPopular .details { width:100%;}
	.MainPopular h3 { font-size:23px; background:none;}
	.MainPopular .Pop { width:100%; margin:0 auto; position:relative;}
	.MainPopular .Pop .sale { display:none;}
	.MainPopular .Pop .WareBox {  float:none; height:268px; margin:0 auto; float:none; padding:20px 0;}
	.MainPopular .Pop .Copy .bbq { top:525px; left:220px;}
	.MainPopular .Pop .popbg { display:none;}
	.MainPopular .Press {  margin:0 auto; width:100%;}
	.MainPopular .Press .HowTo { width:100%; margin:0 auto; float:none; padding:5px 0;}
	/*************************/
	.MainOther { padding:0 5px;}
	.MainOther .search { background:none; width:100%;}
	.MainOther .search h3 { padding:10px 0 10px 5px; font-size:15px;}
	.MainOther .search h3 i { font-size:13px;}
	.MainOther .search .ck { width:408px; height:28px; float:left; padding:10px 0 0 0px;}
	.MainOther .Link { width:50%; float:none; padding:0 0 20px 0;}
	.MainOther .SEO { width:95%; float:none; margin:0 auto; padding:0; color:#707880;}
	.MainOther .share { width:50%; float:none;  padding:0 10px 0 10px; }
	
}

@media (min-width: 480px) and (max-width: 767px) {
	.details {  width:100%; padding:0; }  
	.banner-box { width:100%;}
	.banner-box .bg { width:100%;}
	.ban-box .advone { background:url(../mobile-image/nav-style/bg.jpg) center bottom no-repeat #b5e172; width:100%;  position:absolute; overflow:hidden; left:0; top:0;}
	.ban-box .advone .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	.ban-box .advtwo .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	.ban-box .advthree .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	
	.ban-box .advone .matter ul, .ban-box .advtwo .matter ul { font-size:15px; padding:5px 0 0 10px;}
	
	.ban-box .BButtum a {  width:200px; height:40px; border:2px solid rgba(250,250,250,0.6); -moz-border-radius:5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;  font-size:17px;  line-height:38px; }
.ban-box .BButtum a:hover { border:2px solid rgba(250,250,250,0.6); }
	
	.ban-box .advone .matter h2, .ban-box .advtwo .matter h2, .ban-box .advthree .matter h2 { font-size:23px; padding:50px 0 6px 10px; line-height:30px; font-weight:bold; } 
.ban-box .advone .matter h2 i, .ban-box .advtwo .matter h2 i { color:#FFF; display:block; font-size:17px; font-style:normal; font-weight:400;}

	.ban-box .advthree .matter h2 i { color:#1cb401; display:block; font-size:17px; font-style:normal; font-weight:400;}

	.matter .TabBan { position:absolute; top:0; left:0; width:100%;}
	.allpush { display:none;}
	.MainSoft { position:relative; width:470px; padding:5px; overflow:hidden; margin:0 auto; height:590px;}
	.WinSolution { width:460px; padding:5px;}
	.WinSolution .PicDes { display:none;}
	.WinSolution .TextDes { width:450px; font-size:13px; padding:5px; margin:0 auto;}
	.WinSolution .TextDes .ButtonIndex { padding:10px 0 0; width:250px; margin:0 auto;}
	/*************************/
	.IndexBuy span { padding:6px 0 8px 90px;  width:160px;  }
	.IndexBuy span:hover {width:160px;}
	.IndexDown span {  padding:6px 0 8px 85px; width:165px; }
	.IndexMore span { padding:6px 0 8px 80px; width:170px; }
	
	.IndexDowns span { padding:10px 0 10px 65px;  width:150px;  }
	.IndexMores span { padding:10px 0 10px 70px;  width:145px;  }
/*************************/
	.Main30day .class { width:75%; margin:0 auto; background:none; border-top:1px dashed #333;}
	.Main30day .class .left { padding:10px 0 0 80px; height:auto;}
	/*************************/
	.MainReview { display:none;}
	/*************************/
	.MainPopular { width:100%; background:none; padding:0;}
	.MainPopular .details { width:100%;}
	.MainPopular h3 { font-size:23px; background:none;}
	.MainPopular .Pop { width:100%; position:relative;}
	.MainPopular .Pop .sale { display:none;}
	.MainPopular .Pop .WareBox { width:540px; height:268px; float:none; padding:20px 0;}
	.MainPopular .Pop .offer { width:100%; background:url(../img/hall-fift.jpg) no-repeat; background-size:100% 100%; }
	.MainPopular .Pop .offer .digiarty-timer { width:230px; margin:145px auto 0;}
	.MainPopular .Pop .Copy { margin:0 auto;}
	.MainPopular .Pop .Free { margin:0 auto;}
	.MainPopular .Pop .Moblie { margin:0 auto;}
	.MainPopular .Pop .Copy .bbq { top:525px; left:100px;}
	.MainPopular .Pop .popbg { display:none;}
	.MainPopular .Press { width:100%;  margin:0 auto;}
	.MainPopular .Press .HowTo { width:75%; padding:5px 0; float:none; margin:0 auto;}
	/*************************/
	.MainOther { padding:0 5px;}
	.MainOther .search { background:none; width:100%;}
	.MainOther .search h3 { padding:10px 0 10px 5px; font-size:15px;}
	.MainOther .search h3 i { font-size:13px;}
	.MainOther .search .ck { width:408px; height:28px; float:left; padding:10px 0 0 0px;}
	.MainOther .Link { width:50%; float:none; padding:0 0 20px 10px;}
	.MainOther .SEO { width:90%; float:none; padding:0 0 0 10px; color:#707880;}
	.MainOther .share { width:50%; float:none;  padding:0 10px 0 10px; }
	
}

@media  (max-width: 479px) {
	.details {  width:100%; padding:0; }	
	.banner-box { width:100%;}
	.banner-box .bg { width:100%;}
	.ban-box .advone { background:url(../mobile-image/nav-style/bg.jpg) center bottom no-repeat #b5e172; width:100%;  position:absolute; overflow:hidden; left:0; top:0;}
	.ban-box .advone .matter {  margin:0 auto; height:500px; width:100%; position:relative;}
	.ban-box .advtwo .matter {  margin:0 auto; height:500px; width:100%; position:relative;}
	.ban-box .advthree .matter {  margin:0 auto; height:450px; width:100%; position:relative;}
	.ban-box .advone .matter ul, .ban-box .advtwo .matter ul { font-size:13px; padding:5px 0 0 10px;}
	.ban-box .advone .matter h2, .ban-box .advtwo .matter h2, .ban-box .advthree .matter h2 { font-size:17px; padding:50px 0 6px 10px; line-height:30px; font-weight:bold; } 
.ban-box .advone .matter h2 i, .ban-box .advtwo .matter h2 i { color:#FFF; display:block; font-size:13px; font-style:normal; font-weight:400;}
	.ban-box .advone .matter, .ban-box .advtwo .matter, .ban-box .advthree .matter {  margin:0 auto; width:100%; height:450px; position:relative;}
	.matter .TabBan { position:absolute; top:0; left:0; width:100%;}
	
	.ban-box .BButtum a {  width:180px; height:40px; border:2px solid rgba(250,250,250,0.6); -moz-border-radius:5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;  font-size:17px;  line-height:38px; }
.ban-box .BButtum a:hover { border:2px solid rgba(250,250,250,0.6); }
	.ban-box .advthree .matter h2 i { color:#1cb401; display:block; font-size:13px; font-style:normal; font-weight:400;}
	
	.ban-box .advone .matter .more, .ban-box .advtwo .matter .more, .ban-box .advthree .matter .more { padding:10px 0 0 10px;}
	
	.ban-box .advthree .matter .Boxs { min-height:67px; background:none;  padding:20px 0 10px 20px; }
	.ban-box .advthree .matter .Boxs ul li { font-size:13px;}
	
	.allpush { display:none;}
	.MainSoft { position:relative; width:318px; padding:5px; overflow:hidden; margin:0 auto; height:700px;}
	.WinSolution { width:308px; padding:5px;}
	.WinSolution .PicDes { display:none;}
	.WinSolution .TextDes { width:318px; padding:5px; margin:0 auto;}
	.WinSolution .TextDes .ButtonIndex { padding:10px 0 0; width:250px; margin:0 auto;}
	
	.WinSolution .TextDes h2, .WinSolution .TextDes h1 { font-size:17px; padding:5px 0 0; line-height:21px; font-weight:bold;}
	.WinSolution .TextDes h2 span, .WinSolution .TextDes h1 span { display:block; font-size:13px; color:#6ea600; padding-bottom:5px;}
/*************************/

	/*************************/
	.IndexBuy span { padding:6px 0 8px 90px;  width:160px;  }
	.IndexBuy span:hover {width:160px;}
	.IndexDown span {  padding:6px 0 8px 85px; width:165px; }
	.IndexMore span { padding:6px 0 8px 80px; width:170px; }
	
	.IndexDowns span { padding:10px 0 10px 65px;  width:140px;  }
	.IndexMores span { padding:10px 0 10px 70px;  width:145px;  }


	/*************************/
	.Main30day .class { width:100%; background:none; border-top:1px dashed #333;}
	.Main30day .class .left { padding:10px 0 0 80px; height:auto;}
	/*************************/
	.MainReview { display:none;}
	/*************************/
	.MainPopular { width:100%; background:none; padding:0;}
	.MainPopular .details { width:100%;}
	.MainPopular h3 { font-size:23px; background:none;}
	.MainPopular .Pop .sale { display:none;}
	.MainPopular .Pop { width:100%; position:relative;}
	.MainPopular .Pop .WareBox { width:100%; height:268px; float:none; padding:20px 0;}
	.MainPopular .Pop .offer { width:100%; background:url(../img/hall-fift.jpg) no-repeat; background-size:100% 100%; }
	.MainPopular .Pop .offer .digiarty-timer { width:230px; margin:145px auto 0;}
	.MainPopular .Pop .Copy .bbq { top:525px; left:50px;}
	.MainPopular .Pop .popbg { display:none;}
	.MainPopular .Press { width:100%;  margin:0 auto;}
	.MainPopular .Press .HowTo { width:100%; padding:5px 0;}
	/*************************/
	.MainOther { padding:0 5px;}
	.MainOther .search { background:none; width:100%;}
	.MainOther .search h3 { padding:10px 0 10px 5px; font-size:15px;}
	.MainOther .search h3 i { font-size:13px;}
	.MainOther .search .ck { width:408px; height:28px; float:left; padding:10px 0 0 0px;}
	.MainOther .Link { width:90%; float:none; padding:0 0 20px 10px;}
	.MainOther .SEO { width:90%; float:none; padding:0 0 0 10px; color:#707880;}
	.MainOther .share {  padding:0 10px 0 10px; }
}