.login_txt{position:absolute; left:0; top:0; width:100%;}
.login_txt .wrap{ position:relative;}
.login_txt .wrap h2{ position:absolute; left:360px; top:80px; line-height:120%; z-index:100; border-left:#74756E solid 2px; color:#74756E; font-size:35px; padding-left:20px; font-weight:500; padding-bottom:5px;}

.content_bg{ background-image:url(../images/bg.jpg);}

.login_con {float: right;width: 360px;background-color: #fff;border-radius: 0 6px 6px 6px;box-sizing: border-box;padding: 18px 30px 30px 30px;position: relative;margin-top:100px;}
.login_con_tit {position: absolute;top: 0;left: -32px;}
.login_con_tit div {display: block;width: 32px;height: 111px;font-size: 15px;line-height: 20px;color: #fff;padding: 10px 10px 0;box-sizing: border-box;background: url(../images/bg16.png) no-repeat top center;-webkit-background-size: 100% 100%;background-size: 100% 100%;position: relative;z-index: 1;}

.login_con_info .tit {height: 47px;border-bottom: 1px solid #d2d2d2;padding-right: 20px;}
.login_con_info .tit h3 {float: left;font-size: 16px;line-height: 44px;color: #ff8700;border-bottom: 3px solid #ff8700;padding: 0 14px; font-weight:500;}
.login_con_info .tit p {float: right;font-size: 12px;line-height: 44px;color: #999;}
.login_con_info .tit p a {color: #ff8700;}

.login_con_info .box {margin-top: 15px;}
.login_con_info .box li {margin-top: 20px; height:44px;border: 1px solid #d2d2d2;padding-left: 10px;position: relative;background:#f8f8f8 url() 10px center no-repeat;}
.login_con_info .box li.mobile { background-image:url(../images/icon_mobile.png);}
.login_con_info .box li.username { background-image:url(../images/icon_user.png);}
.login_con_info .box li.password { background-image:url(../images/icon_password.png);}
.login_con_info .box li.code { background-image:url(../images/icon_code.png);}
.login_con_info .box li.faq { background-image:url(../images/icon_faq.png);}
.login_con_info .box li.answer { background-image:url(../images/icon_answer.png);}
.login_con_info .box li input.txt {font-size: 14px;height: 44px;line-height: 44px;color: #333;width:100%;background: transparent; border:0; padding-left:40px;}
.login_con_info .box li p{font-size: 14px;height: 44px;line-height: 44px;color: #333; padding-left:40px;}

.login_con_info .box li .icon_eye { position: absolute;right: 10px; top: 10px; width: 24px; height: 24px;background: url(../images/kbj.png) center center no-repeat;background-size: 24px 24px;}
.login_con_info .box li .icon_eye2 {background-image: url(../images/kj.png);}

.login_con_info .box li.yespassword{ border:0; background:none;}
.login_con_info .box li.yespassword input{ display:inline-block; position:absolute; left:0; top:5px;}
.login_con_info .box li.yespassword i{ font-style:normal; margin-left:10px;}
.login_con_info .box li.yespassword a {color: #f00;}

.login_con_info .box li #canvas{ position:absolute; right:0; top:0; display: inline-block; width:120px; height:44px; cursor: pointer;}

.login_con_info .box li .tip-error { position: absolute; top: 43px;left: 0; font-size: 12px;color:#f00;}
.login_con_info .box li .hidden { display: none!important;}


.login_con_info .forget {overflow: hidden;line-height: 70px;}
.login_con_info .forget a {float: right;color: #ff8700;}
.login_con_info .btn-login {display: block; width:100%; margin-top: 10px;border-radius: 30px;font-size: 17px;line-height: 40px;color: #fff;background: #ff8700;text-align: center; border:0; cursor:pointer;}


.module_ok{ text-align: center; margin-top: 20px;}
.module_ok p{ margin-top: 10px; line-height:180%; font-size: 16px;}
.module_ok p.ok{ color: #31bf88; font-weight: 700;}
.module_ok p.no{ color: #FF4848; font-weight: 700;}
.module_ok p.ca{ color: #F3AD11; font-weight: 700;}

.icons{ display: inline-block; width: 82px; height:82px; vertical-align: middle; background: url(../images/icon_tip.png) no-repeat;}
.icon_ok{ background-position: 0px 0px;}
.icon_no{ background-position: 0px -82px;}
.icon_ca{ background-position: 0px -164px;}

a.btn_blue{ display: inline-block; padding:0 30px; background: #31bf88; height: 40px;line-height: 40px; text-align: center; border-radius: 30px; color: #fff; font-size: 16px; margin-top:30px;}

.ucenter {padding:40px 0;background:#f8f8f8; overflow: hidden; min-height: 600px;}
.ucenter_left { width: 200px; float: left; background-color: #fff;}
.ucenter_left h2{ font-size:18px; text-align:center; padding:20px 0; background:#2899E9; color:#fff;}
.ucenter_left_ul{ margin-bottom:20px;}
.ucenter_left_ul li { height: 45px; margin: 10px 0;text-align:center; line-height: 45px; box-sizing: border-box; overflow: hidden;}
.ucenter_left_ul li a{display:block}
.ucenter_left_ul li:hover,
.ucenter_left_ul li.cur{color: #fff;background: #ff8700 url(../images/arr.png) 25% center no-repeat; background-size:12px 12px;}
.ucenter_left_ul li:hover a,
.ucenter_left_ul li.cur a{ color:#fff;}

.ucenter_right { width: 980px; float: right; padding:20px 40px 40px 40px; box-sizing: border-box; background-color: #fff;}
.ucenter_right .user_img{ margin-top:20px;}
.ucenter_right .user_img img { float:left; width: 120px;height: 120px; display: block; border-radius: 50%; margin-right:30px;}
.ucenter_right .user_img div{float:left; margin-top:5px;}
.ucenter_right .user_img h2 {color: rgba(67, 67, 67, 1); font-size: 16px; margin-bottom: 15px; font-weight:500;}
.ucenter_right .user_img p {color: rgba(0, 0, 0, 0.4); font-size: 12px; margin-bottom: 15px;}
.ucenter_right_box{ margin-top:30px; border-top:#eee solid 1px;}
.ucenter_right_box li { height: 100px; padding-top: 30px; padding-left: 20px; position: relative; box-sizing: border-box;}
.ucenter_right_box li h2 { color: #333; font-size: 16px;font-weight:500;padding-left: 30px;background:url(../images/icon_shoucang.png) 0 center no-repeat;}
.ucenter_right_box li:nth-child(2) h2 {background-image:url(../images/icon_password.png);}
.ucenter_right_box li:nth-child(3) h2 {background-image:url(../images/icon_user.png);}
.ucenter_right_box li:nth-child(4) h2 {background-image:url(../images/icon_code.png);}
.ucenter_right_box li p { color: rgba(102, 102, 102, 0.6); font-size: 14px;  margin-top: 12px;}
.ucenter_right_box li a { width: 122px; height: 40px; background: rgba(40, 153, 233, 1); border-radius: 8px;display: block; font-size: 14px; line-height: 40px; text-align: center; color: #fff;letter-spacing: 6px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

.ucenter_right .title{font-size:18px; font-weight:700; background:url(../images/icon_people.png) 0 3px no-repeat; padding-left:40px; border-bottom:#eee solid 1px; padding-bottom:10px;}
.user_info{ margin-top:40px;}
.user_info li{ margin-bottom:25px;}
.user_info li span {width: 88px; height: 34px; line-height: 34px; font-size: 14px; color: #666; display: inline-block; position: relative;}
.user_info li input { display: inline-block; width: 300px; height: 34px; background: #fff; border: 1px solid rgba(232, 232, 232, 1); outline: none; padding-left: 14px;}
.user_info .btn { display: block; width: 160px; height: 40px; line-height: 40px; background: rgba(255, 135, 0, 1); font-size: 16px; text-align: center; color:#fff; margin-top: 10px; border:0; margin-left:90px;}

.favlist{ margin-top:20px;}
.favlist li {float: left; width: 32%; background:#f8f8f8; position:relative; margin-bottom: 15px; margin-right:2%;}
.favlist li:nth-child(3n){ margin-right:0;}
.favlist li .img{width: 100%; height: 175px;overflow: hidden; position:relative;}
.favlist li .img img{display: block;width: 100%; height: 100%; transition: all .6s;}
.favlist li:hover .img img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.favlist li .txt{padding: 12px; border:#eee solid 1px; overflow:hidden; position:relative;}
.favlist li .txt span{ display: inline-block; font-size:18px; color:#f00;}
.favlist li .txt .fav{ position:absolute; right:15px; top:15px; background:url(../images/fav.png) 0 center no-repeat; padding-left:20px; color:#888; font-size:12px;}
.favlist li .txt h3{font-size: 14px; text-align:justify; color:#000; height:60px; line-height:20px; font-weight: 500; overflow:hidden; margin-top:10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.favlist li:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,.1), 0 0 15px 1px rgba(0,0,0,.1);}
.favlist li:hover .txt h3{ color:#f00}


@media screen and (max-width:768px) {
	
	.content_bg{ background-image:url(../images/bg2.jpg); background-size:cover; height:calc(100vh - 60px);}
	.login_txt{ display:none;}

	.login_con {float: none; position:absolute; left:50%; top:40%; width: 80%;border-radius: 6px; padding: 20px; margin:0; transform: translate(-50%,-40%);}
	.login_con_tit { display:none;}

	.login_con_info .tit{ padding-right:0;}
	.login_con_info .tit h3 {font-size: 1rem; padding:0;}
	.login_con_info .tit p {font-size:0.8rem}

	.login_con_info .box li input.txt {font-size: 0.85rem;}
	.login_con_info .box li p{font-size: 0.85rem;}
	.login_con_info .box li .tip-error {font-size: 0.8rem;}
	.login_con_info .box li.yespassword input {top: 2px;}
	.login_con_info .forget {line-height: 50px;}
	.login_con_info .btn-login {font-size: 1rem;}

	.module_ok p{font-size: 0.85rem;}

	a.btn_blue{ font-size: 1rem;}

	.ucenter {padding:0; min-height: inherit;}
	.ucenter_left { width: 100%; float: none; overflow:hidden; }
	.ucenter_left h2{ font-size:1rem; padding:10px 0;}
	.ucenter_left_ul{ margin-bottom:20px;}
	.ucenter_left_ul li { float:left; width:25%; margin: 0;}
	.ucenter_left_ul li:hover,
	.ucenter_left_ul li.cur{color: #ff8700;background: none;}
	.ucenter_left_ul li:hover a,
	.ucenter_left_ul li.cur a{ color:#ff8700;}

	.ucenter_right { width: 100%; float: none; padding:10px; border-top:#e7e7e7 solid 1px;}
	.ucenter_right .user_img{ margin-top:10px;}
	.ucenter_right .user_img img {width: 80px;height: 80px; margin-right:20px; margin-top:10px;}
	.ucenter_right .user_img div{float:left; margin-top:5px;}
	.ucenter_right .user_img h2 {font-size: 1rem; margin-bottom: 5px;}
	.ucenter_right .user_img p {font-size: 0.8rem; margin-bottom: 5px;}
	.ucenter_right_box{ margin-top:10px; padding:20px 10px;}
	.ucenter_right_box li { height: 100px; padding-top: 0px; padding-left: 0px;}
	.ucenter_right_box li h2 {font-size: 1rem; padding-left: 30px}
	.ucenter_right_box li p {font-size: 0.8rem;  margin-top: 10px; width:60%;}
	.ucenter_right_box li a { width: 80px; height: 30px; font-size: 0.8rem; line-height: 30px; letter-spacing: 2px; right: 20px; top: 20%;}

	.ucenter_right .title{font-size:1rem; padding-left:25px; background-position: 0 6px; background-size:15px 15px;}
	.user_info{ margin-top:20px;}
	.user_info li{ margin-bottom:15px;}
	.user_info li span {width: 24%; height: 34px; line-height: 34px; font-size: 14px; color: #666; display: inline-block; position: relative;}
	.user_info li input { width: 70%;}
	.user_info .btn {width: 50%; font-size: 1rem; margin:0 25%;}

	.favlist{ margin-top:20px;}
	.favlist li {float: none; width: 100%; margin-bottom: 10px; margin-right:0;}
	.favlist li .img{width: 100%; height: 200px;}
	.favlist li .txt{ padding: 15px;}
	.favlist li .txt span{ font-size:1rem;}
	.favlist li .txt .fav{ font-size:0.9rem; padding-left:25px;}
	.favlist li .txt h3{font-size: 0.9rem; height:66px; line-height:22px;}
	
}