*{margin: 0;padding: 0;word-wrap: break-word;}
body{background:#f3f3f3; color: #3d5463;font-size: 14px;line-height: 1.6;margin:0 auto;position: absolute;left: 0;top: 0; width:100%;height: 100%;text-rendering:optimizelegibility;font-family:"Hiragino Sans GB","微软雅黑", "SimHei", "SimSun","黑体","arial","calibri";}
img {border: medium none;margin: 0  auto;  vertical-align:middle;width: auto; max-width: 100%; padding: 0;}
ul, ol, li {list-style: none outside none;font-size: 100%;vertical-align: baseline;}
a{ text-decoration:none;color: #3d5463;}
table{border:0;width:100%;}
input[type=number],input[type=text],input[type=tel],input[type=file],input[type=submit],input[type=button],select,textarea{font-family:"微软雅黑","Arial","calibri";
	font-size: 14px; border:none;background:transparent; width:100%;appearance:none;-webkit-appearance: none;-moz-appearance: none;outline:none;}
.clear:after{content:"."; display:block;height:0;clear:both;visibility:hidden;}
textarea{resize: none}

.searchbox input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {	color: #f5b8bc;}
select::-ms-expand { display: none; }

.hide {
	display: none!important;
}


@font-face {font-family: "iconfont";
	src: url('myfonts/iconfont.eot?t=1469174800'); /* IE9*/
	src: url('myfonts/iconfont.eot?t=1469174800#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('myfonts/iconfont.woff?t=1469174800') format('woff'), /* chrome, firefox */
	url('myfonts/iconfont.ttf?t=1469174800') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('myfonts/iconfont.svg?t=1469174800#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family:"iconfont" !important;
	font-size:13px;    font-weight: bold;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.loading{    width: 30px;line-height: 25px; height: 24px; margin: 0 auto; display:inline-block;animation: loading 1s linear infinite;-webkit-animation: loading 1s linear infinite;-moz-animation: loading 1s linear infinite;-ms-animation: loading 1s linear infinite}

@-webkit-keyframes loading {
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes loading {
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
@-ms-keyframes loading {
	0%{-ms-transform:rotate(0deg)}
	100%{-ms-transform:rotate(360deg)}
}

.cr-con input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {	color: #aaaaaa;}

.autocomplete-history-dropmarker.urlbar-history-dropmarker {display: none !important;}
.tran{transition: all 160ms;-webkit-transition: all 160ms;-moz-transition: all 160ms;}

.wrap{ height: auto; min-height: 100%}
.myroom{    line-height: 36px;
	border-bottom: 1px solid #D4D4D4;
	margin: 10px 0;
}
.contentbody{padding:0 0 150px; position: relative}
.indexcc.contentbody{margin: 74px 0 0;}


/*滚动页面时导航样式*/
.fix.navbox{background: url(../img/red-bg.png) repeat;}
.fix .logodiv {background: url(../img/title.png) no-repeat;}
.fix .nav a{color: #e42d42;  /*  text-shadow: 0 1px 1px #dea7ae;*/}
.fix .loginbox .userpho {background: url(../img/user.png) no-repeat;}
.fix .applybtn a{ color: #e42d42; }
.fix .applybtn a:hover{ color:#480003;}

.navbox {
	background:url(../img/jiaoyitopbg.png) center center no-repeat #CF333F;
	width: 100%;
	min-width: 1200px;
	height: 75px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
	z-index: 100;
}
.tran2{transition: all 300ms linear;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;}

/*.nav {
	width: 1200px;
	height: 75px;
	padding: 0;
	position: relative;
	margin: 0 auto;
}*/

.nav a {color: #ffffff;text-shadow: none;}

.titleimg{ width: 210px; height: auto; display: block; margin: 0 auto;position: absolute;left: 490px;top: 15px;}

/*.logo {
	margin: 15px 0 0;
	display: block;
	float: left;
	height: 45px;
	overflow: hidden;
}*/
.logodiv{ background: url(../img/title.png) no-repeat; width: 224px; height: 54px;margin: 10px 0 0;float: left;}
.navrightbox{position: relative;width: 350px;height: 75px; float: right; }
.navright {
	color: #FFFFFF;
	width: 500px;
	height: 42px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.loginbox {
	font-size: 16px;
	height: 30px;
	width: 100px;
	line-height: 30px;
	margin: 5px 0 0;
	float: right;
	vertical-align: middle;
}

.loginbox .userpho,
.loginbox span {
	display: block;
	line-height: 33px;
	vertical-align: middle;
	float: right;font-size: 12px;
}

.loginbox .userpho {
	margin: 7px 5px 0;background: url(../img/user2.png) no-repeat;width: 15px;height: 17px;
}

.loginbox span.vline {
	margin: 0 2px 0 6px;
	height: 12px;
	width: 1px;
	background: #FFFFFF;
	font-size: 12px;
	line-height: 26px;
}

.morebox:hover .user_dropdown{display: block}

.user_dropdown {
	display: none;
	background: #fff;
	border: 1px solid #E9E9E9;
	width: 100px;
	padding: 10px 0 0;
	font-size: 14px;
	position: absolute;
	right:0;
	top:30px;
	z-index: 10;
	border-radius: 4px;
	overflow: visible;
}
.user_dropdown a {
	font-size: 14px;
	color:#999999;
	text-decoration: none;
	line-height: 40px;
	display: block;
}

.user_dropdown li {
	position: relative;
	height: 40px;
	line-height: 40px;
	text-align: center;
	/*border-bottom: 1px solid #E9E9E9;*/
}
.user_dropdown li:hover{
	background-color: #f2f2f2;
}
.user_dropdown li:last-child {
	border: none;
}
.user_dropdown li.trangle {
	background: url(//cdn2.jin10.com/space/img/trangle-grey.png) no-repeat;
	width: 12px;
	height: 10px;
	position: absolute;
	left: 80%;
	margin: 0 0 0 -6px;
	padding: 0;
	top: -10px;
	border: none;
	z-index: 110;
}
.userbox{height: 42px;width: 130px; position:relative;line-height: 30px;margin: 7px 0 0; float: right;  }
.userbox:hover .user_dropdown{display: block}
.usertx{    float: right;font-size: 12px;
	margin: 2px 0 0 4px; display:block;vertical-align: middle;width: 24px; height: 24px; border-radius: 50%;}
.username{float: right;    text-align: right; display:block;vertical-align: middle;overflow: hidden;
	text-overflow: ellipsis; overflow-wrap: inherit; white-space: nowrap;    width: 90px;  height: 30px;}
/*.username a{ color:#e42d42;     font-size: 12px;}*/

.searchbox{float: right; background: url(../img/white-bg.png) repeat;border-radius: 14px; width: 160px; height: 20px; padding: 3px 7px 3px 10px;margin:10px 15px 0 0;}
.searchbox input[type=text]{width:135px; height: 20px; line-height: 16px; float: left;font-size: 12px; color: #FFFFFF;}
/*.search{ width: 15px; cursor: pointer; margin: 1px 2px 0 2px;float: right;}*/



.navright2{ line-height: 30px; height: 30px; width: 300px;margin: 40px 0 0;    float: right;}
.applybtn {float: right; margin: 0 0 0 20px;}
.applybtn a{ color: #ffffff;    font-size: 12px;}
.applybtn a:hover{ color: #ffffff;}

.cr-con {
	margin: 20px auto;
	padding: 20px 50px;
	width: 1100px;
	border: 1px solid #f3f2f2;
	background: #FFFFFF;
}



.ctop {
	line-height: 40px;
}

.ctips {
	font-size: 12px;
	display: block;
	margin: 5px 0;
}

.example {
	cursor: pointer;
	margin: 0 10px;
	height: 22px;
	font-size: 12px;
}

.example img {
	width: 100px;
	margin: -30px 0 0;
}

.btnbox {
	text-align: center;
	font-size: 14px;
	margin: 40px auto;
}
.popcon .btnbox { position: absolute; left: 0; bottom:30px;margin: 0; width: 100%}

.btns {
	cursor: pointer;
	display: inline-block;
	background-color: #f74142;
	text-align: center;
	border-radius: 1px;
	color: #FFFFFF;
	margin: 0 10px;
	width: 110px;

}
.btns:hover{background-color: #e9252c}

.btns input {
	cursor: pointer;
	color: #FFFFFF;
	line-height: 20px;
	padding: 8px 0;
}

.btns.disabled {
	background-color: #CCCCCC;
}
.btns.disabled:hover {
	background-color: #CCCCCC;
}

.btns.green,.opbtn.green {
	background-color: #55c5b8;
}
.btns.green:hover,.opbtn.green:hover {
	background-color: #23ad9d;
}


#getCode.disabled {
	background-color: #CCCCCC;
}

.btns.disabled>input{
	/*cursor: not-allowed;*/
}


.btnwrap{ width: 100%;}
.error-message{ float: left; background: url(../img/notice.png) no-repeat;line-height:16px;height: 16px; text-indent: 1.8em; font-size: 14px; color: #ff2424; margin: 11px 0 5px}

.cr-progress{ text-align: center; }
.cr-progress ul{width: 80%; display: block; margin: 0 auto;}
.cr-progress ul li{ float: left; width: 25%; height: 36px; line-height: 36px;overflow: hidden;}
.cr-progress ul li div{margin: 0 auto;}
.cr-progress ul.cr-p1{ margin:20px auto;}
.cr-progress ul.cr-p2{ margin: -18px auto 0;position: relative; z-index: 5;}
.cr-progress ul.cr-p3{ color: #ff3d53;}
.cr-bar{ height: 4px; width: 100%; background: #ebebeb; position: relative;}
.cr-per{ height: 4px;  background: #ff3d53; position: absolute; left: 0;top: 0;}
.cr-per.s1{width: 30%}
.cr-per.s2{width: 50%}
.cr-per.s3{width: 70%}
.cr-per.s4{width: 100%}
div[class^="split"]{background: #FFFFFF; position: absolute;top: 0; height: 4px;}
.split1{ left: 2%; width: 4px;}
.split2{ left: 6%; width: 7px;}
.split3{ right: 6%; width: 7px;}
.split4{ right: 2%; width: 4px;}

.cr-dot{color: #969696; background: url(../img/cr-nor.png) center top no-repeat; width: 36px; height: 36px;}
.cr-dot.on{background: url(../img/cr-nor2.png) center top no-repeat;color: #ff3d53 }
.cr-dot.get{background: url(../img/cr-get.png) center top no-repeat; text-indent: 100em;}
.cr-dot.warn{background: url(../img/cr-warn.png) center top no-repeat;text-indent: 100em;}

.cr-name {padding:30px 0 10px;  margin: 20px 0  20px;  border-top: 1px solid #e6e6e6;  position: relative;}
.cr-name-ti{ font-size: 16px; width: 100%; line-height: 30px; font-weight: bold;}
.startag{ float: left;     margin: 10px 3px 0 0;}
.border{ border: 1px solid #CCCCCC;border-radius: 3px; }
.cr-name-input{ float: left;}
.cr-name-input input[type=file]{ display: none;}
.cr-name-input div{ float: left; }
.cr-name-input input{width: 180px; line-height: 22px;height: 22px; padding: 3px 0; font-size: 14px;}
.cr-name .cr-tips{ font-weight: normal; width: 100%; font-size: 12px; color: #AAAAAA; margin: 3px 0 0 5px;}
.id-tips{ margin: 0 0 0 0; font-size: 12px;line-height: 1.6; }
.id-tips span{ color: #AAAAAA; display: block;}
.open-upload {width: 100%; margin:30px 0 10px;}
.dash{height:0; width: 100%; border-bottom: 1px dashed #e6e6e6; margin:5px 0 30px;}
.upbtnbox{ line-height: 30px; width:100%;margin:25px auto;  float: left; text-align: center; }
.upbox .tips1{width: 160px;text-align: center; }
.upbtn{cursor: pointer;position: relative; background-color: #57c1aa;color: #FFFFFF; text-align: center; width:100px;
	height: 30px;line-height: 30px; display: inline-block; padding: 2px 5px; border-radius: 3px; float: right; }
.upbtn:hover{ background-color:#009272}
.upbtnbox .upbtn{margin: 0 175px 0 0;}
.cr-info .upbtnbox .upbtn{margin: 0 225px 0 0;}
.cr-info .upbox2{float: left;  margin: 0 0 0 70px;}
.upbtnbox .tips1{ float: none; width: 180px; height: 40px; position: absolute; bottom: -45px; left:50%; margin: 0 0 0 -90px; line-height: 1.6;text-align: center}

.upbtn.verify_ok,.btn.verify_ok{ background-color: #CCCCCC;cursor: not-allowed}

.pre-upimg{ height: 60px;    float: left;}
.room-file-img{ width: 160px}
.fancyimg{  display:block;}
.idimgbox{ width: 100%; height: 70px}
.idimg{ font-size: 12px; width: 100px; height: auto;}
.idimg p{ width: 100px;float: left;    margin: 5px 0;}
.exam-upimg{ height: 60px;  width:auto ;    float: none;}
.fancyimg span{ margin: 0 5px;display: block; text-align: center;line-height: 50px; }
.inputs{ width:600px;float: left;    margin: 0 0 0 10px;}
.vcode.cer-open-input{width: 338px;float: left; }
.vcodebtn{ float: right;}
.vcodebtn .upbtn { width: 80px}
.cer-open{ margin: 0 0 20px;}
.cer-open li{ margin:  0 0 10px;  width: 100%}
.cer-open li.verify_notpass{background-color: #fff1d8;}
.cer-open-t{ float: left;    text-align: left; width:130px; line-height: 30px;}
.cer-open-inputbor{float: left; width: 450px;position: relative }
.cer-open-input{  width: 442px; border: 1px solid #CCCCCC;border-radius: 2px; padding:5px 3px;position: relative;}
.cer-open-input.verify_ok{color: #777;background-color:#e8e8e8;	border-color: #ddd;}
.cer-open-input.verify_ok input[type=text],
.cer-open-input.verify_ok input[type=tel],
.cer-open-input.verify_ok textarea{color: #777;}
.cer-open-inputbor .ok{display: none; position: absolute; right: -35px; top: 0; width:30px;}
.cer-open-input.verify_ok  .ok{ display: block}
.cer-open-inputbor.verify_ok  .ok{ display: block}
.cer-open li .cer-open-inputbor.red{    margin: -8px 0 0;font-size: 12px;}

.cer-open-input.verify_notpass{color: #777;background-color:#fff9ea;	border-color: #ddd;}
.cer-open-input.verify_notpass input[type=text],
.cer-open-input.verify_notpass input[type=tel],
.cer-open-input.verify_notpass textarea{color: #777;}
.cer-open-input .notpass{display: none; position: absolute; right: -35px; top: 0; width: auto;}
.cer-open-input.verify_notpass  .notpass{ display: block}




.apply .cer-open-input{border: 1px solid #5db3df; color: #5db3df; cursor: pointer;}
.apply .cer-open-input a{color: #5db3df; }
.apply .cer-open-input img{ margin: 0 3px;}
.apply .cer-open-input p{ margin: 0 0 0 175px; }
.applyup li{ margin: 0 0 10px; float: right; width: 100%; color: #666; text-align: center;}
.applyup .cer-open-input{cursor: pointer; position: relative; float: left; margin:0 20px 0 60px; width: 300px;}
.applyup .cer-open-input input{ position: absolute; left: 0; top: 0;}
.applyup  img{ float:right; cursor: pointer; height:34px ; width: 60px;}
.apply .red{}

.red{ color: #F70000;}
.tips1{ font-size: 12px; color: #717374; width: 100%;  float: left;  margin:3px 3px 0;}
.tips1.red{ color: #F70000;}
.upwrap{}
.upbox{text-align: center;width: 190px;}
.upbox1{float: left; margin: 0 0 0 128px;}
.upbox2{float: left;  margin: 0 0 0 30px;}
.applybox .upbox2{ display: none}
.applybox .upload-r{ float: none; width: 600px}
.applybox .upboxwrap{ float: left;    width:200px;    margin: 20px 0 0;}

.applybox .upload-r .upbox {margin: 0 auto; float: none}
.applybox .upload-r .upbtnbox .upbtn{ margin: 0 auto; float: none;}
.applybox .upload-r .pre-upimg{ float: none}
.applybox .upload-r .uploadtips{ float: none}
.applybox .upload-r .upbox .tips1{ float: none; width: 100%}
.applybox .upload-r .upbtnbox{ margin: 15px auto}
.applybox .upload-r .tips1{}
.applybox .upload-r .progress-box{ margin: 5px auto 0}
.applybox .upload-r .progress-boxwrap .progress-box{ margin: 0 auto}

.upload-r{ float: right; width: 470px;}
.upload-r .upbox1{ margin: 0 0 0 50px;}
.upload-r .upbtnbox .upbtn{margin:0 145px 0 0;}
.upload-r .list-item a.com-nam{ width: 100%;}
.arrow_right{display: none; float: left; height: 80px; margin: 0 10px}
.uploadtips{float: left;font-size:12px;width: 180px;color: #888888;margin: 6px 0 0}
.upbox2 .uploadtips{float: right; width: 150px;   margin:6px 16px 0;}

.upload-r .list-item{ width: 270px; float: right;border: 1px solid #DDDDDD;}
.upload-r .list-item:hover{box-shadow: 0 0 5px 0 #ff3048;border: 1px solid #DDDDDD\9;}


.ck-status{ position: absolute; right:0; top:0; width: 60px; height: 59px;}
.ck-status.ck-ing{  background:url("../img/check-ing.png") right top  no-repeat; }
.ck-status.ck-error{  background:url("../img/check-error.png") right top no-repeat ;}
/*.ck-status.ck-pass{ background:url("../img/check-pass.png") no-repeat;}*/
.ck-status.ck-close{  background:url("../img/check-close2.png") right top no-repeat ;}


.ck-closedown{background: url("../img/close_downbg.png") repeat; position: absolute;left: 0;
	top: 0; width: 100%; height: 100%;z-index: 2;}
.ck-closedown img{ display: block; margin: 63px auto 0; width: 80px}


.openbtn{
	background-color: #e42d42;
	border-radius: 3px;
	width: 55px;
	padding: 5px 35px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 2px; margin: 66px auto 0}

.cr-name .border{ height: 28px; padding: 0 3px;}
.cr-name-input .chobtn{float: right; border-left: 1px solid #CCCCCC; height: 28px; line-height: 28px; padding: 0 5px; cursor: pointer;}
.cr-name-state{ float: left;  margin: 0 0 0 10px;font-size: 12px; height: 30px;line-height: 30px; background: url(//cdn2.jin10.com/space/img/ok.png) left center no-repeat; padding: 0 0 0 20px; color:#d91d1d ;}
.cr-name-state.wrong{ background: url(//cdn2.jin10.com/space/img/wrong.png) left center no-repeat;}
.cr-name-add{ margin: 0 5px 0 0;line-height: 30px;}

.myroomtips{ margin:-20px 0 0; width: 100%;text-align: center;font-size: 12px;
	padding:5px;line-height: 20px; background-color: #ffffff; }
.myroomtips span{ color:#e42d42;font-weight: bold;margin: 0 5px }
.closetips{ cursor: pointer}

.list-con{width: 1200px; margin: 20px auto;position: relative}
.list-con-ul{margin:10px -6px; position: relative}
.list-con-ul>li{width: 291px; margin: 6px; float: left; position: relative}
.list-btm{ margin: 0; width: 100%; font-size: 12px;}
.list-item{/*width: 302px;height: 210px;*/       border: 1px solid #fff; padding: 10px; background-color: #FFFFFF;}
.myroomli .list-item{ height: 219px; }

.list-item:hover{box-shadow: 0 0 5px 0 #ff3048;border: 1px solid #ff3048\9;}
.list-item .heat{ width: 65px;    margin: 5px 8px 0 0; float: left;}
.create-time{font-size: 12px;margin:0 0 5px;color: #888;line-height: 23px;}
.detail-intro .create-time{float: left;margin: 0}

.att{float: right;cursor: pointer; margin: 0 0 0 20px; width: 50px; height: 24px; line-height: 24px; text-align: center; color: #ffffff;border-radius: 3px; background-color:#f74142}
.att:hover{background-color: #e9252c}
.att.ok{background-color: #CCCCCC }
.att.ok:hover{background-color: #CCCCCC}
.list-item span.attxt{ margin: 0; width: 100%}

.list-item h3{ line-height:1.4; padding:0; margin: 2px 0 10px; width: 100%;height: 22px; text-overflow: ellipsis;overflow:hidden;white-space:nowrap; }
.list-item span{ line-height: 23px;height: 23px; float: right; margin: 0 0 0 5px; }
.list-item span.m{ line-height: 30px}
.list-item span.powerbtn{ float: none; line-height: 20px; height: auto; margin:0 4px 0 0}
.list-item .com-nam span { float: none;}
.list-item div:after{content:"."; display:block;height:0;clear:both;visibility:hidden;}
.list-item a.picbox{display: block; width: 269px; height: 103px}
.list-item .pic{ margin: 0; width: 269px; height: 103px}
.list-item .cmt-num span{ margin: 0}
.list-item a.com-nam{float: left; width:220px ;height: 23px;line-height: 23px;  display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.detail-intro .list-item a.com-nam{ line-height: 23px;height:auto;  width: 100%; overflow: visible; white-space: normal;}
.list-item .goto{float: right;    margin: 0 0 0 4px;}
.list-item .goto a{display: block;color: #3187ca;}
.goto .jt{font-family: "SimHei", "SimSun";font-weight: bold; margin: 1px 0 0 5px; font-size: 11px;float: right; }
a.more{ color: #236489; width: 500px; display: block; text-align: center; line-height: 40px; background:url(../img/bluebg.png) repeat ; margin: 20px auto;}
.emptygif{width:auto;display: block;    margin: 30px auto 0;}
.emptytips{ text-align: center;line-height: 50px;  margin: 0 0 30px;}
.list-item span.editicon{ background: url(../img/edit.png) center center no-repeat; background-size: 16px auto; width: 23px; height: 23px;}
.list-item span.editicon:hover{background: url(../img/edit2.png) center center no-repeat; background-size: 16px auto;}
.emptytips a{color:#FF3D53 }
.emptytips a.tipsbtn{background-color: #f74142; color: #ffffff; border-radius: 3px; display:block; margin: 0 auto; width: 100px;letter-spacing: 1px; line-height: 1.6;padding:5px 0;}

.detail-con .list-btm{ margin: -5px 0 5px;}
.detail-con .list-mid {margin: 3px 0 0;}

.livehot{ background:#FFFFFF; padding: 10px 15px; margin: 30px 0 0; position: relative;  /*  height: 300px;*/}
.livehottag{background:url(../img/hottag.png) left top no-repeat; width: 70px; height: 70px;
	position: absolute; left: -8px; top: -8px;}
.livehottag.newtag{background:url(../img/newtag.png) left top no-repeat;}
.livehot h2{color: #FF3D53;font-size: 16px; height: 38px; padding: 10px 10px 0;}
.livehot .list-con-ul {margin: 0 -5px 10px;}
.livehot .list-con-ul li{ margin:2px;}
a.more1{display: block; float: right;font-weight: normal; font-size: 14px;margin:  0; color: #3187ca;}
a.more1 img{ margin: -3px 0 0;}
.livenow a.more1{ padding: 0 }
.morebox{ position:relative;float: right;height: 50px; }

.livehot .list-item{ padding:  10px 10px 0;}
.livehot .list-btm:last-child{ border-bottom:1px solid #f3f3f3; padding: 0 0 10px;}
.livehot .list-item:hover .list-btm:last-child{ border-bottom: none;}

.livenow{width: 100%; height: 40px; margin: 30px 0 0;}
.livenowtag{float: left; height: 34px; line-height:34px; width:auto;    padding: 0 20px; font-weight: bold; text-align:center;font-size: 16px; border-radius: 20px;color:#FF3D53 ;border: 1px solid #FF3D53; }

.detail-con{ width: 1200px;margin:20px auto;     padding: 0 0 50px; background: #fff;}
.detail-ti{padding: 30px; position: relative;  margin: 0 ;}
.tag{ position: absolute; left: -5px; top: -5px;width: 60px;}
.navpic{ width: 600px;height: 230px; float: left; margin: 0; background:#e2e2e2}
.detail-intro{ float: right; width: 510px;}
.detail-ti .list-item{box-shadow: none;cursor: default; padding: 0;  border: none;}
.detail-cc{  margin: 0 0 70px;}
.detail-ti .list-item h3{ margin:-5px 0 0;    font-weight: bold; font-size: 20px;height: auto;white-space: normal }

.detail-ti .btnbox{height: 47px;margin: 0; position: absolute; bottom:48px;top: 168px;}
.detail-tips{ position: absolute; bottom:27px; width: 510px; color: #ea0221; font-size: 12px;top: 220px;}

.detail-ti .btns{ width: 150px; line-height: 45px;border-radius: 3px; }
.detail-ti .btns input[type=button]{font-size: 18px;  padding: 10px 0;height: 26px;line-height: 26px;box-sizing: content-box;}
.more-detail{ position: absolute;right: 10px;bottom: 60px;font-size: 12px;color: #888; display: none}
.list-mid{ margin:8px 0 0;font-size: 12px;}



.btm_op { float: left; width: 210px;}
.btm_op .op-piece{ float: left;margin: 0 8px 0 0;     vertical-align: middle; background-color: #e42d42;
	border: 1px solid #e42d42; color: #ffffff;
	border-radius: 2px; width: 56px; height: 20px;line-height: 19px; text-align: center;}

.btm_op .op-piece:hover{}
.btm_op .op-piece.on{ background-color: #e42d42;	border: 1px solid #e42d42; color: #ffffff;}
.op-piece img{ width: 19px; float: left; margin: 1px 1px 0 3px;}
.op-piece a{color: #ffffff;float: left; margin:0;display: block;cursor: pointer; width: 55px;}

/*阅读条款*/
.perface-box{position: relative;    padding: 20px 0 0; }
.perface-box h3{ text-align: center;padding: 10px 0;font-size: 20px; }
.perface-con{ padding: 0 30px}
.perface-con h4{ margin: 20px 0 3px; color: #e64b3b;}
.item-op{ width: 100%; height: 30px; margin: 30px 0 0}
.item-op div{width:150px; float: left;}
.checkbox{ margin: 0 0 0 445px;}
.checkbox input{ float: left; margin: 5px 0 0}
.checkbox label{margin: 0 0 0 5px; cursor: pointer }
.timebox img{ width:20px; margin: -10px 10px 0;}
.shalou{animation: shalou 1.8s linear infinite;}

@keyframes shalou {
	0%{ transform: rotateZ(0deg);}
	80%{transform: rotateZ(360deg);}
	100%{transform: rotateZ(360deg);}
}



/*时段*/
.popwrap{position: fixed;   z-index: 1000; left: 50%; top: 50%; width: 600px; height: 420px; margin:-210px 0 0 -300px;
	box-shadow: 0 0 16px 1px #aaaaaa; border-radius: 2px; background-color: #ffffff}
.popwrap.minipop{ width: 600px; height: 220px; margin:-110px 0 0 -300px;}
.popwrap.minipop h3{ margin:40px 0 20px }
.popconcc{ width: 600px; height: 420px; background-color: #ffffff;position: relative;z-index: 100;}
.fixbg{ position: fixed; left: 0; top: 0; opacity: 0.6; background-color: #000000; width: 100%; height: 100%}
.popcon{padding: 10px 40px }
.popcon h3{font-size: 18px; font-weight: bold; text-align: center; margin: 20px 0}
.p-icons{ background: url(../img/picons.png) center center no-repeat; width:22px; height: 22px }
.p-close{cursor: pointer; z-index: 20; background-position: 0 0;position: absolute;right: 10px; top: 10px   }
.p-close:hover{ background-position: 0 -26px }
.periodul{}
.periodul li{ position: relative; height:20px;margin: 10px 0 25px }
.periodul .p-ti{position: absolute; top: 0;left: 0; width: 50px; height: 20px;line-height: 20px;}
.periodul .p-item{position: relative; margin: 0 0 10px 60px}
.periodul label{ margin: 0 10px 0 3px;cursor: pointer}
.periodul input{cursor: pointer}
.p-itembox{ height:auto;}
.periodul li#dateli .p-bor,.periodul li#dateli .p-bor{ margin: -5px 0 0}
.periodul .secli .p-item{ margin: 0 0 10px 55px }
.periodul .firli .p-bor{ margin: -5px 0 0}
.periodul .firli .to{    margin: -5px 15px 0;}

.periodul .p-bor{position: relative; float: left; height: 20px; padding: 5px; border: 1px solid #dddddd; box-shadow: 0 1px 6px #eeeeee inset;}
.periodul .to{float: left; display: block; margin: 0 15px 0; height: 30px;line-height: 30px;}
.periodul .split{float: left;text-align: center; height: 30px;line-height: 30px;}
.p-bor input[type=text]{ width: 100px;position:relative;z-index: 10; padding: 0 40px 0 0}
.p-bor input[type=text]::-webkit-input-placeholder{color: #aaaaaa;}
.p-bor .p-icons{ position: absolute;right: 5px; top: 5px;}
.p-icons.calendaricon{ background-position: 0 -50px}
.p-bor:hover .calendaricon{ background-position: 0 -74px}
.p-bor{ }
.periodul .secli{ height: auto}
.periodul .secli .p-bor{    margin: 0 5px;}
.periodul .secli select{position: relative;box-sizing: content-box; z-index: 10; width: 24px;cursor: pointer; padding: 0 12px 0 0}
.p-icons.arrow{ background-position: 10px -98px}
.p-bor:hover .p-icons.arrow{ background-position:10px -115px}
.periodul .secli .p-ti{ margin: 5px 0 0;}


.addbtn{ position: absolute; left:440px; top: 0; text-align: center; width: 30px; height: 30px; font-size:24px;line-height: 28px; color: #ffffff;
	background-color:#55c5b8 ;border: 1px solid #55c5b8 ; cursor: pointer; z-index: 50; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.addbtn:hover{ background-color: #3f9c90}
.periodul .p-item .addbtn{ left:340px; z-index: 30}


#scrollbar {
	width: 480px!important;
	margin:0!important;
}
#scrollbar .track{background: #193349!important;}
#scrollbar .thumb{background: #2c5579!important;}
#scrollbar .viewport {height: 100px!important;width: 460px!important;}

.pretimebox{position: fixed;    z-index: 1002; left: 0; top:0;width: 100%;height: 100% }
.pre-popwrap{position: fixed;    z-index: 2002; left: 50%; top: 50%; width: 370px; height: 390px; padding:10px 0 0; margin:-200px 0 0 -185px;
	box-shadow: 0 0 16px 1px #aaaaaa; border-radius: 2px; background-color: #ffffff}

/*分页start*/
.pagination {
	margin: 30px auto;
	display: block;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
}
.pagination li {
	display: inline-block;
}
.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination>li:last-child>span {
	margin-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	z-index: 3;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color:#1BA08F;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #5EB9BF;
	border-color: #5EB9BF;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus,
.pagination>.disabled>a:hover, .pagination>.disabled>span,
.pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
/*分页end*/

.footer{margin: -100px 0 0; height: 100px;  padding: 0 10px; background: url(../img/jiaoyibtm.png)left bottom  #ededed;    z-index: 10;
	position: relative;
}
.footercon{ width: 1200px; height: 100px; margin: 0 auto;}
.footlogo{ float: left; width: 60px; height: 60px; margin: 20px 20px 0 0;}
.cpright{ float: left; text-align: center; width: 100%; height: 60px; margin: 30px 0 0;}
.cpright p{ line-height: 1.6; color: #696969; font-size: 12px;}

.progress-boxwrap{	display:block;	width:100%;	height: 3px;}
.progress-box {
	margin:5px 100px 0 0;
	display:block;
	width:160px;
	height: 3px;
	border-radius: 1px;
	overflow: hidden;
	background-color: #F1F1F1;
	box-shadow: 0 1px 1px #ddd inset;

}

.progress-bar {
	height: 5px;
	width: 0;
	background: url(//cdn2.jin10.com/ucenter/static/images/p-bar.jpg) repeat-x;
	border-radius: 3px;
}

.applyup .progress-box{margin: 0;width:100%;}
.applyup a{ width: 60px;	float: right;}

/*.comment {
	margin: 30px 10px 0!important;
}*/

/*后台审核*/
.back-detail .cer-open-inputbor{ float: left; position: relative;}
.back-detail .cer-open-inputbor img{ width: auto; max-width: 100%}
.back-detail .cer-open-inputbor img.exam-upimg {float: left;margin: 0 10px 0 0;}
.back-detail .cer-open-t{ line-height: 1.6; width: 155px;}
.back-detail .cer-open-t input{float: left; display: block;cursor: pointer; margin: 4px 3px 0 0; }
.back-detail .cer-open-t label{float: left;cursor: pointer; display: block;}
.back-detail .tips1box { width: 400px; float: left}
.others_rooms{ width: 100%; float: left; line-height: 30px;}
.others_roomsin{ margin: 0 0 0 150px; float: left;}
.others_roomsinli{ width: 100%; font-size: 12px; float: left}
.li-ing,.li-ing a { color: #07a5ff}
.li-pass,.li-pass a { color:#55c5b8}
.li-error,.li-error a { color: #f4b71b}
.li-close,.li-close a { color:#888888}
.others_roomsin p{    margin: 5px 0 0;line-height: 20px;font-size: 12px;color: #f14848;}
.others_rooms a.others_rooms_nam{width: 380px; text-decoration: underline; display: block; float: left;line-height: 20px;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.others_rooms span{width: 70px; display: block;text-align: right; font-size: 12px; line-height: 20px; float: left}

.back-detail .upbtn{margin: 0 5px;}
.upbtn.verify_no {	background-color: #f14848;}
.upbtn.verify_no:hover{background-color: #b51616}
.back-detail .inputs{width: 100%;margin: 0}
.back-detail .cr-name{ padding: 30px 10px 10px;}
.back-detail .btn{    background-color:#57c1aa;}
.back-detail .btn.verify_no{ background-color:#f14848;}
.back-detail .btn.overtips{ width: auto; background-color: transparent}
.back-detail .btn.overtips .nextwork{ text-decoration: underline}
.back-detail div.verify_ok{color: #777;background-color:#e8e8e8;	border-color: #ddd;}
.oktips{ display: none; position: absolute;left: 490px;top: 0;	width: 120px;height: 30px;line-height: 30px;color: #57c1aa;	font-size: 12px;}
.back-detail div.verify_ok .oktips{display: block}
.whtips{ margin: 3px 0 0; font-size: 12px}
.back-detail .cer-open li {	padding: 8px 8px 6px;}
.back-detail .cer-open li:hover{ background-color: #F6F6F6}

/*首页幻灯片*/
.contentbody .flex-control-nav{ width: 100%;text-align: center;    bottom: 10px;}
.contentbody .flex-control-paging li a{ width: 8px;height: 8px;background-color:#ffffff;opacity: 0.4;  box-shadow: 0 0 1px #ffffff; }
.contentbody .flex-control-paging li a.flex-active{background-color:#ffffff;opacity: 1;}
.contentbody .slidecontent span{color: #333333}
.contentbody .slidecontent{ line-height: 38px}
.contentbody .sliderbox{ /* */width: 100%;overflow: hidden; height:454px; position: relative}
.contentbody .flexslider{  position: absolute; left:50%; top: 0; margin: 0 0 0 -1000px;  width: 2000px; height:454px;  overflow: hidden}
.contentbody .flex-direction-nav .flex-prev {
	left: 25%;
}
.contentbody .flex-direction-nav .flex-next {
	right: 25%;
}
.contentbody .flexslider:hover .flex-direction-nav .flex-prev {
	left: 25%;
}

.contentbody .flexslider:hover .flex-direction-nav .flex-next {
	right: 25%;
}


/*重写评论样式*/
.comment_btn input.btn{  margin: 0!important;  background-color: #f74142!important; }
.comment .btn{ border-radius: 3px!important;}
.comment  h3{ width: 120px!important; /*margin: 15px 0 -15px!important;*/ height: 30px!important; line-height: 30px!important;background-color:#333333;
	text-align: center; color: #ffffff; font-weight: normal!important; padding: 0!important;font-size: 14px!important;  position: relative;
	z-index: 10;}
.cmtcon {padding:0 30px 30px;position: relative;	margin: 0 0 50px;}
.entermsg {}
.cmt_list {margin: 15px 0 15px!important;}


/*ZebraDialog*/
.ZebraDialog .ZebraDialog_Buttons a{outline: none}


/*八周广告start*/
.w-ads {
	margin:20px 0 -10px;
	text-align: center
}


.w-ads_list {
	display: inline-block;
	text-align: center;
	font-size: 0;
	width: 800px
}

.w-ads_item {
	display: inline-block;
	width: 200px ;
	width: -webkit-calc(20% - 4px) ;
	width: -moz-calc(20% - 4px) ;
	width: calc(20% - 4px) ;
	height: auto;
	/*max-height: 50px;*/
	margin: 3px 2px;
	overflow: hidden;
	font-size: 12px;
	/*background-color: #ddd;*/
	vertical-align: middle;
	*zoom: 1;
}

.w-ads_item img {
	max-width: 100%
}
/*八周广告end*/



@media screen and (max-width:1200px) and (min-width:750px) {
	.navbox{ min-width: 100%}
	.nav{ width: 100%; box-sizing: border-box; padding: 0 10px}
	.list-con{width: 610px;}
	.list-con-ul{  padding: 0;margin: 10px 0;}
	.footercon{ width: 100%}
}

@media screen and (max-width:750px) {
	.logodiv{ width: 160px; height: 45px;
		background: url(../img/title.png) no-repeat; background-size: 160px auto;margin: 8px 0 0;}
	.username{ display: none}
	.searchbox{ width: 100px;    margin: 8px 0 0 0;}
	.searchbox input[type=text] {width: 80px;}
	.userbox{ width: 30px; height: 30px}
	.loginbox .userpho{ display: none}

	.contentbody .sliderbox{height: 227px}
	.contentbody .flexslider{ margin: 0 0 0 -500px;width: 1000px;}
	.contentbody .flex-control-nav{ bottom: 0}
	.contentbody .flex-control-paging li a {width:6px;height: 6px;}

	#createbtn{ display: none}
	.loginbox{    width:150px;margin: 0;   position: absolute;right: 0;top: 33px;}
	.navright{}
	.navrightbox{width: 200px; height: 64px; position: absolute;right: 6px; top: 0; overflow: hidden}
	.navbox{ min-width: 100%; height: 64px;}
	.nav{ width: 100%;  height: 64px;box-sizing: border-box; padding: 0 5px}
	.navright2{ margin: 35px 0 0; width: 100%}
	.indexcc.contentbody{ margin: 64px 0 0}

	.list-con-ul>li{ width: 96%; margin: 6px 2%;}
	.list-item a.picbox,.list-item .pic{width: 100%; height: auto}
	.list-item a.com-nam{ width: 70%}
	.list-con-ul>li:last-child .list-item{ border:none}
	.livehot .list-item{ border-bottom:none}
	.livenowtag{ height: 26px;line-height: 26px;padding: 0 15px;font-size: 14px;}
	.livenow{margin: 15px 0 0;height: 30px;}
	.list-item{ border-bottom:1px solid #f3f3f3}
	.list-item h3{ font-size: 14px;margin: 0 0 5px;}
	.list-con{width:94%;}
	.list-con-ul{  padding: 0;margin: 10px 0;background-color: #fff;}
	.footercon{ width: 100%}

	.detail-ti{ padding: 20px 10px}
	.detail-ti .list-item h3{font-size: 16px;margin: 10px 0 0;}
	.detail-cc {margin: 0 0 20px;}
	.detail-con,.navpic,.detail-intro{ width: 100%;height: auto}
	.detail-ti .btnbox{ position: relative;  margin: 0 0 5px; right: auto; bottom: auto}
	.detail-tips{position: relative;right: auto; bottom: auto;width: 100%;line-height: 1.4;}
	.detail-ti .btns{ width: 100%; margin: 0}
	.contentbody{margin: 0 10px;}
	.cmtcon {padding: 0 5px 30px;}
	.comment {
		margin: 10px 0 0;
	}
	.emptytips a.tipsbtn{ display: none}


	.w-ads_item {
		width: -webkit-calc(50% - 4px) ;
		width: -moz-calc(50% - 4px) ;
		height: auto;
	}

}
@media screen and (max-width:320px) {

}

.item-column .moreinfor-left .li-con .lm-con {
	line-height: 30px;
	margin-bottom: 25px;
	font-size: 14px;
	overflow: hidden;
}
.item-column .moreinfor-left .li-con .lm-con #containermap {
	width: 350px;
	height: 255px;
	float: left;
}
.item-column .moreinfor-left .li-con .lm-con .mlcc-right {
	width: 560px;
	height: 255px;
	float: left;
	margin-left: 25px;
	display: table;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con {
	display: table-cell;
	vertical-align: middle;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-left {
	width: 70px;
	line-height: normal;
	float: left;
	color: #999;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-right {
	width: 490px;
	line-height: normal;
	float: left;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-map {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #f0f0f0;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-map a {
	height: 35px;
	line-height: 35px;
	padding: 0 25px;
	background: #f0f0f0;
	color: #999;
	display: inline-block;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-map a:hover {
	background: #ff6600;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-tel {
	margin-top: 15px;
}
.item-column .moreinfor-left .li-con .lm-con .mlc-con .mlc-tel .mlc-right {
	color: #ff6600;
}