/* ¶©¹ºÒ×ÍƱ¦±ê×¼°æ */
.ytbButton{min-width: 210px;padding: 0;height: 50px;font-size: 18px;font-family: "SimHei";}
.btnHover:hover{color: #fff;background: #f00;}
.selectHover{color: #fff !important;background: #c00;border:1px solid #c00 !important;}
/*.niceBoxHover{color: #fff !important;background: #c2c2c2;border:1px solid #c2c2c !important;} */
.infoSelect{border: 1px solid #c00 !important;background:url(/promote/images/InfoSelect.png) right bottom no-repeat;}
.inlineBlock li {display: inline-block;vertical-align: middle;}
.orderTip{color:#666;font-size:12px;margin-left:10px;}
.pkgTip{background: #fde3e3;color: #c00;padding: 12px;font-size: 12px;border: 1px solid #c00;margin-bottom: 35px;}
.pkgTip a:hover{color:#06c;text-decoration: underline;}
.pkgInput {height: 37px;padding: 0 15px;}
.mainButton {padding: 6px 20px;background: #c00;color: white;font-size: 14px;border: 0px;cursor: pointer;}
.mainButton:hover{background:#f00;color: white;}
.txtLine {line-height: 4 !important;}
.vhost_help{background: url(/vhost/images/icon_help.png) no-repeat;display: inline-block;width: 15px;height: 15px;vertical-align: middle;margin-left: 15px;}
.mustIcon{color: #c00;display: inline-block;vertical-align: middle;margin: 5px 2px 0 0;font-size: 20px;}
.totalPrice {font-family: "Verdana" !important;font-size: 30px !important;font-style: italic;color: #c00 !important;}


.mainOrder { border: 1px solid #ddd; overflow: hidden;}
.mainOrder .pkgContent {background: #fff;overflow: hidden;padding: 50px 50px 20px 50px;font-size:14px;color:#000;}
.mainOrder .con_item {clear: both;margin: 0 0 35px 0;font-family: '΢ÈíÑźÚ';overflow: hidden;}
.mainOrder .infoItem{margin:20px 0;}
.mainOrder .infoItem:last-of-type {margin-bottom: 30px;}
.mainOrder .oneLine {margin-bottom: 30px;}
.mainOrder .textLine {margin-bottom: 5px;}
.mainOrder .moreLine{margin-bottom:15px;}
.mainOrder .timeLine {padding: 27px 0 0 0;}
.mainOrder .rateLine {margin-bottom: 15px;}
.mainOrder .oneLine .itemRight01 li {margin-bottom: 0;}
.mainTit { height: 45px; line-height: 45px; text-align: left; text-indent: 25px; background: #f0f0f0;font-size: 14px;font-family: '΢ÈíÑźÚ';color:#000;}
.mainBtm { background: #fff; box-shadow: 0 0 2px #d0d0d0; overflow: hidden; padding: 25px 5%; width: 90%;}
.mainBtm_right { float: right;margin-top:3px;}
.mainBtm_left { float: left; line-height: 50px;}
.mainBtm_left span { color: #666; font-size: 14px; font-family: "SimSun";}
.mainBtm_left span font { font-family: "Verdana";}
.mainBtm_left .apa { font-size: 14px; color: #c00;}
.zong { font-size: 30px; padding: 0 10px;}
.itemLeft,.itemRight {vertical-align: middle;display: inline-block;position: relative;}
.itemRight01 li {float: left;border: 1px solid #eee;padding: 5px 0px;margin: 0 8px 10px 0;color: #666;cursor: pointer;width:127px;text-align:center;}
.itemRight02 li {float: left;border: 1px solid #eee;padding: 5px 20px;margin-left: -1px;color: #666;cursor: pointer;}
.itemRight li {line-height: 1.8;}
.itemLeft {width: 110px; line-height: 37px;} 
.itemRight {width: calc(100% - 120px);} 
.itemRight .agreePro{margin-top:0;}
.itemRight .agreePro .checkbox i{border:1px solid #c2c2c2;}

.selectPkg{margin-bottom:20px;}
.userInfo .con_add{margin-bottom:35px;border-bottom: 1px dashed #ccc;padding-bottom: 25px;}
.userInfo .con_add ul{width:100%;}
.userInfo .con_add li {width:253px;float: left;border: 1px solid #eee;margin: 0 20px 20px 0;/* padding: 10px 20px; */height:125px;position: relative;}
.userInfo .con_add li:last-of-type{margin-right:0;}
.con_data label { display: block; padding: 10px 20px; width: 215px; height: 105px;}
.userInfo h3 {font-weight: normal;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.userInfo .con_add p {line-height: 1.6;font-size: 12px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* .userInfo .createInfo{width: 277px;border: 1px solid #eee;float: left;line-height:10.1;text-align: center;color: #999;font-size: 14px;cursor: pointer;} */
.userInfo .con_add li a{background:url(/promote/images/userInfoIcon.png) no-repeat;padding-left: 25px;color:#238cc8;cursor: pointer;height:125px;position: relative;}
.userInfo .con_add hr {border: 0;height: 1px;background: #dedede;margin: 10px 0;}
.createInfo{color: #999;position: absolute;top: 0;left: 0;height: 50%;width: 50%;text-align: center;line-height: 72px;transform: translate(50%,50%);cursor: pointer;}

.infoTop {overflow: hidden;height: 60px;line-height: 60px;}
.infoTtitle {float: left;font-size: 24px;font-family: '΢ÈíÑźÚ';}
.infoTop a {float: right;background: #c1c1c1;display: block;line-height: 35px;padding: 0 15px;color: #fff;margin-top: 13px;font-family: '΢ÈíÑźÚ';font-size: 14px;margin-left:10px;}
.verTop {vertical-align: top;}

.timeLine li {position: relative;}
.year{position: absolute;top: -28px;left:35px;height: 24px;line-height: 24px;font-size: 12px;width: 71px;text-align: center;color: #c00;background-image: url(/email/images/spelYear.png);}

.twoLine li {display: inline-block;margin-right: 10px;border: 1px solid #c2c2c2;width: 145px;text-align: center;cursor: pointer;color:#666;}
.twoLine li p {padding: 5px 0;}
.twoLine li p:first-of-type{border-bottom: 1px solid #c2c2c2;}
.redBorder{border:1px solid #c00 !important;}
.redBkg{background:#c00;color:#fff;border-bottom:1px solid #c00 !important;}
.helpLink {position: absolute;top: 10px;right: 100px;}
.helpLink a {color: #666;background: url(/domain/images/orderHelp.png) no-repeat center right;padding-right: 18px;margin-right: 5px;}

.marginTop { margin-top: 6px;}

.importantTip {padding: 35px 50px 35px 50px;color: #000;}
.importantTip p {line-height: 28px;font-family: '΢ÈíÑźÚ';font-size: 14px;}
.importantTip .tipTitle {color: #c00;background: url(/domain/images/importantTip.png) no-repeat center left;padding-left:25px;font-size:16px;margin-bottom:10px;}
.agreePro {margin-top: 10px;}
.agreePro label, .importantTip .agreePro span {display: inline-block;vertical-align: middle;}
.agreePro label{margin-right:10px;}
.agreePro .checkbox {position: relative;cursor: pointer;height:18px;padding-right:5px;}
.agreePro .checkbox input {position: absolute;left: -2.5px;top: 1.5px;z-index: 999999;opacity: 0;cursor: pointer;}
.agreePro .checkbox i {display: block;position: absolute;top: 2px;left: 0;width: 10px;height: 10px;outline: 0;border: 2px solid #c00;transition: border-color .3s;-webkit-transition: border-color .3s;cursor: pointer;}
.agreePro .checkbox input:checked + i {border-color: #c00;}
.agreePro .checkbox input + i:after {position: absolute;content: '';top: 0px;left: 0;width:100%;height:100%;background: url(/domain/images/agreeIcon.png) no-repeat center;opacity: 0;transition: opacity .1s;-webkit-transition: opacity .1s;}
.agreePro .checkbox input:checked + i:after {opacity: 1;}
.agreePro .checkbox input:checked + i + span {color: #00adf9;}
.agreePro .checkbox input:checked+i:after{  opacity: 1; }
.agreePro .checkbox img{max-width: 120px;}

.con_search {font-size: 0;margin-right:35px;}
.con_title{float:left;line-height:37px;margin-bottom:10px;font-size: 16px;}
.con_search input{display: inline-block;vertical-align: middle;}
.con_search .tips {border-right: 0;outline: none;}
.con_page , .con_search{float: right;line-height: 37px;}
.con_page a {background: #c1c1c1;line-height: 37px;padding:0 35px;color: #fff;font-family: '΢ÈíÑźÚ';font-size: 14px;display: inline-block;}


.shadow {width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 999;display:none;}
.createUserTab {width: 900px;margin: 0 auto;margin-top: 40px;background: #fff;font-family: '΢ÈíÑźÚ';position: fixed;top:260px;left: 46.5%;margin: -216px 0 0 -400px;z-index: 9999;display:none;}
.createUserTab .tabTitle {padding: 0 40px;background: #f5f5f5;overflow: hidden;}
.createUserTab .tabTitle h2 {height: 48px;line-height: 48px;font-size: 18px;float: left;}
.createUserTab .tabTitle i {color: #c2c2c2;width: 22px;height: 22px;border: 1px solid #c2c2c2;display: block;float: right;margin-top: 11px;text-align: center;font-size: 22px;font-style: normal;padding: 2px 1px 0 1px;cursor: pointer;}
.createUserTab .tabContact { height: calc(100vh - 215px); overflow-y: scroll; margin: 25px 50px 0 50px;border-bottom: 1px solid #eee;padding-bottom:12px;}
.createUserTab .tabContact ul {margin-bottom: 20px;}
.createUserTab .tabContact ul li {display: inline-block;vertical-align: middle;font-size: 14px;}
.createUserTab .tabContact ul li select{height: 37px;padding: 0 15px;}
.createUserTab .tabContact ul li:first-of-type {width: 195px;text-align: right;}
.createUserTab .tabContact ul li select {width: 180px;margin-right: 10px;cursor: pointer;}
.createUserTab .importantTip{padding: 25px 50px 25px 50px;}

.loginLeft { font-size: 12px; color: #333;}

/* ÔÆÖ÷»ú¹ºÂò */
.rateLine{padding:10px 0;}
.rating {width: 680px;height: 25px;border-radius: 0;background: #e9e9e9;border: 0;}
.ratText, .rating {display: inline-block;vertical-align: middle;}
.rating a{background: url(/idc/images/v5/KIcon01.png) center center no-repeat !important;border: 0 !important;height: 36px !important;}
.scaleNum {color: #666;margin-top: 8px;}
.scaleNum span {display: inline-block;text-align: right;}

.content-slide .mainButton {font-size:12px;}


/*¶©µ¥Ò³Ãæ*/
.mainW { max-width: 1180px; margin: 30px auto;}
.infoTop { overflow: hidden; height: 60px; line-height: 60px;}
.infoTtitle { float: left; font-size: 24px;}
.infoTop a { float: right; background: #c1c1c1; display: block; line-height: 35px; padding: 0 15px; color: #fff; margin-top: 13px;}
.mainOrder { border: 1px solid #ddd; overflow: hidden;}
.mainTit { height: 45px; line-height: 45px; text-align: left; text-indent: 25px; background: #f0f0f0;}
.swiper-wrapper { height: 330px !important;}
.swiper-slide { height: 330px !important;}
.pkgContent { background: #fff; padding: 40px 55px 20px;}
.mainContainer{font-size: 14px;font-family: "microsoft yahei";margin-bottom: 10px;}
.mainTips { border: 1px solid #c00; color: #c00; font-size: 12px; text-align: left; background: #fde3e3; padding: 10px 20px;}
.itemLeft { float: left; width: 115px; text-align: left; line-height: 45px;}
.con_item { overflow: hidden;}
.proLine { padding-top: 35px;}
.con_item ul { float: left; width: calc(100% - 115px);}
.con_item li { float: left;}
.itemRight li p { width: 125px;height: 35px;line-height: 35px;color:#666;border: 1px solid #eee;margin: 5px;text-align: center; cursor: pointer;}
.itemRight .hot p { border: 1px solid #c00; background:#c00;color:#fff;}
.timeLine { padding: 30px 0;}
.timeType li { position: relative;}
.timeType li p { height: 37px; line-height: 37px; width: 60px; border: 1px solid #eee; border-right: 0px; color: #666; text-align: center; cursor: pointer;}
.timeType li:first-child {margin-left:5px;}
.timeType li:last-child p { border-right: 1px solid #eee;}
.timeType .hot p { border: 1px solid #c00; border-right: none; background:#c00; color:#fff;}
.timeType li span img { position: absolute; left: 2px; bottom: -5px;}
.timeType li span { position: absolute; left: 24px; top: -26px; display: none; width: 70px; height: 18px; line-height: 18px; color: #c00; font-size: 12px; padding: 0; margin: 0; border: 1px solid #c00;}
.otherLine { margin-bottom: 10px;}
.otherType { float: left; line-height: 45px;}
.otherType input { height: 37px; padding: 0 15px;}
.mainLineTips { padding-left: 10px; font-size: 12px; color: #999;}
.mainBtm { background: #fff; box-shadow: 0 5px 40px #d0d0d0; overflow: hidden; padding: 25px 30px;}
.mainBtm_right { float: right;}
.mainBtmBtn {width: 210px; padding: 0; height: 50px; font-size: 18px; font-family: "SimHei";}
.mainBtm_left { float: left; line-height: 50px;}
.mainBtm_left span { color: #666; font-size: 14px; font-family: "SimSun";}
.mainBtm_left span font { font-family: "Verdana";}
.mainBtm_left .apa { font-size: 14px; color: #c00;}
.zong { font-size: 30px; padding: 0 10px;}
.otherBox { text-align: left;}

/*¶©µ¥È·ÈÏÒ³Ãæ*/
.mainLeft { float: left; padding: 35px 70px 0 15px;}
.mainright { float: left;}
.mainRightTit { font-size: 30px; line-height: 1.8; text-align: left; color: #000;}
.mainRightTxt { font-size: 16px; line-height: 1.2; color: #666; font-family: 'Microsoft YaHei';}
.mainrighttop { padding-bottom: 23px}
.mainrightbottom p { font-size: 13px; color: #666; line-height: 1.8; font-family: 'verdana';}
.m { font-family: 'verdana'; padding: 5px 0;}

/* .mainrightbottom { line-height: 230%;} */
.mainTab { margin-top: 30px; background: #fff;}
.mainTab .tabs { background: #e0e0e0; text-align: left;}
.mainTab .tabs .active { background: #fff; border-top: 2px solid #c00;}
.mainTab .tabs a { width: 150px; height: 40px; line-height: 40px; display: inline-block; text-align: center; font-size: 14px; color: #333; border-top: 2px solid #e0e0e0;}
.content-slide { background: #fff; text-align: left; padding: 20px 45px; min-height: 330px;}
.orderBalance { overflow: hidden; background: #f1f1f1; padding: 30px; margin-top: 20px;}
.orderBLeft { font-size: 12px; color: #333; float: left;font-family: 'SimSun';}
.orderBRight { float: right; font-size: 12px; font-family: 'SimSun';}
.orderBTips { font-size: 12px; padding: 10px 0;}
.orderBTips a { font-size: 12px;}
.orderBslideBtn { display: inline-block; width: 140px; height: 36px; line-height: 36px; margin: 0 5px; padding: 0 !important; border: 1px solid #c00;}
.orderBack { border: 1px solid #ddd !important; color: #666; background:none;}
.orderBack:hover { border: 1px solid #c00; color: #c00;}
.orderBLeft a { background: #84c72d; font-size: 12px; color: #fff; padding: 3px 15px; margin-left: 10px;}
.orderBLeft a:hover { color: #fff;}
.orderSelect { overflow: hidden; border-bottom: 1px solid #ddd; padding: 20px 0 40px; margin-bottom: 40px;}
.orderSelect p { float: left;    line-height: 60px;    height: 60px;    width: 100px;}
.orderSelect .hot p { border: 1px solid #c00;}
.orderSelect ul { overflow: hidden;}
.orderSelect li { float: left; margin-right: 30px;}
.orderSelect label { height: 60px; line-height: 60px; display: block;}
.orderSelect label input { float: left; margin-top: 25px; margin-right: 10px;}
.orderSelect label p { border: 1px solid #ddd; text-align: center; min-width: 160px;}
.orderSelect label p img { margin: 5px; height: 50px; width: auto;}

.consildeTit { color: #000; font-size: 14; line-height: 50px;}

.timeType li span { width:50px; text-align: center;}

.ctitle { overflow: hidden; background: #f0f0f0;}
.ctitle input { display: none;}
.ctitle label { display: block; width: 100%; cursor: pointer;}
.csstable { margin-bottom: 0px;}
.csstable td { padding: 0;}
.input { height: 37px; padding: 0 15px; margin: 5px 0;}
.btsb input { height: 37px; padding: 0 15px;}

#loginU { border: 1px solid #ddd; margin-bottom: 30px;}
.ctil_left,.ctil_right { float: left; width: 140px; height: 40px; line-height: 40px; color: #333; font-size: 16px;}
.ctil_left label,.ctil_right label { border-top: 2px solid #f0f0f0; text-align: center; font-family: 'SimHei';}
.ctitle .ctil label{ border-top: 2px solid #c00; background: #fff;}
.ctil_main { background: #fff; padding: 40px 55px;}

.NewTips { position: static; left: 0; width: auto; height: 37px; line-height: 37px; background: none !important; padding-left: 0; display: inline-block;}

.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hot{border:none !important;}

@media screen and (min-width:1024px) and (max-width:1200px){
	.mainInfo{padding: 50px 20px;}
	.mainLeft{padding: 35px 0px 0 0px;}
	.mainright{float: right;width: 80%;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	.mainInfo{padding: 50px 20px;}
	.mainLeft{padding: 35px 0px 0 0px;}
	.mainright{float: right;width: 80%;}
	.itemRight li p{width:95px;}
	.infoTop{padding:0 10px;}
}

@media screen and (min-width:414px) and (max-width:767px){
	.mainInfo{padding: 20px 0px !important;}
	.mainLeft{float:none;padding:0;text-align:center;}
	.mainLeft img{width:15%;}
	.mainright{float:none;}
	.mainrighttop{padding:10px;}
	.mainRightTit{font-size:20px;}
	.mainrightbottom{padding:0 10px;}
	.mainrightbottom table{width: 100%;}
	.mainTab .tabs a{width:32%;}
	.content-slide{padding: 20px 10px;}
	.orderSelect li{margin-right: 10px;}
	.orderSelect label p{min-width:auto;}
	.orderBslideBtn{width:25%;}
	.swiper-slide{height: auto !important;}
	.mainOrder .pkgContent{padding: 50px 10px 20px 10px !important;}
	.itemRight01 li{width:28% !important;margin-bottom: 5px !important;}
	#pwd,#pwd2{width:80% !important;}
	.ctil_main{padding: 40px 10px;}
	#table_reg input{width:100% !important;}
	#table_reg td .btsb{width: 65% !important;}
	.infoTop{padding:0 2%;}
	.con_item ul{width: calc(100% - 0px);}
	.itemRight li p{width: 115px;}
	#table_reg input#Tk{width: auto !important;}
	#table_reg td{display: block;width: 100%;}
}
@media screen and (min-width:375px) and (max-width:413px){
	.mainInfo{padding: 20px 0px !important;}
	.mainLeft{float:none;padding:0;text-align:center;}
	.mainLeft img{width:15%;}
	.mainright{float:none;}
	.mainrighttop{padding:10px;}
	.mainRightTit{font-size:20px;}
	.mainrightbottom{padding:0 10px;}
	.mainrightbottom table{width: 100%;}
	.mainTab .tabs a{width:32%;}
	.content-slide{padding: 20px 10px;}
	.orderSelect li{margin-right: 10px;}
	.orderSelect label p{min-width:auto;width: 95px;}
	.orderBslideBtn{width:25%;}
	.swiper-slide{height: auto !important}
	.orderSelect p{    width: 70px;}
	.mainOrder .pkgContent{padding: 50px 10px 20px 10px !important;}
	.itemRight01 li{width:40% !important;margin-bottom: 5px !important;}
	#pwd,#pwd2{width:80% !important;}
	.ctil_main{padding: 40px 10px;}
	#table_reg input{width:100% !important;}
	#table_reg td .btsb input{width: 65% !important;}
	.infoTop{padding:0 2%;}
	.con_item ul{width: calc(100% - 0px);}
	.itemRight li p{width: 95px;}
	#table_reg input#Tk{width: auto !important;}
    #table_reg td{display: block;width: 100%;}
}
@media screen and (min-width:320px) and (max-width:374px){
	.mainInfo{padding: 20px 0px !important;}
	.mainLeft{float:none;padding:0;text-align:center;}
	.mainLeft img{width:15%;}
	.mainright{float:none;}
	.mainrighttop{padding:10px;}
	.mainRightTit{font-size:20px;}
	.mainrightbottom{padding:0 10px;}
	.mainrightbottom table{width: 100%;}
	.mainTab .tabs a{width:32%;}
	.content-slide{padding: 20px 10px;overflow-x: scroll;}
	.orderSelect li{margin-right: 10px;margin-bottom: 10px;}
	.orderSelect label p{min-width:auto;width: 95px;}
	.orderBslideBtn{width:25%;}
	.swiper-slide{height: auto !important;}
	.orderSelect p{    width: 70px;}
	.mainOrder .pkgContent{padding: 50px 10px 20px 10px !important;}
	.itemRight01 li{width:43% !important;margin-bottom: 5px !important;}
	#pwd,#pwd2{width:80% !important;}
	.ctil_main{padding: 40px 10px;}
	#table_reg input{width:100% !important;}
	#table_reg td .btsb input{width: 65% !important;}
	.infoTop{padding:0 2%;}
	.con_item ul{width: calc(100% - 0px);}
	.itemRight li p{width: 95px;}
	#table_reg input#Tk{width: auto !important;}
	#table_reg td{display: block;width: 100%;}
	.timeType li p{width: 50px;}
	.fsn{left: 75% !important;}
}