@charset "gb2312";
/* CSS Document */

/*********************排行榜页面*********************/
.xphTitle{ width:1200px; height:50px; border-bottom:2px solid #3D89E4; margin-top:23px;}
.xphMenu{ width:1200px; height:50px; border-right:1px solid #ECECEC;}
.xphMenu li{ float:left; height:50px;}
.xphMenu li a{ display:block; height:49px; line-height:49px; border-top:1px solid #ECECEC; border-left:1px solid #ECECEC; background:#F8F9FA; padding:0px 20px; font-size:18px; color:#333333; text-decoration:none;}
.xphMenu li a.hover{ background:#3D89E4; color:#FFFFFF; border-left:1px solid #3D89E4; border-top:1px solid #3D89E4;}
.xphCyBox{ width:1200px;}
.xphCyList{ width:1200px;}
.xphCyList li{ width:1198px; border:1px solid #ECECEC; padding-bottom:27px; position:relative; margin-top:30px;}
.xphCyList li.bg1{ background:#FFFDEE;}
.xphCyList li.bg2{ background:#F8F9FA;}
.xphRed{ width:58px; height:41px; line-height:41px; text-align:center; position:absolute; left:0px; top:0px; background:url(/kaifamei/images/xyxbg1.png) no-repeat 0px 0px; font-size:20px; color:#FFFFFF;}
.xphGray{ width:58px; height:41px; line-height:41px; text-align:center; position:absolute; left:0px; top:0px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -80px 0px; font-size:20px; color:#FFFFFF;}
.xphCyImg{ float:left; width:100px; height:100px; margin:32px 0px 0px 30px;}
.xphCyImg img{ width:100px; height:100px; border-radius:15px;}
.xphCyList li dl{ float:left; width:770px; margin:28px 0px 0px 20px;}
.xphCyList li dl dt a{ display:block; height:22px; line-height:22px; font-size:18px; overflow:hidden;}
.xphCyList li dl dd.cont1{ height:40px; line-height:22px; overflow:hidden; color:#8C8C8C; margin-top:9px;} 
.xphCyList li dl dd.cont2{ width:770px; margin-top:11px;}
.xphCyList li dl dd.cont2 span{ display:block;}
.xphCyList li dl dd.cont2 span.left{ float:left;}
.xphCyList li dl dd.cont2 span.left a{ display:block; float:left; height:21px; background:#FFFFFF; border:1px solid #DADADA; color:#595959; text-decoration:none; padding:0px 10px; border-radius:5px; margin:0px 10px 0px 0px;}
.xphCyList li dl dd.cont2 span.left a:hover{ color:#FF4639; border:1px solid #FF4639;}
.xphCyList li dl dd.cont2 span.right{ float:left; font-size:12px; color:#999999; margin:0px 0px 0px 22px; line-height:21px;}
.xphCyzq{ float:right; width:184px; height:120px; border-left:1px solid #EAEAEA; margin:13px 22px 0px 0px;}
.xphCyzqIn{ width:160px; margin:0px 0px 0px 24px;}
.xphCyzqIn span{ display:block; width:160px; font-size:20px; color:#F48047; text-align:center;}
.xphCyzqIn span b{ display:inline-block; width:18px; height:19px; background:url(/kaifamei/images/xyxbg1.png) no-repeat 0px -55px; margin:0px 5px 0px 0px;}
.xphCyzqIn a{ display:block; height:40px; width:160px; margin-top:9px;}
.xphCyzqIn a.bg1{ width:158px; height:38px; border:1px solid #FE6060; background:#FFFFFF; border-radius:5px;}
.xphCyzqIn a.bg2{ width:158px; height:38px; border:1px solid #3D89E4; background:#FFFFFF; border-radius:5px;}
.xphCyzqIn a b{ display:block; float:left; width:20px; height:20px; background:url(/kaifamei/images/xyxbg1.png) no-repeat; margin:10px 10px 0px 35px;}
.xphCyzqIn a b.icon1{ background-position:-160px 0px;}
.xphCyzqIn a b.icon2{ background-position:-185px 0px;}
.xphCyzqIn a:hover b.icon1{ background-position:-210px 0px;}
.xphCyzqIn a:hover b.icon2{ background-position:-235px 0px;}
.xphCyzqIn a p{ float:left; height:38px; line-height:38px;}
.xphCyzqIn a.bg1 p{ color:#FE6262;}
.xphCyzqIn a.bg2 p{ color:#3D89E4;}
.xphCyzqIn a:hover.bg1{ background:#FE6060;}
.xphCyzqIn a:hover.bg2{ background:#3D89E4;}
.xphCyzqIn a:hover p{ color:#FFFFFF;}
.xphMore{ width:300px; height:60px; margin:auto; margin-top:35px;}
.xphMore a{ display:block; width:298px; height:58px; border:1px solid #3D89E4; border-radius:100px;}
.xphMore a span{ display:block; float:left; font-size:16px; color:#3D89E4; line-height:58px; margin-right:9px; margin-left:100px;}
.xphMore a b{ display:block; float:left; width:13px; height:12px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -30px -60px; margin:23px 0px 0px 0px;}
.xphMore a:hover{ background:#3D89E4;}
.xphMore a:hover b{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -50px -60px;}
.xphMore a:hover span{ color:#FFFFFF;}

.xphZxzxBox{ width:1200px; margin-top:15px;}
.xyxJcTitle h2{ float:left; background:url(/kaifamei/images/bg1.png) no-repeat -190px -55px; padding:10px 0px 0px 14px;}
.xyxJcTitle a{ display:block; float:right; width:55px; text-decoration:none;}
.xyxJcTitle a h3{ float:left; color:#999999; margin:0px 5px 0px 0px;}
.xyxJcTitle a b{ display:block; float:right; width:20px; height:20px; background:url(/kaifamei/images/bg1.png) no-repeat 0px -130px;}
.xyxJcTitle a:hover b{  background:url(/kaifamei/images/bg1.png) no-repeat -30px -130px;}
.xyxJcTitle a:hover h3{  color:#3D89E4; text-decoration:underline;}
.xphZxzxIn{ width:1200px;}
.xphZxzxList{ float:left; width:870px;}
.xphZxzxList li{ width:870px; border-bottom:1px solid #ECECEC; padding-bottom:24px; margin-top:25px;}
.xphZxzxList li h2 a{ display:block; height:22px; line-height:22px; font-size:18px; overflow:hidden;}
.xphZxzxList li dl{ width:870px; margin-top:21px;}
.xphZxzxList li dl dt{ float:left; width:300px; height:150px;}
.xphZxzxList li dl dt img{ width:300px; height:150px;}
.xphZxzxList li dl dd{ float:right; width:548px;}
.xphZxzxList li dl dd p.cont1{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999;}
.xphZxzxList li dl dd p.cont2{ height:50px; line-height:27px; overflow:hidden; color:#666666; margin-top:13px;} 
.xphZxzxList li dl dd span{ display:block; width:225px; height:50px; margin-top:13px;}
.xphZxzxList li dl dd span a{ display:block; width:223px; height:48px; border:1px solid #3D89E4; border-radius:6px; text-decoration:none;}
.xphZxzxList li dl dd span a em{ display:block; float:left; height:48px; line-height:48px; font-size:16px; color:#3D88E4; margin-left:60px;}
.xphZxzxList li dl dd span a b{ display:block; float:left; width:20px; height:20px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -80px -55px; margin:15px 0px 0px 10px;} 
.xphZxzxList li dl dd span a:hover{ background:#3D89E4;}
.xphZxzxList li dl dd span a:hover em{ color:#FFFFFF;}
.xphZxzxList li dl dd span a:hover b{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -105px -55px}
.xphZxzxCont{ float:right; width:300px;}
.xphZxzxCont li{ width:300px; margin-top:20px;}
.xphZxzxCont li a{ display:block; width:280px; height:18px; line-height:18px; overflow:hidden; background:url(/kaifamei/images/xyxbg2.png) no-repeat 0px 7px; padding-left:20px;} 


/*********************手游列表*********************/
.xphCwtList{ width:1200px; border-bottom:1px solid #E8E8E8; padding-bottom:19px;}
.xphCwtList li{ float:left; width:80px; margin:22px 0px 0px 32px;}
.xphCwtList li:nth-child(1){ margin-left:0px;}
.xphCwtList li.one{ margin-left:0px;}
.xphCwtList li span{ display:block; width:80px; height:80px;}
.xphCwtList li span img{ width:80px; height:80px; border-radius:15px;}
.xphCwtList li p a{ display:block; width:80px; height:18px; line-height:18xp; overflow:hidden; text-align:center; margin-top:10px;}
.xphCwtList li em{ display:block; height:16px; line-height:16px; overflow:hidden; text-align:center; color:#999999; font-size:12px; margin-top:6px;}

.xphSjyxBox{ width:1200px; margin-top:40px;}
.xphSjyxList{ width:1200px; margin-top:5px;}
.xphSjyxList li{ float:left; width:135px; height:40px; margin:20px 0px 0px 17px;}
.xphSjyxList li a{ display:block; width:133px; height:38px; border:1px solid #E8E8E8; background:#F7F7F7; line-height:38px; text-align:center; overflow:hidden; border-radius:5px; color:#333333; text-decoration:none;}
.xphSjyxList li a:hover{ background:#3D89E4; border:1px solid #3D89E4; color:#FFFFFF;}
.xphSjyxList li.one{ margin-left:0px;}
.xphSjyxList li a.hover{ background:#3D89E4; border:1px solid #3D89E4; color:#FFFFFF;}

.xphLeft{ float:left; width:870px;}
.xphQblbTitle{ width:870px; height:48px; border-top:2px solid #333333; border-bottom:1px solid #E8E8E8; margin-top:40px;}
.xphQblbMenu{ width:870px;}
.xphQblbMenu li{ float:left; width:125px; height:48px; line-height:46px; text-align:center;}
.xphQblbMenu li a{ display:block; font-size:20px; color:#333333; text-decoration:none; }
.xphQblbMenu li a.hover{ height:46px; border-bottom:2px solid #3D89E4; color:#3D89E4;}
.xphQblbList{ width:870px;}
.xphQblbList li{ float:left; width:199px; height:278px; border:1px solid #E8E8E8; margin:30px 0px 0px 22px; position:relative;}
.xphQblbList li.one{ margin-left:0px;}
.xphQblbList li dl{ width:179px; margin:auto;}
.xphQblbList li dl dt a{ display:block; width:179px; height:22px; line-height:22px; overflow:hidden; font-size:18px; text-align:center; margin-top:22px;}
.xphQblbList li dl dd.cont1{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; text-align:center; margin-top:10px;}
.xphQblbList li dl dd.cont2{ width:120px; height:120px; margin:auto; margin-top:18px;}
.xphQblbList li dl dd.cont2 img{ width:120px; height:120px; border-radius:15px;}
.xphQblbList li span{ display:block; width:199px; height:45px; border-top:1px solid #3D89E4; background:#F7F7F7; position:absolute; left:0px; bottom:0px;}
.xphQblbList li span a{ display:block; width:199px; height:45px;}
.xphQblbList li span a b{ display:block; float:left; width:16px; height:17px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -270px 0px; margin:15px 10px 0px 50px;}
.xphQblbList li span a p{ float:left; font-size:16px; color:#3D89E4; line-height:45px;}
.xphQblbList li span a:hover{ background:#3D89E4;}
.xphQblbList li span a:hover b{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -290px 0px;}
.xphQblbList li span a:hover p{ color:#FFFFFF;}

.xphRight{ float:right; width:300px;}
.xphRmyxBox{ width:300px; margin-top:40px;}
.xphRmyxTitle a{ margin-top:10px;}
.xphRmyxList{ width:300px; padding-top:10px;}
.xphRmyxList li{ width:298px; height:78px; border:1px solid #FFFFFF; margin:10px 0px 0px 0px;}
.xphRmyxList li em{ display:block; float:left; font-size:16px; margin:14px 0px 0px 14px;}
.xphRmyxList li em.red{ color:#FE6161;}
.xphRmyxList li em.gray{ color:#838383;}
.xphRmyxList li span{ display:block; float:left; width:64px; height:64px;  margin:8px 0px 0px 15px;}
.xphRmyxList li span img{ width:64px; height:64px; border-radius:15px;}
.xphRmyxList li dl{ float:left; width:160px;  margin:17px 0px 0px 15px;}
.xphRmyxList li dl dt a{ display:block; height:18px; line-height:18px; overflow:hidden;}
.xphRmyxList li dl dd{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:10px;}
.xphRmzxList{ width:300px; padding-top:10px;}
.xphRmzxList li{ width:300px; margin-top:13px;}
.xphRmzxList li a{ display:block; width:280px; height:18px; line-height:18px; overflow:hidden; background:url(/kaifamei/images/xyxbg2.png) no-repeat 0px 7px; padding-left:20px;}


/*********************文章分类*********************/
.xphZyxList{ width:870px;}
.xphZyxList li{ width:870px; height:217px; border-bottom:1px solid #ECECEC;}
.xphZyxList li h2 a{ display:block; height:24px; line-height:24px; overflow:hidden; font-size:20px; padding-top:20px; font-weight:bold;}
.xphZyxList li dl{ width:870px; margin-top:20px;}
.xphZyxList li dl dt a{ display:block; float:left; width:190px; height:130px;}
.xphZyxList li dl dt a img{ width:190px; height:130px;}
.xphZyxList li dl dd{ float:left; width:660px; margin:0px 0px 0px 20px;}
.xphZyxList li dl dd span{ display:block; height:80px; line-height:28px; overflow:hidden; color:#666666;}
.xphZyxList li dl dd p{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:15px;}

.xphFlsyBox{ width:300px; margin-top:25px;}
.xphFlsyList{ width:300px; padding-top:5px;}
.xphFlsyList li{ float:left; width:90px; height:32px; margin:14px 0px 0px 15px;}
.xphFlsyList li.one{ margin-left:0px;}
.xphFlsyList li a{ display:block; width:88px;  height:30px; line-height:30px; text-align:center; overflow:hidden; border:1px solid #E4E4E4; background:#F5F5F5; border-radius:5px; color:#333333; text-decoration:none;}
.xphFlsyList li a:hover{ background:#3D89E4; border:1px solid #3D89E4; color:#FFFFFF;}
.xphFlsyList li a.hover{ background:#3D89E4; border:1px solid #3D89E4; color:#FFFFFF;}


/*********************文章最新*********************/
.xphZxlbBox{ width:1200px; height:53px; border-bottom:1px solid #ECECEC; margin-top:27px;}
.xphZxlbTitle h2{ float:left; background:url(/kaifamei/images/bg1.png) no-repeat -190px -55px; padding:10px 0px 0px 14px;}
.xphZxlbTitle a{ display:block; float:right; width:156px; height:53px; line-height:53px; background:url(/kaifamei/images/xyxbg1.png) no-repeat 0px -90px; font-size:18px; text-decoration:none; color:#FFFFFF; padding-left:20px;}
.xphYxtjList{ width:300px; margin-top:5px;}
.xphYxtjList li{ float:left; width:80px; margin:20px 0px 0px 30px;}
.xphYxtjList li:nth-child(3n+1){ margin-left:0px;}
.xphYxtjList li.one{ margin-left:0px;}
.xphYxtjList li a{ display:block; width:80px;}
.xphYxtjList li a img{ width:80px; height:80px; border-radius:15px;}
.xphYxtjList li a p{ height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:10px;}
.xphZxtjList{ width:300px; margin-top:5px;}
.xphZxtjList li{ float:left; width:140px; margin:20px 0px 0px 20px;}
.xphZxtjList li.one{ margin-left:0px;}
.xphZxtjList li a{ display:block; width:140px;}
.xphZxtjList li a img{ width:140px; height:90px;}
.xphZxtjList li a p{ height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:10px;}


/*********************文章最新*********************/
.xphZjgxList{ width:1200px;}
.xphZjgxList li{ width:1200px; height:170px; border-bottom:1px solid #ECECEC;}
.xphZjgxList li span{ display:block; float:left; width:120px; height:120px; margin:25px 0px 0px 0px;}
.xphZjgxList li span img{ width:120px; height:120px; border-radius:15px;}
.xphZjgxList li dl{ float:left; width:785px; margin:28px 0px 0px 23px;}
.xphZjgxList li dl dt a{ display:block; height:24px; line-height:24px; overflow:hidden; font-size:20px;}
.xphZjgxList li dl dd.cont1{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:15px;}
.xphZjgxList li dl dd.cont2{ height:50px; line-height:25px; overflow:hidden; color:#999999; margin-top:12px;}
.xphZjgxList li em{ display:block; float:right; width:205px; height:60px; margin-top:55px;}
.xphZjgxList li em a{ display:block; width:203px; height:58px; border:1px solid #3D89E4; border-radius:6px; text-decoration:none; background:#FFFFFF;}
.xphZjgxList li em a b{ display:block; float:left; width:16px; height:17px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -270px 0px; margin:20px 10px 0px 50px;}
.xphZjgxList li em a p{ float:left; line-height:58px; font-size:16px; color:#3D88E4;}
.xphZjgxList li em a:hover{ background:#3D89E4;}
.xphZjgxList li em a:hover b{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -290px 0px;}
.xphZjgxList li em a:hover p{ color:#FFFFFF;}


/*********************专题合集*********************/
.xphYxqtList{ width:1200px; margin-top:22px;}
.xphYxqtList li{ float:left; margin-left:2px;}
.xphYxqtList li.one{ margin-left:0px;}
.xphYxqtImg1{ width:281px; height:400px; margin-top:2px;}
.xphYxqtImg1 a{ display:block; width:281px; height:400px; position:relative; text-decoration:none;}
.xphYxqtImg1 a img{ width:281px; height:400px;}
.xphYxqtImg1 a span{ display:block; width:281px; height:127px; background:url(/kaifamei/images/xyxbg3.png) repeat-x; position:absolute; left:0px; bottom:0px;}
.xphYxqtImg1 a span p{ height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#FFFFFF; text-align:center; margin-top:85px;}
.xphYxqtImg2{ width:210px; height:260px; margin-top:2px;}
.xphYxqtImg2 a{ display:block; width:210px; height:260px; position:relative; text-decoration:none;}
.xphYxqtImg2 a img{ width:210px; height:260px;}
.xphYxqtImg2 a span{ display:block; width:210px; height:127px; background:url(/kaifamei/images/xyxbg3.png) repeat-x; position:absolute; left:0px; bottom:0px;}
.xphYxqtImg2 a span p{ height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#FFFFFF; text-align:center; margin-top:85px;}
.xphYxqtImg3{ width:210px; height:138px; margin-top:2px;}
.xphYxqtImg3 a{ display:block; width:210px; height:138px; position:relative; text-decoration:none;}
.xphYxqtImg3 a img{ width:210px; height:138px;}
.xphYxqtImg3 a span{ display:block; width:210px; height:77px; background:url(/kaifamei/images/xyxbg3.png) repeat-x 0px -135px; position:absolute; left:0px; bottom:0px;}
.xphYxqtImg3 a span p{ height:20px; line-height:20px; overflow:hidden; font-size:16px; color:#FFFFFF; text-align:center; margin-top:36px;}

.xphZxztBox{ width:1200px; margin-top:40px;}
.xphZxztList{ width:1200px;}
.xphZxztList li{ float:left; width:385px; margin:32px 0px 0px 22px;}
.xphZxztList li.one{ margin-left:0px;}
.xphZxztList li span{ display:block; width:385px; height:215px;}
.xphZxztList li span img{ width:385px; height:215px;}
.xphZxztList li dl{ width:385px; height:90px; background:#F5F5F5;}
.xphZxztList li dl dt a{ display:block; height:22px; line-height:22px; overflow:hidden; width:360px; margin:auto; font-size:18px; padding-top:10px;}
.xphZxztList li dl dd{ height:40px; line-height:20px; overflow:hidden; width:360px; margin:auto; color:#999999; margin-top:7px;}


/*********************手游目录*********************/
.xphAzyxBox{ width:1200px; margin-top:40px;}
.xphAzLeft{ width:870px !important;}
.xphAzMenu{ float:left !important; margin:0px 0px 0px 182px;}
.xphAzList{ width:870px !important;}
.xphAzList li{ width:172.8px !important;}
.xphAzList li .xyzAzCont2{ width:172.8px !important;}
.xphAzList li .xyzAzCont2 .xyzAzBg{ width:172.8px;}
.xphRmyxRight{ float:right; width:300px; margin-top:0px;}

.xyxTztjBox{ width:1200px; margin-top:40px;}
.xyxTztjList{ width:1200px;}
.xyxTztjList li{ float:left;}
.xyxTztjImg{ width:460px; height:260px; margin-top:18px;}
.xyxTztjImg a{ display:block; width:460px; height:260px; position:relative; text-decoration:none;} 
.xyxTztjImg a img{ width:460px; height:260px;}
.xyxTztjImg a span{ display:block; width:460px; height:61px; background:url(/kaifamei/images/xyxbg3.png) repeat-x 0px -220px; position:absolute; left:0px; bottom:0px;}
.xyxTztjImg a span p{ height:22px; line-height:22px; overflow:hidden; font-size:18px; color:#FFFFFF; text-align:center; padding-top:22px;}
.xyxTztjList li.width1{ width:460px;}
.xyxTztjList li.width2{ width:485px;}
.xyxTztjList li.width3{ width:240px;  float:right;}
.xyxTztjImg2{ width:225px; height:120px; float:left; margin:19px 0px 0px 17px;}
.xyxTztjImg2 a{ display:block; width:225px; height:120px; position:relative; text-decoration:none;} 
.xyxTztjImg2 a img{ width:225px; height:120px;}
.xyxTztjImg2 a span{ display:block; width:225px; height:38px; background:url(/kaifamei/images/xyxbg3.png) repeat-x 0px -290px; position:absolute; left:0px; bottom:0px;}
.xyxTztjImg2 a span p{ height:18px; line-height:18px; overflow:hidden; font-size:14px; color:#FFFFFF; text-align:center; padding-top:10px;}
.xyxTztjIn{ width:240px; padding-top:8px;}
.xyxTztjIn dl{ width:240px; margin-top:10px;}
.xyxTztjIn dl dt a{ display:block; width:70px; height:58px; float:left;}
.xyxTztjIn dl dt a img{ width:70px; height:58px;}
.xyxTztjIn dl dd{ float:right; width:155px; height:45px; line-height:23px; overflow:hidden;}


/*********************文章内页*********************/
.xphZysjTitle{ width:870px; margin-top:20px;}
.xphZysjTitle h1{ line-height:35px; font-size:28px; color:#333333; font-weight:bold;}
.xphZysjIn{ width:870px;}
.xphZysjIn p{ float:left; font-size:14px; color:#999999; margin-top:15px;}
.xphZysjFx{ float:left;}
.xphBzBox{ width:868px; border:1px solid #FBD297; background:#FFF8EE; padding-bottom:12px; position:relative; margin-top:25px;}
.xphBzBox span{ display:block; width:11px; height:11px;}
.xphBzBox span.left{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -320px 0px; position:absolute; left:-1px; top:-1px;}
.xphBzBox span.right{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -340px 0px; position:absolute; right:-1px; bottom:-1px;}
.xphBzBox p{ width:848px; margin:auto; line-height:25px; color:#F87219; padding-top:10px;}
.xphSnzBox{ width:868px; border:1px solid #EBEBEB; background:#F8F8F8; margin-top:25px; padding-bottom:15px;}
.xphSnzBox span{ display:block; float:left; width:100px; height:100px; margin:16px 0px 0px 16px;}
.xphSnzBox span img{ width:100px; height:100px;}
.xphSnzBox dl{ float:left; width:520px; margin:15px 0px 0px 20px;}
.xphSnzBox dl dt a{ display:block; height:24px; line-height:24px; overflow:hidden; font-size:20px;}
.xphSnzBox dl dd.cont1{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:7px;}
.xphSnzBox dl dd.cont2{ height:45px; line-height:22px; overflow:hidden; color:#737373; margin-top:7px;}
.xphSnzBox em{ display:block; float:right; width:130px; height:50px; margin:40px 18px 0px 0px;}
.xphSnzBox em a{ display:block; width:130px; height:50px; background:#3D89E4; border-radius:5px;}
.xphSnzBox em a b{ display:block; float:left; width:16px; height:17px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -290px 0px; margin:17px 10px 0px 18px;}
.xphSnzBox em a p{ float:left; font-size:16px; color:#FFFFFF; line-height:50px;}
.xphSnzBox em a:hover{ background:#3282E2;}
.xphSnzCont{ width:870px; font-size:16px; color:#555555; line-height:30px; margin-top:22px;}

.xphSnzTitle{ width:870px; position:relative; margin-top:30px; padding-bottom:25px;}
.xphSnzTitle em{ display:block; height:22px; background:#FFFFFF; position:absolute; left:0px; top:-15px; padding-right:10px;}
.xphSnzTitle em b{ float:left; width:13px; height:20px; background:url(/kaifamei/images/xyxbg1.png) no-repeat 0px -150px; margin:6px 0px 0px 0px;}
.xphSnzTitle em h2{ float:left; font-size:18px; color:#333333; margin-left:10px;}
.xphSnzTitle span{ display:block; float:left; width:870px; height:3px; background:url(/kaifamei/images/xyxbg4.png) repeat-x;}
.xphSnzImg{ text-align:center;}
.xphSnzCont img{ max-width:100%; margin:20px 0px;}
.xphXbtjBox{ width:870px; margin-top:25px;}
.xphXbtjBox h2{ font-size:20px; color:#FF5151;}
.xphXbtjIn{ width:870px;}
.xphXbtjIn a{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:16px; margin-top:13px;}
.xphSnzMsg{ width:868px; height:43px; border:1px solid #FFD7D7; background:#FFF7F7; margin-top:25px;}
.xphSnzMsg b{ display:block; float:left; width:22px; height:22px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -195px -90px; margin:10px 10px 0px 15px;}
.xphSnzMsg p{ float:left; color:#FF5151; line-height:43px;}
.xphTlzxBox{ width:870px; margin-top:40px;}
.xphTlzxList{ width:870px; margin-top:10px;}
.xphTlzxList li{ float:left; width:406px; border-bottom:1px dashed #D3D3D3; padding-bottom:15px; margin-top:15px; margin-left:58px;}
.xphTlzxList li:nth-child(2n+1){ margin-left:0px;}
.xphTlzxList li.one{ margin-left:0px;}
.xphTlzxList li p a{ display:block; float:left; width:300px; height:18px; line-height:18px; overflow:hidden; background:url(/kaifamei/images/xyxbg2.png) no-repeat 0px 7px; padding-left:20px;}
.xphTlzxList li span{ display:block; float:right; width:60px; height:25px;}
.xphTlzxList li span a{ display:block; width:58px; height:23px; border:1px solid #3D89E4; color:#3D89E4; text-align:center; line-height:23px; text-decoration:none; border-radius:4px;}
.xphTlzxList li span a:hover{ background:#3D89E4; color:#FFFFFF;}

.xyxSpdtList{ width:300px;}
.xyxSpdtList li{ width:300px; margin-top:27px;}
.xyxSpdtList li a.shiping{ display:block; float:left; width:140px; height:90px; position:relative;}
.xyxSpdtList li a.shiping img{ width:140px; height:90px;}
.xyxSpdtList li a.shiping span{ display:block; width:30px; height:30px; background:url(/kaifamei/images/2019xyxbg/2019bg4.png) no-repeat -300px -145px; position:absolute; left:10px; bottom:-15px; z-index:10;}
.xyxSpdtList li dl{ float:right; width:145px; margin-top:5px;}
.xyxSpdtList li dl dt a{ display:block; max-height:45px; line-height:25px; overflow:hidden;}
.xyxSpdtList li dl dd{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:15px;}
.xphTlzxBox iframe{ width:100%; margin-top:20px;}

.xphTable{ width:80%; margin:auto; margin-top:20px;}
.xphTable table{ border:2px solid #87CEFA; border-collapse: collapse;}
.xphTable table tr td{ border:2px solid #87CEFA; padding:10px 0px 10px 0px; text-align:center; color:#ffffff;}
.xphTable table tr td a{ display:block; padding:10px 0px 10px 0px; color:#3399FF;}


/*********************下载内页*********************/
.nhtUcBox{ width:870px;}
.nhtUcTitle{ width:870px; border-bottom:2px solid #EAEAEA; padding-bottom:17px; margin-top:17px;}
.nhtUcLeft{ float:left; width:72px; height:72px;}
.nhtUcLeft img{ width:72px; height:72px; border-radius:15px;}
.nhtUcRight{ float:left; width:775px; margin:5px 0px 0px 20px;}
.nhtUcIn{ width:775px; height:29px; line-height:29px; overflow:hidden;}
.nhtUcIn h1{ float:left; height:29px; line-height:29px; overflow:hidden; max-width:705px; font-size:25px; color:#333333;}
.nhtUcIn span{ display:block; float:left; width:55px; height:24px; line-height:24px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -230px -90px; color:#FFFFFF; font-size:12px; padding-left:20px; margin:3px 0px 0px 10px;}
.nhtUcCont{ width:775px; margin-top:10px;}
.nhtUcZan{ float:left; margin-top:5px;}
.nhtUcZan a{ display:block; float:left; height:22px; line-height:20px; padding:0px 10px; border-radius:100px; text-decoration:none; margin:0px 10px 0px 0px;}
.nhtUcZan a.bg1{ height:20px; border:1px solid #FE6161;}
.nhtUcZan a.bg2{ height:20px; border:1px solid #0071BC;}
.nhtUcZan a b{ display:block; float:left; width:12px; height:14px; background:url(/kaifamei/images/xyxbg1.png) no-repeat; margin-top:3px; margin-right:5px;}
.nhtUcZan a b.icon1{ background-position:-320px -90px;}
.nhtUcZan a b.icon2{ background-position:-340px -90px;}
.nhtUcZan a h3{ float:left; font-weight:normal;}
.nhtUcZan a.bg1 h3{ color:#FE6060;}
.nhtUcZan a.bg2 h3{ color:#0071BC;}
.nhtUcTs{ float:left; margin:5px 0px 0px 40px;}
.nhtUcTs b{ display:block; float:left; width:16px; height:13px; background:url(../2017images/bg7.png) no-repeat -75px -395px; margin:4px 7px 0px 0px;}
.nhtUcTs p{ float:left; color:#999999;}

.nhtRjdxBox{ width:870px;}
.nhtRjdxLeft{ float:left; width:550px;}
.nhtRjdxList{ width:550px;}
.nhtRjdxList li{ float:left; width:275px; height:18px; line-height:18px; overflow:hidden; color:#999999; margin-top:16px;}
.nhtRjdxList li span{ color:#333333;}
.nhtRjdxList li em.star{ display:inline-block;}
.nhtRjdxSub{ width:588px; margin-top:22px;}
.nhtRjdxSub a{ display:block; float:left; width:280px; height:74px; border-radius:5px; text-decoration:none;}
.nhtRjdxSub a.bg1{ background:#3D89E4;}
.nhtRjdxSub a.bg2{ background:#F7A934; margin-left:28px;}
.nhtRjdxSub a b{ display:block; float:left; width:36px; height:28px; background:url(/kaifamei/images/xyxbg1.png) no-repeat 0px -180px; margin:20px 0px 0px 45px;}
.nhtRjdxSub a dl{ float:left; margin:10px 0px 0px 15px;}
.nhtRjdxSub a dl dt{ font-size:22px; color:#FFFFFF;}
.nhtRjdxSub a dl dd{ font-size:12px; color:#FFFFFF; margin-top:7px;}
.nhtRjdxSub a:hover.bg1{ background:#007ACC;}
.nhtRjdxSub a:hover.bg2{ background:#FFAA0B;}
.nhtRjdxRight{ float:right; width:202px; height:220px; background:url(/kaifamei/images/xyxbg5.png) no-repeat; margin-top:15px;}
.nhtRjdxRight img{ width:145px; height:145px; margin:50px 0px 0px 28px;}
.nhtWxdnList{ width:870px; margin-top:5px;}
.nhtWxdnList li{ width:275px; float:left; border-bottom:1px dashed #D9D9D9; padding-bottom:11px; margin:12px 0px 0px 22px;}
.nhtWxdnList li.one{ margin-left:0px;}
.nhtWxdnList li a{ display:block; width:275px; height:20px; line-height:20px; overflow:hidden;}
.nhtWxdnList li a img{ width:20px; height:20px; border-radius:5px; margin:0px 10px 0px 0px;}

.xphNrjsBox{ width:868px; height:48px; border:1px solid #E6E6E6; background:#F7F7F7; margin-top:40px; position:relative;}
.xphNrjsMenu{ width:868px; height:50px; position:absolute; left:0px; top:0px;}
.xphNrjsMenu li{ float:left; width:140px; height:48px; border-right:1px solid #E6E6E6;}
.xphNrjsMenu li a{ display:block; width:140px; height:50px; line-height:47px; font-size:20px; color:#333333; text-decoration:none; text-align:center;}
.xphNrjsMenu li a.hover{ height:47px; border-top:2px solid #3D89E4; border-bottom:1px solid #FFFFFF; background:#FFFFFF;}
.xphNrjsIn{ width:870px; margin-top:20px;}
.xphNrjsTitle{ width:870px;}
.xphNrjsTitle span{ display:block; float:left; width:68px; height:20px; line-height:20px; text-align:center; background:#3D89E4; border-radius:100px; color:#FFFFFF;}
.xphNrjsTitle p{ float:left;}
.xphNrjsTitle p a{ display:block; float:left; margin:0px 0px 0px 15px;}
.xphNrjsCont{ width:870px;}
.nhtNrjsSub{ width:870px; height:45px; margin-top:10px;}
.nhtNrjsSub a{ display:block; width:870px; height:45px; background:#F0F5FD;}
.nhtNrjsSub a h3{ float:left; font-size:16px; color:#333333; font-weight:normal; line-height:45px; margin:0px 0px 0px 400px;}
.nhtNrjsSub a b{ display:block; float:left; width:13px; height:7px;  margin:22px 0px 0px 10px;} 
.nhtNrjsSub a b.icon1{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -70px -190px;}
.nhtNrjsSub a b.icon2{ background:url(/kaifamei/images/xyxbg1.png) no-repeat -90px -190px;}
.xphYxspBox{ width:870px; margin-top:40px;}
.xphYxspIn{ width:870px; text-align:center; margin-top:30px;}

.screenshot {overflow: hidden; margin-top:20px;}
.screenshot img {margin-right: 5px;}
.scroll-wp {position: relative; height: 410px; overflow-x: auto; overflow-y: hidden;}
.scroll-wp img {box-sizing: border-box; float: left; display: block; display: inline-block; height: 410px;}
.scroll-wp img:last-child {margin-right: 0;}
.carousel {overflow: hidden;}
.carousel .item {display: block;float: left;text-align: center;}
.carousel .carousel-wp {width: 100%;position: relative;}
.j-scrollbar-wrap {height: 410px;overflow: hidden;}
.j-scrollbar-wrap .view-box {overflow: hidden;position: relative;margin-bottom: 20px;height: 374px;}
.j-scrollbar-wrap .view-box .overview {position: absolute;top: 0;left: 0;height: 374px; }
.j-scrollbar-wrap .view-box .overview img { float: left; margin-right: 5px; height: 374px; width:auto;}
.j-scrollbar-wrap .scrollbar {position: relative;height: 10px;}
.j-scrollbar-wrap .scrollbar .track {background: #efefef;border: 1px solid #ccc;border-radius: 8px;width: 100%;height: 10px;position: relative;}
.j-scrollbar-wrap .scrollbar .track .thumb {background: #3D89E4;border: 1px solid #ccc;border-radius: 8px;height: 10px;cursor: pointer;overflow: hidden;position: absolute;left: 0;top: -1px;}

.xphXzdzBox{ width:870px; border-bottom:1px solid #E6E6E6; padding-bottom:20px; margin-top:5px;}
.xphXzdzList{ width:870px;}
.xphXzdzList li{ float:left; width:195px; height:20px; line-height:20px; overflow:hidden; margin:15px 20px 0px 0px;}
.xphXzdzList li a{ display:block; width:195px; height:20px;}
.xphXzdzList li a b{ display:block; float:left; width:20px; height:20px; background:url(/kaifamei/images/xyxbg1.png) no-repeat -130px -180px; margin:0px 10px 0px 0px;}
.xphXzdzList li a p{ float:left; width:165px; height:20px; line-height:20px; overflow:hidden;}
.xphPgxzBox{ width:870px; margin-top:20px;}
.xphPgxzBox h3{ font-size:18px;}

.qcwCnxhMenu{ width:869px; height:43px; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; border-radius: 5px; margin-top:20px;}
.qcwCnxhMenu li{ float:left; width:172.8px; height:43px; line-height:43px; font-size:18px; color:#333333; border-right:1px solid #EFEFEF; text-align:center; cursor:pointer;}
.qcwCnxhMenu li.current{ background:#3D89E4; color:#FFFFFF;}
.qcwCnxhBox{ width:870px;}
.qcwCnxhIn{ width:870px; height:140px; background:#F7F7F7; margin-top:25px;}
.qcwCnxhIn span a img{ float:left; width:310px; height:140px; margin-right:20px;} 
.qcwCnxhIn dl{ margin:0px 10px 0px 0px;}
.qcwCnxhIn dl dt a{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:16px; padding-top:25px;}
.qcwCnxhIn dl dd{ height:70px; line-height:23px; overflow:hidden; color:#999999; margin-top:10px;}
.qcwXgyxList{ width:870px;}
.qcwXgyxList li{ float:left; width:272px; height:120px; margin:25px 0px 0px 27px;}
.qcwXgyxList li.one{ margin-left:0px;}
.qcwXgyxList li a{ display:block; width:270px; height:118px; border:1px solid #EFEFEF; text-decoration:none;}
.qcwXgyxList li a span img{ display:block; float:left; width:80px; height:80px; border-radius:20px; margin:18px 0px 0px 15px; display:inline;}
.qcwXgyxList li a dl{ float:left; width:145px; margin:25px 0px 0px 15px;} 
.qcwXgyxList li a dl dt{ height:18px; line-height:18px; overflow:hidden; font-size:14px; color:#333333;}
.qcwXgyxList li a dl dd.cont1{ height:18px; line-height:18px; overflow:hidden; color:#999999; margin-top:5px; font-size:12px;}
.qcwXgyxList li a dl dd.cont1 b{ display:inline-block; width:15px; height:17px; background:url(/kaifamei/images/xyxbg1.png) no-repeat; margin:0px 0px 0px 10px;}
.qcwXgyxList li a dl dd.cont1 b.icon1{ background-position:-165px -180px;}
.qcwXgyxList li a dl dd.cont1 b.icon2{ background-position:-190px -180px;}
.qcwXgyxList li a dl dd.cont2{ height:18px; line-height:18px; overflow:hidden; color:#999999; margin-top:8px; font-size:12px;}
.qcwXgyxList li a dl dd.cont2 em{ font-size:16px; color:#FFA759; font-family:"Arial Black";} 
.qcwXgyxList li a:hover{ border:1px solid #3D89E4;}