body { margin:0; padding:0; font:13px/23px wf_segoe-ui_normal, 'Segoe UI', Verdana, Arial, sans-serif; color:#333; text-align:justify; }
.clear { clear:both;}
.details { width:1060px; padding:5px 0; margin:0 auto;}
img{ vertical-align:middle; border:0;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { padding:0; margin:0; list-style:none; font-weight:400;}

.MainNav { background:#232426; padding:5px 0;}
.MainNav .logo { width:171px; height:54px; float:left;}
.MainNav .share { width:156px; height:29px; float:right; margin:15px 50px 0 0;}
.MainNav .share img { margin:0; padding:0; float:left;}
/*************************/
.MainBan { background:url(../sixteen-mobile/banner.jpg) center top no-repeat; height:575px;}
.MainBan h1 { color:#fff; text-align:center; padding:50px 0 20px; font-size:42px; line-height:60px;}
.MainBan h1 span { color:#fff; display:block; font-size:30px; }
.MainBan h1 i{font-size:34px; font-style:normal;}
.MainBan .xx { text-align:center; padding:260px 0 0;}
.xx a { display:inline-block; width:260px; height:45px; text-decoration:none; 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:45px; color:#FFF; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;  background-clip:padding-box; }
.xx a:hover {  color:#fff; text-decoration:none; background:none; border:5px solid rgba(250,250,250,0.6); background-clip:padding-box;    }
/*************************/
.MainJS { padding-bottom:25px;}
.MainJS .details { padding:25px 0;}
.MainJS h3 { width:484px; height:50px; margin:0 auto; display:block; margin-bottom:15px; text-align:center; font-size:32px; padding:15px 0 0; background:url(../sixteen-mobile/02.png) center no-repeat;}
.MainJS .record { width:348px; float:left; position:relative; }
.MainJS .record .red { width:100px; height:35px; background:#F00; position:absolute; font-size:16px; color:#FFF; text-align:center; line-height:35px; left:0; top:28px;}
.MainJS .record h4 { font-size:17px; color:#06F; padding-bottom:5px;}
.MainJS .record h4:hover{text-decoration:underline;}
.MainJS .record .back { background:#e8e8e8; font-size:17px;}
.MainJS .record .back p{color:#333;}
.MainJS .record .back p:hover{text-decoration:underline;}
.MainJS .left { margin-left:8px;}
/*************************/

.MainAdd { height:190px; background:url(../sixteen-mobile/m_banner.jpg) no-repeat center #000;}
.MainAdd .details { width:1100px; position:relative;padding:0; height:190px;}
.MainAdd .details .box { width:335px; height:222px; position:absolute; top:-13px; left:0;}
.MainAdd .details .txt { width:750px; float:right;}
.MainAdd .details .txt h3 { color:#fff; font-size:19px; padding:10px 0 5px; font-weight:bold;}
.MainAdd .details .txt h3 i { color:#FFF; font-size:13px; display:block; font-weight:400; font-style:normal; padding-bottom:15px;}
.MainAdd .details .txt p { color:#e6e6e6; font-size:13px; padding:0 250px 0 0; line-height:21px;}
.MainAdd ul.digiarty-timer{width:217px; position:absolute; top:70px; right:9px;}
.MainAdd ul.digiarty-timer li{width:49px; height:49px; line-height:58px; text-align:center; background-repeat:no-repeat; background-position:center; float:left; margin-right:7px; font-size:33px; color:#ff4e00;}
.MainAdd ul.digiarty-timer li:nth-child(1){background-image:url(../sixteen-mobile/d.png);}
.MainAdd ul.digiarty-timer li:nth-child(2){background-image:url(../sixteen-mobile/h.png);}
.MainAdd ul.digiarty-timer li:nth-child(3){background-image:url(../sixteen-mobile/m.png);}
.MainAdd ul.digiarty-timer li:nth-child(4){background-image:url(../sixteen-mobile/s.png); margin-right:0;}
.MainAdd .details .Addbuy { position:absolute; top:80px; right:10px;}
.AddBuy span { text-align:center; color:#FFF; background:url(../../icon/modelbuy-fift.png) 20px 8px no-repeat #75E046; padding:8px 20px 5px 60px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; font-weight:bold; width:135px; font-size:15px; font-weight:800; display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; margin:45px 0 0 20px;}
.AddBuy span i { font-size:15px; display:block; color:#ff4e00; font-style:normal; font-weight:400;}
.AddBuy span:hover { background:url(../../icon/modelbuy-fift.png) 20px 8px no-repeat #75E046; width:135px;}
/*************************/

.MainDiv01{padding:15px 0;}
.MainDiv01 h3{height:50px; margin-bottom:15px; text-align:center; font-size:27px; padding:15px 0 0; background:url(../sixteen-mobile/02.png) center no-repeat;}
.MainDiv01 .Vertical{padding-bottom:2px;}
.MainDiv01 .Vertical a{display:block; float:left; margin-right:2px;}
.MainDiv01 .Vertical a.r_0{margin-right:0;}
.MainDiv01 .Vertical a:hover{background:#fff; opacity:.7;}
.MainDiv01 .v_1 a > div{width:352px;}
.MainDiv01 .v_2 a > div{width:529px;}
.MainDiv01 .Vertical a > div{position:relative; height:180px; background-repeat:no-repeat; background-position:center;}
.MainDiv01 .Vertical .left01{background-image:url(../sixteen-mobile/adv1.jpg);}
.MainDiv01 .Vertical .left02{background-image:url(../sixteen-mobile/adv2.jpg);}
.MainDiv01 .Vertical .left03{background-image:url(../sixteen-mobile/adv3.jpg);}
.MainDiv01 .Vertical .left04{background-image:url(../sixteen-mobile/adv4.jpg);}
.MainDiv01 .Vertical .left05{background-image:url(../sixteen-mobile/adv5.jpg);}
.MainDiv01 .Vertical .left06{width:668px; background-image:url(../sixteen-mobile/adv7.jpg);}
.MainDiv01 .Vertical .left07{width:390px; background-image:url(../sixteen-mobile/adv6.jpg);}
.MainDiv01 .Vertical h4{position:absolute; bottom:0; color:#FFF; font-size:15px; left:0; width:100%; background:#000; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; text-align:center;}

.MainDiv01 .report{background-color:#f7f7f7;}
.MainDiv01 .report ul li{float:left; width:350px; margin:0 5px 37px 0;}
.MainDiv01 .report ul li.m_r0{margin-right:0;}
.MainDiv01 .report ul li a{display:block; position:relative; background-color:#fff; color:#3c3c3c; text-decoration:none; font-size:15px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.MainDiv01 .report ul li a:hover{opacity:.6; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.MainDiv01 .report ul li a i{position:absolute; top:0; right:0; font-style:normal; background-color:rgba(252,227,20,0.9); color:#3c3c3c; padding:0 8px;}
.MainDiv01 .report ul li a .text{padding:8px 10px;}
.MainDiv01 .report ul li a .text p{line-height:20px; padding-top:3px;}
/*************************/

.MainDiv02 {}
.MainDiv02 .details { padding-bottom:30px;}
.MainDiv02 h3 { width:484px; height:50px; margin:0 auto; display:block; margin-bottom:15px; text-align:center; font-size:32px; padding:15px 0 0; background:url(../sixteen-mobile/03tit.png) center no-repeat;}
.MainDiv02 .tab { width:1060px; height:81px;}
.MainDiv02 .tab_two{width:661px; margin:4px auto 0;}
.MainDiv02 .tabnav { width:129px; float:left; height:81px;}
.MainDiv02 .left { margin-left:4px;}
/*************************/
.MainDiv03 { background:#eee; padding:30px 0;}
.MainDiv03 h3 { width:746px; height:50px; margin:0 auto; display:block; margin-bottom:15px; text-align:center; font-size:32px; padding:15px 0 0; background:url(../sixteen-mobile/04tit.png) center no-repeat;}
.MainDiv03 .Vertical { padding:30px 0;}
.MainDiv03 .Vertical .left { width:289px; height:160px; float:left; text-align:center; padding:90px 0 0; color:#FFF;}
.MainDiv03 .Vertical .left a { text-decoration:none;}
.MainDiv03 .Vertical .left p { margin:0 50px; padding-bottom:15px;}
.MainDiv03 .Vertical .left:nth-child(1) { background:url(../sixteen-mobile/u01.png) no-repeat;}
.MainDiv03 .Vertical .left:nth-child(3) { background:url(../sixteen-mobile/u02.png) no-repeat;}
.MainDiv03 .Vertical .left:nth-child(5) { background:url(../sixteen-mobile/u03.png) no-repeat;}
.MainDiv03 .Vertical .aron { width:26px; background:url(../sixteen-mobile/u04.png) no-repeat; float:left; height:250px;}
.MainDiv03 .Vertical .button { width:130px; height:32px; margin:0 auto; cursor:pointer; 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; border:1px solid #69cfff; font-size:13px; line-height:30px; color:#69cfff; }
.MainDiv03 .Vertical .button:hover { background:#69cfff; color:#fff; }
.MainDiv03 .Vertical h5 { padding:100px 0 0; font-size:17px;}
.MainDiv03 .Vertical h5 a { color:#18b4fd; font-weight:bold;}
/*************************/
.MainDiv04 { background:#d0cece; }
.MainDiv04 .details { padding:25px 0;}
.MainDiv04 .left { width:320px; float:left;}
.MainDiv04 .left .bg { width:294px; height:204px; background:url(../sixteen-mobile/face.jpg) no-repeat; margin-top:20px; padding:230px 0 0;}
.MainDiv04 .left .bg h5 { text-align:center; font-size:17px; padding-bottom:5px;}
.MainDiv04 .left .bg h5 a { color:#3795ff; text-decoration:none;}
.MainDiv04 .left .bg h4 { text-align:center; font-size:15px;}
.MainDiv04 .buttn { text-align:center; padding:8px 0;}
.MainDiv04 .right { width:369px; float:left; border-left:1px solid #b0b0b0;}
.MainDiv04 .right h3 { font-size:19px; padding:10px 0; font-weight:bold; text-align:center; }
.MainDiv04 .right .bg { padding:10px 0 0;}
.MainDiv04 .ses { width:330px; margin:0 auto; position:relative; height:90px;}
.MainDiv04 .ses .img { width:140px; height:74px; float:left; padding:5px 0 0;}
.MainDiv04 .ses .txt { width:190px; float:left;}
.MainDiv04 .ses .txt p { padding:0 0 0 10px; line-height:20px; font-weight:700;}
.MainDiv04 .ses .txt p a{color:#333; text-decoration:none;}
.MainDiv04 .ses .txt p a:hover{text-decoration:underline;}
.MainDiv04 .ses .sz { width:25px; height:25px;  background:#000; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; text-align:center; position:absolute; z-index:10; top:5px; left:0; color:#FFF; font-size:19px;}
/*************************/

.MainFoot { background:#1f222a; color:#767f86; text-align:center;}
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#767f86; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
/*************************/

.backtop{position:fixed; right:90px; bottom:60px; cursor:pointer; display:none;}
.ScrollDisplay{display:block;}
/*************************/

@media (min-width: 768px) and (max-width: 979px) {
.details { width:100%; padding:5px 0; margin:0 auto;}
	
.MainNav .logo { float:none; margin-left:10px;}
.MainNav .share { float:none; margin:15px 50px 0 10px;}
/*************************/
.MainBan .xx { padding:90px 0 0;}
/*************************/
.MainJS .left { margin-left:0;}
.MainJS .record { margin:0 auto; float:none;}
/*************************/
.MainAdd{ height:auto; background:#000;}
.MainAdd .details{ width:auto;}
.MainAdd .details .txt{ width:auto;}

/*************************/
.MainDiv01 .Vertical a{float:none; margin:0 auto;}
.MainDiv01 .Vertical a.r_0{margin-right:auto;}
.MainDiv01 .v_1 a{max-width:352px;}
.MainDiv01 .v_2 a{max-width:529px;}
.MainDiv01 .v_3 a:nth-child(1){max-width:668px;}
.MainDiv01 .v_3 a:nth-child(2){width:390px;}
/*************************/
.MainDiv02 h3 { width:100%;}
.MainDiv02 .tab { width:100%; height:auto;}
.MainDiv02 .tabnav { width:129px; float:left; margin:5px;}
.MainDiv02 .left { margin-left:5px;}
/*************************/
.MainDiv03 h3 { width:100%; height:50px; margin:0 auto; display:block; margin-bottom:15px; text-align:center; font-size:32px; padding:15px 0 0; background:url(../sixteen-mobile/04tit.png) center no-repeat;}
.MainDiv03 .Vertical .aron { display:none;}
.MainDiv03 .Vertical .left { float:none; margin:10px auto;}
.MainDiv03 .Vertical h5 { padding:20px 0 0; text-align:center; font-size:17px;}
/*************************/
.MainDiv04 .left  { margin-left:20px;}		

}

@media (min-width: 480px) and (max-width: 767px) {
.details { width:100%; padding:5px 0; margin:0 auto;}
	
.MainNav .logo { float:none; margin-left:10px;}
.MainNav .share { float:none; margin:15px 50px 0 10px;}
/*************************/
.MainBan .xx { padding:90px 0 0;}
/*************************/
.MainJS .left { margin-left:0;}
.MainJS .record { margin:0 auto; float:none;}
/*************************/
.MainAdd{ height:auto; background:#000;}
.MainAdd .details{ width:auto; height:auto;}
.MainAdd .details .txt{ width:auto;}
.MainAdd ul.digiarty-timer{ top:80px;}
/*************************/
.MainDiv01 .Vertical a{float:none; margin:0 auto;}
.MainDiv01 .Vertical a.r_0{margin-right:auto;}
.MainDiv01 .v_1 a{max-width:352px;}
.MainDiv01 .v_2 a{max-width:529px;}
.MainDiv01 .Vertical .left06{width:100%;}
.MainDiv01 .v_3 a:nth-child(1){width:100%;}
.MainDiv01 .v_3 a:nth-child(2){max-width:390px;}
/*************************/
.MainDiv02 h3 { width:100%;}
.MainDiv02 .tab { width:100%; height:auto;}
.MainDiv02 .tabnav { width:129px; float:left; margin:5px;}
.MainDiv02 .left { margin-left:5px;}
/*************************/
.MainDiv03 h3 { width:100%; height:50px; margin:0 auto; display:block; margin-bottom:15px; text-align:center; font-size:32px; padding:15px 0 0; background:url(../sixteen-mobile/04tit.png) center no-repeat;}
.MainDiv03 .Vertical .aron { display:none;}
.MainDiv03 .Vertical .left { float:none; margin:10px auto;}
.MainDiv03 .Vertical h5 { padding:20px 0 0; text-align:center; font-size:17px;}
/*************************/
.MainDiv04 .left  { margin-left:20px;}	
	
}

@media  (max-width: 479px) {
	
.details { width:100%; padding:5px 0; margin:0 auto;}
	
.MainNav .logo { float:none; margin-left:10px;}
.MainNav .share { float:none; margin:15px 50px 0 10px;}
/*************************/
.MainBan .xx { padding:90px 0 0;}
/*************************/
.MainJS h3 { width:auto; height:auto; line-height:45px; margin:0 auto; display:block; margin-bottom:15px; text-align:left; font-size:32px; padding:15px 0 0; border-bottom:2px dashed #999; background:none;}
.MainJS .left { margin-left:0;}
.MainJS .record { width:100%;}
.MainJS .record img { width:100%;}
/*************************/
.MainAdv .banner_con{float:none;}
.MainAdv .banner_con h2{font-size:30px; line-height:30px;}
.MainAdv .banner_con p{padding-top:5px;}
.MainAdv .banner_con .time{padding-top:0;}
.MainAdv .banner_con ul.digiarty-timer{padding:5px 0; margin:0 auto; float:none;}
.MainAdv .banner_con .time a{float:none;}
/*************************/
.MainAdd{ height:auto; background:#000; padding-bottom:20px;}
.MainAdd .details{ width:auto; height:auto;}
.MainAdd .details .txt{ width:auto;}
.MainAdd .details .txt p{ padding-right:0;}
.MainAdd ul.digiarty-timer,.MainAdd .details .Addbuy{ position:relative; top:10px;}
.AddBuy span{ margin-top:10px;}
/*************************/
.MainDiv01 h3 { width:auto; height:auto; line-height:45px; margin:0 auto; display:block; margin-bottom:15px; text-align:left; font-size:32px; padding:15px 0 0; border-bottom:2px dashed #999; background:none;}
.MainDiv01 .Vertical a{width:100%;}
.MainDiv01 .Vertical .left01 { width:100%;  background-size:cover; }
.MainDiv01 .Vertical .left02 { width:100%;  background-size:cover;}
.MainDiv01 .Vertical .left03 { width:100%;  background-size:cover;}
.MainDiv01 .Vertical .left04 { width:100%;  background-size:cover;}
.MainDiv01 .Vertical .left05 {width:100%;  background-size:cover;}
.MainDiv01 .Vertical .left06 { width:100%;  background-size:cover;}
.MainDiv01 .Vertical .left07 {width:100%;  background-size:cover;}
/*************************/
.MainDiv02 h3 { width:100%;}
.MainDiv02 .tab { width:100%; height:auto;}
.MainDiv02 .tabnav { width:129px; float:left; margin:5px;}
.MainDiv02 .left { margin-left:5px;}
/*************************/
.MainDiv03 h3 { width:100%; height:50px; margin:0 auto; display:block; margin-bottom:15px; text-align:center; font-size:32px; padding:15px 0 0; background:url(../sixteen-mobile/04tit.png) center no-repeat;}
.MainDiv03 .Vertical .aron { display:none;}
.MainDiv03 .Vertical .left { float:none; margin:10px auto;}
.MainDiv03 .Vertical h5 { padding:20px 0 0; text-align:center; font-size:17px;}
/*************************/
.MainDiv04 .left  { margin-left:20px;}
}