@charset "utf-8";
@media screen and (min-width: 1182px) {
/*大屏浏览器*/
.mobileend-menu { display:none;}
#index-main{max-width:1652px;min-width:1200px;width:100%;clear:both;float:none;margin-top:32px;margin-right:auto;margin-left:auto;margin-bottom:32px;display:table}
#index-main .left{vertical-align:top;display:table-cell;width:250px; padding-left:10px;}
#index-main .left .tit{height:27px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .left .tit span{font-size:15px;font-weight:700;display:inline-block;height:27px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#728ddc;color:#728ddc;font-family:"微软雅黑"}
#index-main .left .box{padding-top:16px}
#index-main .left .box ul.prolist li{padding-bottom:20px;height:80px}
#index-main .left .box ul.prolist li .tag{color:#F60;padding-bottom:8px}
#index-main .left .box ul.prolist li .tag a{color:#F60}
#index-main .left .box ul.prolist li img{float:left;height:80px;width:80px;margin-right:10px}
#index-main .left .box ul.prolist li .name{line-height:18px}
#index-main .left .box ul.hangye-list li{display:inline-block;float:left;height:26px;width:120px;margin-right:10px;background-color:#F2F2F2;margin-bottom:10px;line-height:26px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E3E3E3;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .left .box ul.hangye-list li:nth-child(even){float:right;margin-right:0}
#index-main .left .box ul.hangye-list li:hover{background-color:#728ddc;border-bottom-color:#5172D5}
#index-main .left .box ul.hangye-list li:hover a{color:#FFF}
#index-main .left .box ul.hangye-list li a{display:block;padding-left:10px;width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
#index-main .right{vertical-align:top;display:table-cell;padding-left:30px;box-sizing:border-box;padding-right:10px;}
#index-main .right .tit{height:37px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .right .tit a{font-size:15px;line-height:40px;font-weight:700;color:#FFF;background-color:#232f3e;display:inline-block;height:40px;padding-right:15px;padding-left:15px;font-family:"微软雅黑";text-decoration:none}
#index-main .right .tit span{font-size:14px;font-weight:700;color:#F60;float:right;height:40px;font-family:"微软雅黑";line-height:40px;position:relative}
#index-main .right .tit span i{background-color:#F60;display:block;height:3px;width:40px;margin-left:-20px;position:absolute;left:50%;right:50%;bottom:0}
#index-main .right .box{width:100%;overflow:hidden}
#index-main .right .box ul.domelist{width:110%;padding-top:20px;padding-bottom:10px}
#index-main .right .box ul.domelist li{float:left;width:21.4%;margin-bottom:20px;margin-right:1.8%}
/*#index-main .right .box ul.domelist li:nth-child(n+9){ display:none;}*/
#index-main .right .box ul.domelist li .pic{overflow:hidden;position:relative}

#index-main .right .box ul.domelist li .pic .qrcode{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{ display:block;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.dome{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.function{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-500px;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist.xiaochengxu li:hover .pic .qrcode{right:0}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span{display:block;height:168px;line-height:100%;width:168px;margin-top:-84px;margin-left:-84px;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span img{clear:both;float:none;height:168px}


#index-main .right .box ul.domelist li .pic a.tool{background-color:#666;display:block;height:34px;width:34px;position:absolute;left:-120px;top:12px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:18px;line-height:34px;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#index-main .right .box ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#index-main .right .box ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#index-main .right .box ul.domelist li:hover .pic a.tool{left:12px!important}
#index-main .right .box ul.domelist li .pic a.tool:hover{background-color:#F60}
#index-main .right .box ul.domelist li .pic a.tool.function{top:51px;left:-220px}
#index-main .right .box ul.domelist li .pic a.tool.function:after{content:"\e689"}
#index-main .right .box ul.domelist li .pic a.tool.buy{top:90px;left:-320px}
#index-main .right .box ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#index-main .right .box ul.domelist li .pic a.tool.service{top:129px;left:-420px}
#index-main .right .box ul.domelist li .pic a.tool.service:after{content:"\e605"}
#index-main .right .box ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#index-main .right .box ul.domelist li .text{background-color:#f7f7f7;padding:10px;clear:both;float:none;height:60px}
#index-main .right .box ul.domelist li .text .tag{color:#F60;padding-bottom:8px}
#index-main .right .box ul.domelist li .text .tag a{color:#F60}
#index-main .right .box ul.domelist li .text .name{font-size:14px}
#index-main .right .box ul.domelist li img{height:auto;width:100%;float:left}

}

@media screen and (min-width: 992px) and (max-width: 1181px) {
/*小屏浏览器*/
.mobileend-menu { display:none;}
#index-main{max-width:1180px;min-width:992px;width:100%;clear:both;float:none;margin-top:32px;margin-right:auto;margin-left:auto;margin-bottom:32px;display:table}
#index-main .left{vertical-align:top;display:table-cell;width:220px; padding-left:10px;}
#index-main .left .tit{height:27px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .left .tit span{font-size:15px;font-weight:700;display:inline-block;height:27px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#728ddc;color:#728ddc;font-family:"微软雅黑"}
#index-main .left .box{padding-top:16px}
#index-main .left .box ul.prolist li{padding-bottom:20px;height:80px}
#index-main .left .box ul.prolist li .tag{color:#F60;padding-bottom:8px}
#index-main .left .box ul.prolist li .tag a{color:#F60}
#index-main .left .box ul.prolist li img{float:left;height:80px;width:80px;margin-right:10px}
#index-main .left .box ul.prolist li .name{line-height:18px}
#index-main .left .box ul.hangye-list li{display:inline-block;float:left;height:26px;width:105px;margin-right:10px;background-color:#F2F2F2;margin-bottom:10px;line-height:26px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E3E3E3;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .left .box ul.hangye-list li:nth-child(even){float:right;margin-right:0}
#index-main .left .box ul.hangye-list li:hover{background-color:#728ddc;border-bottom-color:#5172D5}
#index-main .left .box ul.hangye-list li:hover a{color:#FFF}
#index-main .left .box ul.hangye-list li a{display:block;padding-left:10px;width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
#index-main .right{vertical-align:top;display:table-cell;padding-left:30px;box-sizing:border-box; padding-right:10px;}
#index-main .right .tit{height:37px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .right .tit a{font-size:15px;line-height:40px;font-weight:700;color:#FFF;background-color:#232f3e;display:inline-block;height:40px;padding-right:15px;padding-left:15px;font-family:"微软雅黑";text-decoration:none}
#index-main .right .tit span{font-size:14px;font-weight:700;color:#F60;float:right;height:40px;font-family:"微软雅黑";line-height:40px;position:relative}
#index-main .right .tit span i{background-color:#F60;display:block;height:3px;width:40px;margin-left:-20px;position:absolute;left:50%;right:50%;bottom:0}
#index-main .right .box{width:100%;overflow:hidden}
#index-main .right .box ul.domelist{width:110%;padding-top:20px;padding-bottom:10px}
#index-main .right .box ul.domelist li{float:left;width:29.1%;margin-bottom:20px;margin-right:1.8%}
#index-main .right .box ul.domelist li:nth-child(n+7){ display:none;}
#index-main .right .box ul.domelist li .pic{overflow:hidden;position:relative}
#index-main .right .box ul.domelist li .pic a.tool{background-color:#666;display:block;height:34px;width:34px;position:absolute;left:-120px;top:12px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:18px;line-height:34px;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#index-main .right .box ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#index-main .right .box ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#index-main .right .box ul.domelist li:hover .pic a.tool{left:12px!important}
#index-main .right .box ul.domelist li .pic a.tool:hover{background-color:#F60}
#index-main .right .box ul.domelist li .pic a.tool.function{top:51px;left:-220px}
#index-main .right .box ul.domelist li .pic a.tool.function:after{content:"\e689"}
#index-main .right .box ul.domelist li .pic a.tool.buy{top:90px;left:-320px}
#index-main .right .box ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#index-main .right .box ul.domelist li .pic a.tool.service{top:129px;left:-420px}
#index-main .right .box ul.domelist li .pic a.tool.service:after{content:"\e605"}
#index-main .right .box ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#index-main .right .box ul.domelist li .text{background-color:#f7f7f7;padding:10px;clear:both;float:none;height:60px}
#index-main .right .box ul.domelist li .text .tag{color:#F60;padding-bottom:8px}
#index-main .right .box ul.domelist li .text .tag a{color:#F60}
#index-main .right .box ul.domelist li .text .name{font-size:14px}
#index-main .right .box ul.domelist li img{height:auto;width:100%;float:left}

#index-main .right .box ul.domelist li .pic .qrcode{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{ display:block;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.dome{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.function{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-500px;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist.xiaochengxu li:hover .pic .qrcode{right:0}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span{display:block;height:168px;line-height:100%;width:168px;margin-top:-84px;margin-left:-84px;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span img{clear:both;float:none;height:168px}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
.mobileend-menu { display:none;}
#index-main{width:100%;clear:both;float:none;margin-top:.32rem;margin-right:auto;margin-left:auto;margin-bottom:.32rem;display:table}
#index-main .left{vertical-align:top;display:table-cell;width:2.2rem; padding-left:.1rem;}
#index-main .left .tit{height:.27rem;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .left .tit span{font-size:.18rem;font-weight:700;display:inline-block;height:.27rem;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#728ddc;color:#728ddc;font-family:"微软雅黑"}
#index-main .left .box{padding-top:.16rem}
#index-main .left .box ul.prolist li{padding-bottom:.2rem;height:.8rem}
#index-main .left .box ul.prolist li .tag{color:#F60;padding-bottom:.08rem}
#index-main .left .box ul.prolist li .tag a{color:#F60}
#index-main .left .box ul.prolist li img{float:left;height:.8rem;width:.8rem;margin-right:.1rem}
#index-main .left .box ul.prolist li .name{ height:.5rem;display: block;overflow: hidden;line-height:.24rem}
#index-main .left .box ul.hangye-list li{display:inline-block;float:left;height:.26rem;width:1.05rem;margin-right:.1rem;background-color:#F2F2F2;margin-bottom:.1rem;line-height:.26rem;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E3E3E3;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .left .box ul.hangye-list li:nth-child(even){float:right;margin-right:0}
#index-main .left .box ul.hangye-list li:hover{background-color:#728ddc;border-bottom-color:#5172D5}
#index-main .left .box ul.hangye-list li:hover a{color:#FFF}
#index-main .left .box ul.hangye-list li a{display:block;padding-left:.1rem;width:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
#index-main .right{vertical-align:top;display:table-cell;padding-left:.3rem;box-sizing:border-box; padding-right:10px;}
#index-main .right .tit{height:.37rem;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .right .tit a{font-size:.18rem;line-height:.4rem;font-weight:700;color:#FFF;background-color:#232f3e;display:inline-block;height:.4rem;padding-right:.15rem;padding-left:.15rem;font-family:"微软雅黑";text-decoration:none}
#index-main .right .tit span{font-size:.16rem;font-weight:700;color:#F60;float:right;height:.4rem;font-family:"微软雅黑";line-height:.4rem;position:relative}
#index-main .right .tit span i{background-color:#F60;display:block;height:.03rem;width:.4rem;margin-left:-.2rem;position:absolute;left:50%;right:50%;bottom:0}
#index-main .right .box{width:100%;overflow:hidden}
#index-main .right .box ul.domelist{width:110%;padding-top:.2rem;padding-bottom:.1rem}
#index-main .right .box ul.domelist li{float:left;width:43%;margin-bottom:.2rem;margin-right:5.2%}
#index-main .right .box ul.domelist li:nth-child(n+5){ display:none;}
#index-main .right .box ul.domelist li .pic{overflow:hidden;position:relative}
#index-main .right .box ul.domelist li .pic a.tool{background-color:#666;display:block;height:.34rem;width:.34rem;position:absolute;left:-1.2rem;top:.12rem;-moz-border-radius:.06rem;-webkit-border-radius:.06rem;border-radius:.06rem;font-size:.18rem;line-height:.34rem;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#index-main .right .box ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#index-main .right .box ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#index-main .right .box ul.domelist li:hover .pic a.tool{left:.12rem!important}
#index-main .right .box ul.domelist li .pic a.tool:hover{background-color:#F60}
#index-main .right .box ul.domelist li .pic a.tool.function{top:.51rem;left:-1.2rem}
#index-main .right .box ul.domelist li .pic a.tool.function:after{content:"\e689"}
#index-main .right .box ul.domelist li .pic a.tool.buy{top:.9rem;left:-.32rem}
#index-main .right .box ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#index-main .right .box ul.domelist li .pic a.tool.service{top:1.29rem;left:-4.2rem}
#index-main .right .box ul.domelist li .pic a.tool.service:after{content:"\e605"}
#index-main .right .box ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#index-main .right .box ul.domelist li .text{background-color:#f7f7f7;padding:.1rem;clear:both;float:none;height:.8rem;}
#index-main .right .box ul.domelist li .text .tag{color:#F60;padding-bottom:.08rem}
#index-main .right .box ul.domelist li .text .tag a{color:#F60}
#index-main .right .box ul.domelist li .text .name{}
#index-main .right .box ul.domelist li img{height:auto;width:100%;float:left}

#index-main .right .box ul.domelist li .pic .qrcode{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{ display:block;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.dome{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.function{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-5rem;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist.xiaochengxu li:hover .pic .qrcode{right:0}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span{display:block;height:1.68rem;line-height:100%;width:1.68rem;margin-top:-.84rem;margin-left:-.84rem;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span img{clear:both;float:none;height:1.68rem}
}

@media screen and (max-width: 767px) {
/*手机端*/
.mobileend-menu{background-color:#FFF;border-bottom:.16rem solid #FAFAFA;box-sizing:border-box;padding-top:.3rem;padding-right:0;padding-bottom:.3rem;padding-left:0}
.mobileend-menu .box{display:table;width:100%}
.mobileend-menu .box a{text-align:center;vertical-align:top;display:table-cell;text-decoration: none;;font-size:.28rem}
.mobileend-menu .box p{padding-top:.05rem}
.mobileend-menu .box a:before{content:"\e6a0";font-family:iconfont;font-size:.5rem;color:#FFF;background-color:#69F;display:inline-block;line-height:.8rem;height:.8rem;width:.8rem;-moz-border-radius:.34rem;-webkit-border-radius:.34rem;border-radius:.34rem;text-shadow:0 0 4px rgba(0,0,0,.2);opacity:.8}
.mobileend-menu .box a:nth-child(1):before{content:"\e719";font-size:0.42rem;background-color: #6699FF;}
.mobileend-menu .box a:nth-child(2):before{content:"\e674";font-size:0.4rem;background-color: #5b66bf;}
.mobileend-menu .box a:nth-child(3):before{content:"\e601";font-size:0.4rem;background-color: #ff6f79;}
.mobileend-menu .box a:nth-child(4):before{content:"\e64d";font-size:0.42rem;background-color: #ff9c00;}
.mobileend-menu .box a:nth-child(5):before{content:"\e6a0";background-color: #18be7d;}


#index-main{width:100%;clear:both;float:none;margin-top:.32rem;margin-right:auto;margin-left:auto;margin-bottom:.32rem; padding-left:.26rem;padding-right:.26rem;box-sizing:border-box;}
#index-main .left{width:100%;}
#index-main .left .tit{height:.37rem;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .left .tit span{font-size:.26rem;font-weight:700;display:inline-block;height:.37rem;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#728ddc;color:#728ddc;font-family:"微软雅黑"}
#index-main .left .box{padding-top:.24rem}
#index-main .left .box ul.prolist{padding-top:.0rem;padding-bottom:.1rem}
#index-main .left .box ul.prolist li:nth-child(1){width:100%;}
#index-main .left .box ul.prolist li{ float:left;width:48%;margin-bottom:.2rem; }
#index-main .left .box ul.prolist li:nth-child(2n-1){ float:right;}
#index-main .left .box ul.prolist li .tag{color:#F60;padding-bottom:.08rem; padding-top:.1rem;height:.24rem;white-space: nowrap;display: inline-block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#index-main .left .box ul.prolist li .tag a{color:#F60;font-size:.22rem;}
#index-main .left .box ul.prolist li img{float:left;height:auto;width:100%;}
#index-main .left .box ul.prolist li .name a{color: #333333;}
#index-main .left .box ul.prolist li .name{height:.32rem;white-space: nowrap;display: inline-block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#index-main .left .box ul.hangye-list li{display:inline-block;float:left;height:.46rem;width:48%;margin-right:.1rem;background-color:#F2F2F2;margin-bottom:.1rem;line-height:.46rem;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#E3E3E3;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .left .box ul.hangye-list li:nth-child(even){float:right;margin-right:0}
#index-main .left .box ul.hangye-list li:hover{background-color:#728ddc;border-bottom-color:#5172D5}
#index-main .left .box ul.hangye-list li:hover a{color:#FFF}
#index-main .left .box ul.hangye-list li a{display:block;padding-left:.1rem;width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
#index-main .right{ margin-top:.4rem;box-sizing:border-box;}
#index-main .right .tit{height:.47rem;border-bottom-width:.03rem;border-bottom-style:solid;border-bottom-color:#E5E5E5}
#index-main .right .tit a{ line-height:.47rem;font-weight:700;color:#FFF;background-color:#232f3e;display:inline-block;height:.48rem;padding-right:.2rem;padding-left:.2rem;font-family:"微软雅黑";text-decoration:none}
#index-main .right .tit span{font-size:.22rem;font-weight:700;color:#F60;float:right;height:.49rem;font-family:"微软雅黑";line-height:.32rem;position:relative}
#index-main .right .tit span i{background-color:#F60;display:block;height:.04rem;width:.8rem;margin-left:-.4rem;position:absolute;left:50%;right:50%;bottom:0}
#index-main .right .box{width:100%;overflow:hidden}
#index-main .right .box ul.domelist{padding-top:.2rem;padding-bottom:.1rem}
#index-main .right .box ul.domelist li{ float:left;width:48%;margin-bottom:.2rem; }

#index-main .right .box ul.domelist li:nth-child(2n){ float:right;}
#index-main .right .box ul.domelist li:nth-child(n+3){ display:none;}
#index-main .right .box ul.domelist li .pic{overflow:hidden;position:relative}
#index-main .right .box ul.domelist li .pic a.tool{background-color:#666;display:block;height:.34rem;width:.34rem;position:absolute;left:-1.2rem;top:.12rem;-moz-border-radius:.06rem;-webkit-border-radius:.06rem;border-radius:.06rem;font-size:.18rem;line-height:.34rem;color:#FFF;text-align:center;overflow:hidden;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist li .pic a.function{-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
#index-main .right .box ul.domelist li .pic a.buy{-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
#index-main .right .box ul.domelist li .pic a.service{-o-transition:all .9s;-moz-transition:all .9s;-webkit-transition:all .9s;-ms-transition:all .9s;transition:all .9s}
#index-main .right .box ul.domelist li:hover .pic a.tool{left:.12rem!important}
#index-main .right .box ul.domelist li .pic a.tool:hover{background-color:#F60}
#index-main .right .box ul.domelist li .pic a.tool.function{top:.51rem;left:-1.2rem}
#index-main .right .box ul.domelist li .pic a.tool.function:after{content:"\e689"}
#index-main .right .box ul.domelist li .pic a.tool.buy{top:.9rem;left:-.32rem}
#index-main .right .box ul.domelist li .pic a.tool.buy:after{content:"\e602"}
#index-main .right .box ul.domelist li .pic a.tool.service{top:1.29rem;left:-4.2rem}
#index-main .right .box ul.domelist li .pic a.tool.service:after{content:"\e605"}
#index-main .right .box ul.domelist li .pic a.tool:after{content:"\e638";font-family:iconfont}
#index-main .right .box ul.domelist li .text{background-color:#f7f7f7;padding:.2rem;clear:both;float:none;height:.8rem;}
#index-main .right .box ul.domelist li .text .tag{color:#F60;padding-bottom:.08rem;height:.24rem;white-space: nowrap;display: inline-block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#index-main .right .box ul.domelist li .text .tag a{color:#F60; font-size:.22rem;}
#index-main .right .box ul.domelist li .text .name{height:.32rem;white-space: nowrap;display: inline-block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#index-main .right .box ul.domelist li .text .name a{color: #333333;}
#index-main .right .box ul.domelist li img{height:auto;width:100%;float:left}

#index-main .right .box ul.domelist li .pic .qrcode{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{ display:block;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.dome{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic a.function{ display:none;}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode{ background-color:rgba(0,0,0,.4);position:absolute;height:100%;width:100%;top:0;right:-5rem;bottom:0;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#index-main .right .box ul.domelist.xiaochengxu li:hover .pic .qrcode{right:0}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span{display:block; color:#FFFFFF; font-size:.18rem;height:1.68rem;line-height:100%;width:1.68rem;margin-top:-.9rem;margin-left:-.84rem;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span img{clear:both;float:none;height:1.68rem}
#index-main .right .box ul.domelist.xiaochengxu li .pic .qrcode span:after{ padding-top:.2rem;text-align: center;display: block;content:"长按识别小程序二维码"}

}