/*弹窗特效JS所需样式*/

.bton {
	width:131px;
	height:30px;
}
.cont {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px
}
.uploadcpm{
	Z-INDEX: 2;
	BACKGROUND: #ededed;
	list-style:none;
	POSITION: absolute;
	TOP: 0px;
}

.titt {
	float:right;
	padding-right:20px;
	position:relative;
	z-index:999;
}
.pointer {
	cursor: pointer;
}
.titt .close {
	background-image: url(https://customer.tasheelexpress.com/template/tasheelexpress/outside/images/close.png?0);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 15px;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: -10px;
    width: 15px;
    z-index: 999;
}
.cls {
	CLEAR: both;
	FONT-SIZE: 0px;
	OVERFLOW: hidden;
	HEIGHT: 0px
}
#bg {
	DISPLAY: none;
	Z-INDEX: 999;
	BACKGROUND: #000;
	FILTER: alpha(opacity=70);
	LEFT: 0px;
	WIDTH: 100%;
	POSITION: fixed;
	TOP: 0px;
	opacity: 0.7
}
.hidden {
	DISPLAY: none
}
.move {
	CURSOR: move
}

/*弹窗内容*/
.upload-col-wd{
	width: 66.6667%;
	transition: none 0s ease 0s !important;
	border-right: 1px solid #eee;
    	padding: 0 60px;
    	box-sizing: border-box;
	float: left;
	min-height: 1px;
}

.uploadcpm{
	background:#FFFFFF;
	border: none;
  	color: #222;
  	border-radius: 10px;
	left:25%;
	top:5%;
	width: 50%;
    height: 90vh;
    padding:10px 10px 180px;
    overflow: hidden;
    top: 74px;
    position: fixed!important;
	}
.uploadcpm h4{
    line-height: 0.8;
	border-bottom: 1px solid rgba(0,0,0,.12);
	display:block;
	margin:18px;
	text-align:center;
	font-size: 28px;
  	color: #333;
	font-weight: bold;
	}

.uploadcpm .con{
	color: #656565;
    overflow: hidden;
	}
.uploadcpm .button{
	text-align:center;
	clear:both;
	}
.uploadcpm .button button{
	background-color: #ff6900;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    margin: 0.5em 0.4em 0.5em 0;
	display: inline-block;
    font-size: 16px;
	padding: 6px 16px;
	border-radius: 50px;
	}
.uploadcpm .con ul{
  float: left;
  width:33.3333%;
}

.uploadcpm .con li{
	list-style:none;
	padding: 6px 0;
	}
.uploadcpm ul li label{cursor: pointer;}
.uploadcpm .con li input{ opacity: 0; cursor: pointer;}
.uploadcpm .con li lable{
  cursor: pointer;
  font-size: 1em;
  background-color: #FFF;
  border: 2px solid #C1CACA;
  padding: 8px;
  border-radius: 1000px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top:5px;
  cursor: pointer;
}

.uploadcpm .con li .c-checkbox input[type="radio"]:checked + span, .c-radio input[type="radio"]:checked + span{background-color: #fff;}
.uploadcpm .con .disabled span{background:#d7dddd url("https://customer.tasheelexpress.com/template/tasheelexpress/outside/images/radio_right_s.png") no-repeat center center; border: none;}

.uploadcpm .con li span{ font-size:14px;}

.uploadcpm .popular{
    padding-left: 20px !important;
    margin-bottom: 15px;
    margin-top: 20px;
}
.b-b-s {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    height: 0;
    line-height: 0;
    margin: 20px auto;
    width: 97%;
}



@media screen and (max-width: 1024px) {
	.uploadcpm{left:10%; width:80%;}
	.uploadcpm .con ul{ width:33.333%;}
	.uploadcpm .con li span{ font-size:14px;}
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
	.uploadcpm{left:5%; width:90%;}
	.uploadcpm .con li span{ font-size:14px;}
}

@media screen and (max-width: 768px) {
	.uploadcpm{left:2%; width:96%;}
	.uploadcpm .con ul{ width:50%;}
	.uploadcpm .con li span{ font-size:12px;}
    .uploadcpm h4{ font-size: 16px;}
    .titt .close{top: -14px;}
}
@media screen and (max-width: 480px) {
	.uploadcpm{left:1%; width:98%;}
	.uploadcpm .con li span{ font-size:12px;}
	.uploadcpm .con ul{ width:100%;}
}



/*复选按钮样式*/
/*.uploadcpm .con li label span {*/
    /*border-radius: 50%;*/
    /*display: inline-block;*/
    /*height: 20px;*/
    /*top: 7px;*/
    /*margin-right: 5px;*/
    /*position: relative;*/
    /*text-align: center;*/
    /*vertical-align: top;*/
    /*width: 20px;*/
/*}*/

.uploadcpm .con li label input[disabled] + span {
	background: #eee;
}
.uploadcpm .con li label input[disabled] + span::after {
	content: "";
	display: block;
	width: 19px;
	background: #f8f8f8;
	height: 2px;
	top: 7px;
	position: absolute;
	left: -1px;
	transform: rotate(-45deg);
	opacity: 1;
}

input[type="checkbox"] {
	opacity: 0;
}
input[type="radio"] {
	opacity: 0;
}

input[type="checkbox"] + span {
	cursor: pointer;
	font-size: 1em;
}

/* ==================================================================== */
/* CHECKBOX TYPE 2---------------------------------------------------- */
/* ==================================================================== */
label {
    display: inline;
}
/*[id^="checkbox-"] + span {*/
	/*background-color: #FFF;*/
	/*border: 2px solid #C1CACA;*/
	/*padding: 7px;*/
	/*border-radius: 1000px;*/
	/*display: inline-block;*/
	/*position: relative;*/
	/*margin-right: 10px;*/
	/*top:10px;*/
/*}*/

/*[id^="checkbox-"] + span:active {*/
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.2);*/
/*}*/

/*[id^="checkbox-"]:checked + span {*/
	/*background:url(../images/radio_right_s.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/


/* ==================================================================== */
/* CHECKBOX TYPE 3 ---------------------------------------------------- */
/* ==================================================================== */

/*[id^="checkbox-"] + span {*/
	/*background-color: #FFF;*/
	/*border: 2px solid #C1CACA;*/
	/*padding: 8px;*/
	/*border-radius: 1000px;*/
	/*display: inline-block;*/
	/*position: relative;*/
	/*margin-right: 10px;*/
/*}*/

/*[id^="checkbox-"] + span:active {*/
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.2);*/
/*}*/

/*[id^="checkbox-"]:checked + span {*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/


/* ==================================================================== */
/* CHECKBOX TYPE 3 ---------------------------------------------------- */
/* ==================================================================== */



/*[id^="is_urgent"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/


/*[id^="is_dtp"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/

/*[id^="is_pm_fee"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/
/*[id^="is_scanned_document"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/
/*[id^="is_dtp_certification"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/


/*[name="payment_service_type"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/

/*[name="is_files_complex"]:checked + span,.checkbox input[checked="checked"] + span{*/
	/*background:url(../images/radio_right.png) no-repeat center #ff6900;*/
	/*border: 1px solid #ff6900;*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);*/
	/*color: #243441;*/
/*}*/



/* ==================================================================== */
/* CHECKBOX TYPE 3 ---------------------------------------------------- */
/* ==================================================================== */