/*网站列表详情*/

.cataList_tab .item{border: none; font-size: 14px;}
.cataList_tab .item:hover{background: #f3f3f3; border: none;}
.cataList_tab .item a{ color: #333; display: block;}
.cataList_tab  .btn{display: none;}
@media screen and (max-width: 768px) {
    .cataList_tab .item{ display: none;}
    .cataList_tab .moban_pages{ margin: 0 auto; padding: 10px 0;}
    .moban_pages .sort_screen{ display: none;}
    .sort_default,
    .sort_time,
    .sort_price,
    .sort_sales{ width: calc(100%/4);}

    .moban_list.xcx_list .viewPhone{
        width: 100% !important;
    }
    .moban_list.xcx_list .viewMain{
        height: 250px !important;
    }
}
.cataList_class ul{
    padding-top: 0;
    width: calc(100% - 20px);
    margin: 0 auto;
}
.cataList_class ul .type_box{
    padding-left: 0;
}
.cataList_class ul li .type_list{
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
.cataList_class ul li .type_list div{
    float: left;
    width: auto;
    height: 70px;
    line-height: 70px;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s;
}
.cataList_class ul li .type_list div a{
    padding: 0 20px;
}
.cataList_class ul li .type_list div.hot,.cataList_class ul li .type_list div:hover{
    border-bottom: 2px solid #c00;
    color: #c00;
}
.new_li{
    overflow: visible !important;
    padding-left: 0 !important;
    margin-bottom: 20px;
    height: 30px;
}
.new_li span{
    color: #666;
    float: left;
    width: 55px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
}
.new_li>ul{
    float: left;
    width: calc(100% - 220px) !important;
    overflow: visible !important;
    text-align: left;
    vertical-align: middle;
}
.new_li>ul{
    height: 30px;
}
.new_li>ul>li{
    float: left;
    width: 80px !important;
    overflow: visible !important;
    margin-right: 10px;
    padding-left: 0 !important;
}
.new_li .layui-form-select:last-of-type{
    margin-right: 0;
}
.new_li .layui-form-select{
    width: 100%;
}

.new_li>ul>li div{
    width: 100% !important;
    overflow: visible !important;
}
.new_li .layui-form-select .layui-input{
    height: 30px;
    line-height: 30px;
    padding-left: 0;
}
.new_li .layui-form-select dd{
    display: block;
    margin-bottom: 0;
}
.new_li .layui-form-select dl dd.layui-this,
.new_li .layui-form-select dl dd:hover{
    color: #c00;
    background: #f2f2f2;
}
.new_li .layui-form-select input{
    border: none;
}
.new_li .layui-form-select .color_item{
    width: 70px;
    height: 20px;
}
.new_li .layui-input{
    border-radius: 0;
}
.customized{
    top: 50% !important;
    margin-top: -10.5px;
}
.new_li .color_select{
    width: 90px !important;
}
.new_li .color_select:hover .color_box, .new_li .select:hover .select_box{
    display: block;
}
.new_li .color_select:hover .color_text,.new_li .select:hover .select_text {
    color: #c00;
}
.new_li .color_select:hover:after,.new_li .select:hover:after {
    border-color: #c00 transparent transparent;
    transform: rotate(180deg);
}
.new_li .color_select,.new_li .select{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 30px 0 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.new_li .color_select:after,.new_li .select:after{
    content: '';
    width: 0;
    height: 0;
    border-width: 6px;
    border-bottom: 1px;
    border-color: #ccc transparent transparent;
    border-style: solid dashed dashed;
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -3px;
    transition: transform .3s;
    z-index: 1;
}
.new_li .color_select.arrowUp:after,.new_li .select.arrowUp:after{
    transform: rotate(180deg);
}
.new_li .color_select .color_text,.new_li .select .select_text{
    width: 100%;
    line-height: 28px;
    height: 28px;
    font-size: 12px;
}
.new_li .color_select .color_box,.new_li .select .select_box{
    display: none;
    border: 1px solid #d2d2d2;
    width: 100%;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100;
    background: #fff;
    height: auto;
}
.new_li .color_select .color_box{
    width: 110px !important;
}
.new_li .color_select .color_box ul,.new_li .select .select_box ul{
    padding-top: 0;
    width: 100%;
}
.new_li .color_select .color_box li,.new_li .select .select_box li{
    padding: 2px 10px;
}
.new_li .color_select .color_box li:last-of-type,.new_li .select .select_box li:last-of-type{
    margin-bottom: 0;
}
.new_li .color_select .color_box li:hover,
.new_li .color_select .color_box li.hot,
.new_li .select .select_box li:hover,
.new_li .select .select_box li.hot{
    color: #c00;
    background: #f2f2f2;
}
 .mainBgColor {
    background-color: #c00;
    color: #fff;
} 
  
.color_select .color_box li span:first-of-type,
.color_select .color_text span:first-of-type,
.select .select_box li span:first-of-type,
.select .select_text span:first-of-type{
    width: 25px;
    height: 25px;
    margin: 2.5px 10px 0 0;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}
.color_select .color_text span:first-of-type, .select .select_text span:first-of-type{
    width: 22.5px;
    height: 22.5px;
}
.color_select .color_box li:first-of-type span:first-of-type,
.color_select .color_text span:first-of-type,
.select .select_box li:first-of-type span:first-of-type,
.select .select_text span:first-of-type{
    background-size: 100%;
    background-repeat: no-repeat;
}
.color_select .color_box li span:last-of-type,
.color_select .color_text span:last-of-type,
.select .select_box li span:last-of-type,
.select .select_text span:last-of-type{
    color: inherit;
}
.color_select .color_text span:last-of-type,
.select .select_text span:last-of-type{
    height: 28px;
    line-height: 28px;
}
.cataList_class ul .cataList_industry dl dd:first-of-type{
    text-align: center;
}
.cataList_class ul li dl dd{
    width: 110px;
    margin-bottom: 15px;
}
.cataList_class ul .cataList_industry dl dd:first-of-type a{
    border-left: none;
    padding: 0 0 0 15px;
    text-align: left;
}
.moban_banner #listCheckButton{
    font-size: 32px;
    color: #fff;
    line-height: 214px;
    padding-top: 0;
    text-align: center;
}
.modelCata_wrap>.cataList_hot,.cataList_class ul li dl dd:hover,.modelCata_wrap a:hover{
    color: #c00 !important;
}
.cataList_class li .cataList_hot{
    color: #c00;
}
.descending::after{
    border-color: #c00 transparent transparent transparent;
}
.ascending::before{
    border-color: transparent transparent #c00 transparent;
}
@media screen and (max-width: 768px) {
    .moban_banner #listCheckButton{
        height: 150px;
        line-height: 150px;
        font-size: 16px;
        text-align: center;
    }
    .moban_search{width: 100%; right: 0;}
    .moban_search .search_input{width: 100%; box-sizing: border-box;}
}
.a_link{
    color: inherit;
    display: block;
}
.a_link:hover{
    color: #c00;
}
  .cataList_tab .item{border: none; font-size: 14px;}
.cataList_tab .item:hover{background: #f3f3f3; border: none;}
.cataList_tab .item a{ color: #333; display: block;}
.cataList_tab  .btn{display: none;}
@media screen and (max-width: 768px) {
    .cataList_tab .item{ display: none;}
    .cataList_tab .moban_pages{ margin: 0 auto; padding: 10px 0;}
    .moban_pages .sort_screen{ display: none;}
    .sort_default,
    .sort_time,
    .sort_price,
    .sort_sales{ width: calc(100%/4);}

    .moban_list.xcx_list .viewPhone{
        width: 100% !important;
    }
    .moban_list.xcx_list .viewMain{
        height: 250px !important;
    }
}
  
 #bottom{margin-top:15px !important;} 
/*banner*/
.moban_banner{position:relative;}
.moban_banner #subMenu{background: rgba(255, 255, 255, 0.1);}
#listCheckButton{height:214px;background:url(../images/moban/banner.jpg) no-repeat 50% 50%;background-size:cover;padding-top:48px;box-sizing:border-box;}
#listCheckButton p{font-size:32px;color: #fff;font-family:"Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";line-height:166px;}
/*分类*/
.moban_pages{margin:0 auto;width:1200px;clear: both; /*overflow: hidden; */}
.moban_tab{position:relative;text-align:left;}
.cataList_tab{border-bottom:1px solid #e2e2e2;}
.cataList_tab ul{text-align:left;display:inline-block;}
.cataList_tab li{border-bottom: 2px solid transparent;cursor:pointer;line-height:68px;color:#333333;font-family:"Microsoft Yahei";font-size:16px;display:inline-block;-o-transition:all 0.1s;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;}
/*.cataList_tab li:hover{color:#f00;border-bottom:2px solid #f00;}*/
.cataList_tab li.hot{color:#c00;border-bottom:2px solid #c00;cursor:default;}
.cataList_wrap{background:#fff;  /*border-bottom: 2px solid #e2e2e2; */}
.moban_search{z-index: 1; position:absolute;display:inline-block;right:10px;top:50%;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.moban_search .search_input{color:#666;width:270px;line-height:32px;padding-right: 86px;border:1px solid #eeeeee;border-radius:18px;font-size:12px;font-family:"Microsoft Yahei";outline:none;padding-left:16px;}
.moban_search .search_input::-webkit-input-placeholder{color:#bcbcbc;}
.moban_search .search_input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#bcbcbc;}
.moban_search .search_input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#bcbcbc;}
.moban_search .search_input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#bcbcbc;}
.search_button{cursor:pointer;border-bottom-right-radius: 18px;border-top-right-radius: 18px;position:absolute;top:0;right:0;background:url(../images/moban/search_moban.png) no-repeat 50% 50%;background-size:16px auto;width:50px;height:100%;border:0;outline:none;}
.search_reset{z-index:10;display:none;cursor:pointer;position:absolute;top:0;right:50px;background:url(../images/moban/search_clean.png) no-repeat 50% 50%;background-size:100% auto;width:16px;height:100%;border:0;outline:none;top:50%;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.cataList_class ul li{position:relative;padding-left:38px;overflow:hidden;-o-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.cataList_class ul .cataList_industry div{height:46px;}
.cataList_class ul li div{overflow:hidden;width:1060px;}
.cataList_class ul li dl{text-align:left;margin-left:-1px;font-size: 0;-webkit-text-size-adjust: none;}
.cataList_class ul li dl dt{color:#666666;font-size:12px;position:absolute;left:0px;}
.cataList_class ul li dl dd{color:#333333;font-size:12px;display:inline-block;margin-bottom: 25px;}
.cataList_class ul li dl dd:hover{color:rgba(255,0,0,0.8)}
.cataList_class ul li dl .cataList_hot:hover{color: #ff0000;}
.cataList_class li .cataList_hot{color:#ff0000;}
.cataList_class li .class_all a{height:auto;width:auto;}
.cataList_class ul li dl dd a{color:inherit; /*border-left:1px solid #eeeeee; */   padding:0 15px;display:block;}
.cataList_more{color:#666666;font-size:12px;position:absolute;right:0;top:0;padding-right: 24px;}
.cataList_more:hover{color:#666666;}
.cataList_more img{position: absolute;right: 0;top:50%;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.select_color{padding-left:55px;}
.moban_color{width:36px;height:16px;box-sizing: border-box;margin-top: 2px;margin-left: 13px;}
.select_color .class_all{position:absolute;left: 38px;}
.select_color .class_all a{border-left:0;border-right: 1px solid #eeeeee;}
.cataList_class .moban_color a{display: inline-block;height: 100%;width: 100%;padding:0;box-sizing: border-box;}

.cataList_class ul li .customized{color:#888888;display: inline-block;width: auto;font-family:"Microsoft Yahei";font-size:12px;position: absolute;top: 0;right: 0;}
.cataList_class ul li .customized a{color:#fff;line-height:20px;background:#2593ff;display: inline-block;height:20px;text-align:center;position:static;padding: 0 10px;margin-left: 7px;-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;}
.cataList_class ul li .customized a:hover{background:rgba(37,147,255,0.8);}
.cataList_edition,.cataList_terminal{display: none;}

.modelCata_wrap{background:#fff;clear:both;overflow:visible;margin: 25px auto 5px;display:table; width: calc(1200px - 20px);}
.modelCata_wrap a:hover{color: rgba(255,0,0,0.8);}
.modelCata_wrap>.cataList_hot{color: #cc0000;}
.modelCata_wrap>.cataList_hot:hover{color: #cc0000;}
.sort_default,.sort_time,.sort_price,.sort_sales{position:relative;border-right:1px solid #eeeeee;width:100px;color:#666666;display:block;float:left;line-height: 36px;text-align:left;padding-left:20px;box-sizing: border-box;}
.sort_time::before,.sort_price::before,.sort_sales::before{content:"";width:0;height:0;top:6px;right:20px;position: absolute;border-style:solid;border-width:5px 3px;;border-color:transparent transparent #999999 transparent;}
.sort_time::after,.sort_price::after,.sort_sales::after{content:"";width:0;height:0;bottom:6px;right:20px;position: absolute;border-style:solid;border-width:5px 3px;;border-color:#999999 transparent transparent transparent;}
.descending::after{border-color:#cc0000 transparent transparent transparent;}
.ascending::before{border-color:transparent transparent #cc0000 transparent;}

.sort_screen{display: none;}
.modelCata_wrap div{float:left;line-height: 36px;}
.modelCata_wrap .moban_page{padding-right:20px;float: right;}
.moban_page .moban_result{color:#999999;font-size:12px;}
.moban_page .result_short{display: none;}
.moban_page .moban_paging{color:#333333;font-family:arial;font-size:12px;margin:0 4px;}
.moban_page a{color:rgba(102,102,102,0.6);cursor:pointer;}
.moban_page a:hover{color:rgba(102,102,102,0.8);}
.moban_page a:active{color:rgba(102,102,102,1);}

#pagelist{ clear: both; width: 100%; padding-top: 20px; text-align: center;}
#pagelist .page_sub_btn{ border: none; cursor: pointer;}
#pagelist a,#pagelist .page_sub_btn{ background: #fff; display: inline-block; color: #333; font-size: 14px; line-height: 20px; padding: 5px 10px; box-sizing: border-box;}
#pagelist .gopage_txt{height: 30px; border-color: #eee; text-align: center;}
.moban_list{min-height:350px;position:relative;}
.moban_wuheyi{ overflow: hidden;}
.moban_wuheyi li{text-align: left; float: left; width: 372px; margin: 45px 16px 45px; position: relative; z-index: 1; transition: transform .3s;}
.moban_wuheyi li .box{box-shadow: 5px 5px 5px rgba(0,0,0,.06); background:#fff;}

.moban_wuheyi .page_header{
    background: #e8e8e8;
    height: 16px;
    overflow: hidden;
    padding: 6px 12px;
    box-sizing: border-box;
}
.moban_wuheyi .page_header span{
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    margin-right: 3px;
}
.moban_wuheyi .moban_icon{
    z-index: 1;
    display: table;
    position: absolute;
    top: 0;
    right: 0;
    background: #2593ff;
}
.moban_wuheyi .moban_icon span{
    font-size: 12px;
    color: #f5f5fa;
    line-height: 20px;
    padding: 0 10px;
    display: block;
    text-align: center;
    float: left;
}
.moban_wuheyi .industry_icon{
    background: #00b262;
}
.moban_wuheyi .moban_image{ overflow:hidden;position:relative; padding-bottom: 100%;  z-index: 10; background-repeat: no-repeat; background-position: center top; background-size: 100% auto;}
.moban_wuheyi .moban_name{ box-sizing: border-box; font-size: 16px; padding: 8px 15px 0; line-height: 16px; white-space: nowrap;text-overflow: ellipsis; text-align: left;}
.moban_wuheyi .moban_price{font-family:Georgia;float:right; width: 70px; text-align: right;}
.moban_wuheyi .moban_industry{float:left;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #c5c5c5;}
.moban_wuheyi .moban_industry i,
.moban_webapp .moban_industry i{ display: inline-block; width: 15px; height: 1px; background: #999; transform: translateY(-4px); margin: 0 1px;}
.moban_wuheyi .moban_info,
.moban_wuheyi .moban_title{opacity: 0; position: absolute; left: 0; width: 100%; z-index: 2; transition: all .3s;}
.moban_wuheyi .moban_info{ height: 100%; padding-top: 150px; background: rgba(0,0,0,.6);}
.moban_wuheyi .moban_info .moban_use{ display: block;  width: 100px; height: 30px; line-height: 28px; text-align: center; margin: 0 auto; box-sizing: border-box;}
.moban_wuheyi .moban_info .moban_use.view_btn{ border: 1px solid #ccc; color: #fff !important; transition: all .3s;}
.moban_wuheyi .moban_info .moban_use.view_btn:hover{ border-color: #c00; background: #c00; color: #fff !important;}
.moban_wuheyi .moban_info .moban_use.buy_btn{ color: #fff; margin-top: 20px;}
.moban_wuheyi .moban_info .moban_use.buy_btn:hover{ color: #fff !important;}
.moban_wuheyi .moban_title{ overflow: hidden; bottom: 0; line-height: 50px; box-sizing: border-box; text-align: center;}
.moban_wuheyi li .moban_image:hover .moban_info,
.moban_wuheyi li .moban_image:hover .moban_title{
    opacity: 1;
}
.moban_wuheyi .moban_name .name,.moban_webapp .moban_name .name{
    width: 150px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
   color: #333;
}

  
.moban_webapp .moban_name .name{
    width: calc(100% - 110px);
}
.moban_webapp .moban_name .price{
    float: right;
    margin-top: 3px;
}
.moban_wuheyi .moban_name .price,.moban_webapp .moban_name .price{
    color: #8b8b8b;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
/*    width: 100px; */
    display: inline-block;
}
.moban_wuheyi .moban_name .icon{
    float: right;
}
.moban_wuheyi .moban_name .icon a{
    font-size: 20px;
    color: #c1c1c1;
}
.moban_wuheyi .moban_name .icon a:hover{
    color: #c00;
}