/* .ratwrap{ background:url(images/v5/ratwrap.png) left top no-repeat;padding-left:10px;} */
.ratText{ border:1px solid #CCCCCC;margin:0 10px 0; padding:16px 7px; width:60px; height:0px; line-height:16px; text-align:center; vertical-align:middle; color:#aa0000; font-size:14px; font-weight:bold;}
#diyform input.n{background: transparent;border:1px solid #cccccc;padding:5px 27px;text-align:Center;cursor:pointer; vertical-align:middle;outline: none;font-size:14px;line-height:1.8;}
#diyform input.h{background:#c00;border:1px solid #C00;padding:5px 27px;text-align:Center;cursor:pointer; vertical-align:middle;outline: none;font-size:14px;color:#fff;line-height:1.8;}
#diyform  input.x{background:transparent;border:1px solid #cccccc;padding:5px 20px;text-align:Center;cursor:pointer;line-height: 1.8;outline: none;}
#diyform input.y{background:#c00;border:1px solid #C00;padding:5px 20px;text-align:Center;cursor:pointer;line-height: 1.8;outline: none;color:#fff;}

.result{color:"#000000"; font-size:14px;}
#diyform table td .input{height:28px;line-height:28px;}
.pack_content .mainOrder .rightButton .packButton:hover{ background: #dd0000;}


/* 17/06/22 */

#diyform .itemRight01 li,#diyform .itemRight02 li{padding:0;border:0;}
#diyform .selectHover{border:0 !important;}
.emailCon .orderTip{margin-left:0;}
.ratwrap, .accountShow, .capacityShow{display: inline-block;vertical-align: middle;}
.scaleNum {width:680px;}
.scaleNum span {display: inline-block;text-align: left;color:#666;}
.scaleNum01 .scaleNum10{width:4%;}
.scaleNum01 .scaleNum50{width:5%;}
.scaleNum01 .scaleNum100{width:36%;}
.scaleNum01 .scaleNum500{width:45%;}
.scaleNum01 .scaleNum1000{width:7%;}
.scaleNum02 span{text-align: right !important;}
.scaleNum02 .scaleNum1{width:12%;}
.scaleNum02 .scaleNum3{width:22%;}
.scaleNum02 .scaleNum5{width:22%;}
.scaleNum02 .scaleNum7{width:22%;}
.scaleNum02 .scaleNum9{width:18%;}
.redBorder{border:1px solid #c00 !important;}
.redBkg{background:#c00;color:#fff;border-bottom:1px solid #c00 !important;}
.itemRight02{position: relative;}
.timeLine {padding: 25px 0 0 0;}

.posF { position: fixed; left:0; bottom:0px; width:100%;}
.addcn span{
	background: #f0f0f0;
	text-align: center;
	color: #000 !important;
	font-size: 12px !important;
	line-height: 40px;
	padding: 10px;
	margin-left: 10px;
	font-family:"Microsoft YaHei";
}

.pkgContent_left  #rating1 {width: 660px !important;}

@media screen and (min-width:768px) and (max-width:1023px){
	.posF{bottom:70px !important;}
	.mainOrder .pkgContent{padding: 50px 30px 20px 30px;}
}

@media screen and (min-width:414px) and (max-width:767px){
	.infoTtitle{font-size:20px;}
	.mainOrder .pkgContent{padding: 20px 10px 20px 10px !important;}
	.itemLeft{width: 72px;}
	.itemRight01 li{margin: 0 8px 0px 0 !important;width: 90px !important;}
	#diyform input.h,#diyform input.n{padding: 5px 10px;}
	.itemRight{width:auto !important;}
	#rating1,#rating2,.scaleNum{display:none;}
	#diyform input.y,#diyform input.x{padding: 5px 10px;margin-bottom: 5px;}
	.twoLine li{width:120px !important;}
	#binddomain,#pwd{width:50%}
	.mainTit{line-height:inherit !important;}
	.ytbButton{min-width: 130px !important;height: 38px !important;}
	.posF{bottom: 80px !important;}
	.infoTop{padding: 0 2%;}
	.mainOrder .con_item{    margin: 0 0 10px 0;}
	.mainBtm{padding: 15px 5% !important;}
	.mainBtm_left{line-height: 28px !important;}
}
@media screen and (max-width:375px){
	.infoTtitle{font-size:18px;}
	.mainOrder .pkgContent{padding: 20px 10px 20px 10px !important;}
	.itemLeft{width: 72px;}
	.itemRight01 li{margin: 0;width: 90px !important;}
	#diyform input.h,#diyform input.n{padding: 5px;}
	.itemRight{width:auto !important;}
	#rating1,#rating2,.scaleNum{display:none;}
	#diyform input.y,#diyform input.x{padding: 5px 10px;margin-bottom: 5px;}
	.twoLine li{width:120px !important;}
	#binddomain,#pwd{width:50%}
	.mainTit{line-height:inherit !important;}
	.ytbButton{min-width: 130px !important;height: 38px !important;}
	.posF{bottom: 80px !important;}
	.infoTop{padding: 0 2%;}
	#cndomain{width:72% !important;margin-bottom:8px;}
	.mainButton{float:right;padding: 6px 10px;}
	.mainBtm{padding: 15px 5% !important;}
	.mainBtm_left{line-height: 28px !important;}
}
@media screen and (max-width:320px){
	.itemRight01 li,.twoLine li{margin-bottom:8px;}
	#cndomain{width:70% !important;}
}