﻿.ts-banner {
    width: 100%;
    height: 340px;
    background: url(../image/ts-banner.jpg) 50% no-repeat;
    /* background-size:100% 100%;*/
}
.search-box{ 
    width:100%;
    height:145px;
    border:dashed 1px #D28F62;
    border-radius:20px;
    margin:10px 0;
}
.search-box-top{ 
    width:1100px;
    height:75px;
    margin:10px auto;
    position:relative;
}
.search-box-top div:nth-child(1){
    width:205px;
    height:35px;
    background:url(../image/ts-txt.png) no-repeat;
    background-size:100% 100%;
    float:left;
    margin-top:20px;
}
.tsnum {
    width: 580px;
    height: 60px;
    background: #F1F1F1;
    float: left;
    border-radius: 50px;
    outline: none;
    border: none;
    padding-left: 80px;
    margin-top: 7px;
    margin-left: 10px;
    font: 200 22px/62px impact;
}
    .tsnum::placeholder {
        font-size: 18px;
        color: #BEBEBE;
    }
.ts-btn{ 
    width:270px;
    height:55px;
    background:url(../image/ts-btn.png) no-repeat;
    background-size:100% 100%;
    float:right;
    margin-top:10px;
}
.search-box-top img{ 
    width:25px;
    height:25px;
    position:absolute;
    top:25px;
    left:240px;
}
.search-box-bot{
    width:100%;
    height:50px;
}
.search-box-bot div:nth-child(1){ 
	/*width:15px;
	height:15px;
	border-radius:50%;*/
    float:left;
    margin-top: 8px;
    margin-left:320px;
}
.search-box-bot div:nth-child(2){ 
    float:left;
    margin-top: 6px;
	font-size:15px;
	margin-left:3px;
}
.search-box-bot div:nth-child(3){ 
	/*width:15px;
	height:15px;
	border-radius:50%;*/
    float:left;
    margin-top: 8px;
    margin-left:20px;
}
.search-box-bot div:nth-child(4){ 
    float:left;
    margin-top: 9px;
	font-size:15px;
	margin-left:3px;
}
.iconfont{ 
	color:#F65C0E;
}
/*号码模块*/
.Package-left {
    width: 1006px;
    float: left;
    margin-bottom: 30px;
}

.filter .sort-row {
    height: 41px;
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
}

.filter .sorts {
    float: left;
    line-height: 39px;
}

    .filter .sorts .sort {
        float: left;
    }

.icon2 {
    font-size: 10px;
}

li {
    list-style: none;
}


.filter .sorts .link {
    float: left;
    height: 39px;
    margin-left: -1px;
    min-width: 98px;
    text-align: center;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    color: #6d6d6d;
    text-decoration: none;
    cursor:pointer;
}

    .filter .sorts .link.first {
        margin-left: 0;
        border-left: none;
    }

    .filter .sorts .link.active, .filter .sorts .link:hover {
        position: relative;
        z-index: 1;
        background-color: #fff;
        border-color: #e5e5e5;
        color: black;
        font-weight:700;
    }

.filter .search {
    float: left;
    margin: 5px 0 0 10px;
}

    .filter .search .search-input {
        float: left;
        width: 150px;
        height: 30px;
        border-radius: 0;
        position: relative;
    }
.search-input::placeholder{ 
    font-size:14px;
}
.form-inline .form-control {
    display: inline-block;
}

.form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #4c5161;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    border: 1px solid #dcdfe6;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #4c5161;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    padding: 9px 15px;
    min-width: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    text-decoration: none;
    transition: border-color .15s,background-color .15s,opacity .15s;
    cursor: pointer;
    overflow: visible;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

    .btn:focus {
        outline: 0;
    }

.filter .search .submit-btn {
    float: left;
    height: 30px;
    padding: 0 15px;
    border-radius: 0;
    margin-left: -1px;
    border-color: #e0e0e0;
    color: #333;
    background: #f5f5f5;
}
    .filter .search .submit-btn:hover {
        color: #fff;
        background: #E94B01;
    }

/*.btn-primary.btn-plain {
    background-color: transparent;
    color: #0088ca;
}
.btn-primary {
    color: #fff;
    background-color: #df3033;
    border-color: #df3033;
}*/
/*号码列表*/
.allnumberbox {
    width: 1230px;
    overflow: hidden;
    margin: 0 auto;
}
.num-list{ 
	width:100%;
	height:100%;
	list-style:none;
}
.num-tab{ 
	border:1px solid #F4F4F4;
	width:199.8px;
	height:100.5px;
	position:relative;
	margin:0px -1px -1px 0px ;
	float:left;
    background:url(../image/bg-ts.jpg) no-repeat;
	background-size:100% 100%;
}
.num-tab a{
    color:#000000;
}
/*.bg-lt{ 
	background:url(/Img/pc/bg-lt.png) 100% no-repeat;
}
.bg-yd {
	background: url(/Img/pc/bg-yd.png) 100% no-repeat;
}
.bg-dx {
	background: url(/Img/pc/bg-dx.png) 100% no-repeat;
}*/
.num-hd{
	width:100%;
	line-height:30px;
	font-size:22px;
	font-weight:900;
	padding-left:10px;
	margin-top:10px;
}
.num-md{ 
	width:100%;
	line-height:25px;
	padding-left:20px;
}
.city-yys{
    max-width:60%;
    overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	color:#979998;
	font-size:14px;
    float: left;
}
.num-lab-lh {
    padding: 1px 3px;
    background: #F84F4F;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px;
}
.num-lab-ql {
    padding: 1px 3px;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px;
    background: #FB6DDE;
}
.num-lab-sr {
    padding: 1px 3px;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px;
    background: #FC8B42;
}
.num-fd{ 
	width:100%;
	line-height:25px;
	padding-left:15px;
    clear: both;
}
.price{
	font-size:14px;
	color:#F43F4F;
}
.hf{ 
	color:#979998;
	margin-left:10px;
}
.num-split {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 22px;
	vertical-align: text-bottom;
}
.blue {
    color: #FF552E;
}

.after:before {
    content: "-";
    color: #AFAFB1;
}
.num-tab-move{ 
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:absolute;
	top:0;
	left:0;
	display:none;
    cursor: pointer
}
.num-hd-move{ 
	width:100%;
	line-height:30px;
	font-size:22px;
	font-weight:900;
	padding-left:10px;
	margin-top:10px;
	color:white;
}
.num-btn-box{ 
	width:100%;
	overflow:hidden;
	display:flex;
	margin-top:10px;
}
.num-btn-box div{ 
	width:70px;
	height:30px;
}
.sc-btn{
	line-height:30px;
	color:white;
	text-align:center;
	font-size:14px;
	margin-left:20px;
	background:#393232;
}
.yy-btn {
	line-height: 30px;
	color: white;
	text-align: center;
	font-size: 14px;
	margin-left: 10px;
	background:#df3033;
}
/*.pagination{
    margin-left:765px;
}*/
.num-tab:hover .num-tab-move{ 
	display:block;
}
.num-tab:hover .num-hd span{ 
	color:white !important;
}
.num-tab:hover .num-hd .after:before {
	color: white !important;
}
.xx-sc{
	width:17px;
	height:20px;
    background:url(../image/xingxing.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
	display:none;
}
.radio-box{ 
	width:16px;
	height:16px;
	border:1px solid black;
	border-radius:50%;
}
.radio-box2{ 
	width:16px;
	height:16px;
	border:1px solid black;
	border-radius:50%;
}
.radio-box3{ 
	width:16px;
	height:16px;
	border:1px solid black;
	
}
.radio-box-bg {
	border:none;
	background:url(../image/radio-bg.png) no-repeat ;
	background-size:100% 100%;
}
.radio-box-bg1 {
	border:none;
	background:url(../image/radio-bg.png) no-repeat ;
	background-size:100% 100%;
}
.rads{ 
	cursor:pointer;
}
.rads2{ 
	cursor:pointer;
}
.jgpx {
    width: 16px;
    height: 16px;
}
.input-clear-nlhm {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 30px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-decoration: none
}

    /*.input-clear-nlhm::after {
        content: '✖'
    }*/
.jieweiss {
    width: 200px;
    height: 60px;
    background: #F1F1F1;
    border-radius: 50px;
    outline: none;
    border: none;
    margin-top: 7px;
    padding-left: 10px;
    font: 200 22px/62px impact;
}

    .jieweiss::placeholder {
        font-size: 18px;
        color: #BEBEBE;
    }