/*公共底部*/

.pro-footer{height: 40px;line-height: 40px;width: 100%;text-align: center;background: #1b1a1a;clear: both;margin-top: 30px;position: absolute;bottom: 0;left: 0;}
.pro-footer-re.pro-footer {position: relative;}
.pro-footer-div{width: 1200px;margin: 0 auto;color: #898989;font-size: 12px;}
.pro-footer-div .fr{display: table;}
.pro-footer-div a{color: #898989}
.pro-footer-div a:hover{text-decoration: underline;}
.pro-footer-div .fr em{color: #454545;font-style: normal;cursor: default;margin: 0 16px;}
body{background: #f5f6f7;text-align: center;height: 100%;}
html{height: 100%;}
*{box-sizing: border-box;}
.usre_info{width: 1200px;margin:0 auto;text-align: center;height: 100%;}
.uin_logo{width: 100%;height: 150px;}
.uin_logo img{width: 115px;float: left;margin-top: 39px;}
.uin_con{
	width: 870px;margin: 0 auto;background: #fff;border-radius: 5px;position: relative;font-size: 14px;margin-bottom: 26px;
}
.uin_con input::-webkit-input-placeholder,.uin_con textarea::-webkit-input-placeholder 
{
	color: #b3b3b3;
}
.uin_con .icon{display: block;background: url(../images/uin_icon.png) no-repeat; background-size: 100px 100px;}
/*ie hack*/
@media \0screen\,screen\9{
	.uin_con .icon{background-image: url(../images/uin_icon_ie.png);}
}
/*个人信息*/
.uin_con .steps{width: 564px;height: 48px;margin:0 auto 0;overflow: hidden;position: absolute;left: 50%;top: -24px;margin-left: -282px;}
.uin_con .steps>div{width: 270px;height: 48px;background: #ebebeb;position: relative;z-index: 5;float: left;line-height: 48px;color: #000;font-size: 18px;}
.uin_con .steps .icon{width: 48px;height: 48px;position: absolute;left: 270px;z-index: 6;background-position: 0 -52px;top: 0;}
.uin_con .steps .steps_1{width: 294px;}

.uin_con .steps>div.on{font-weight: bold;color: #fff;background: #a2a2a2;}
/*具体*/
.uin_con>p{color: #000;font-size: 14px;letter-spacing: 2px;padding-top: 24px;line-height: 44px;}
.uin_con ul li{clear: both;margin-bottom: 28px;position: relative;}
.uin_con ul li .tit_name{width: 142px;font-size: 14px;color: #000;font-weight: bold;text-align: right;line-height: 38px;position: absolute;left: 0;top: 0;}
.uin_con ul li .right{padding-left:162px ;text-align: left;position: relative;}
.uin_con ul li .right .input-box{float: left;position: relative;}
.uin_con ul li .right input{width: 296px;height: 38px;background: #f9f9f9;border: 1px solid #dadada;border-radius: 4px;text-indent: 10px;padding-right: 26px;}
.uin_con ul li .right input.on{background: #fff;}
/*.uin_con ul li.city-type .right b.icon{left: 718px;}*/

.uin_con ul li .right b.icon{display:none;width: 28px;height: 28px;background-position: -21px -20px;position: absolute;right:6px;top: 5px;cursor: pointer;}
.uin_con ul li .right .input-box.on b{display: block;}

/*头像*/
.uin_con ul li.tit_name_head{height: 40px;}
.uin_con ul li.tit_name_head .tit_name{line-height: 50px;}
.uin_con ul li .right .head{cursor: pointer;width: 50px;height: 50px;background: #e6e6e6;border-radius: 50%;border: 1px solid #dbdbdb;overflow: hidden;position: relative;display: inline-block;float: left;}
.uin_con ul li .right .head img{max-width:50px;max-height: 50px;display: none;}
.uin_con ul li .right .head i{display: block;position: absolute;background: #fff;left: 50%;top: 50%;}
.uin_con ul li .right .head .sline1{width: 22px;margin-left: -11px;height: 2px;margin-top: -1px;}
.uin_con ul li .right .head .sline2{width: 2px;margin-left: -1px;height: 26px;margin-top: -13px;}
.uin_con ul li .right .prompt{float: left;font-size: 12px;color: #343434;margin-left: 20px;line-height: 50px;}
.uin_con ul li .right .head:hover{background: #c7c7c7;}
.uin_con ul li .right .head.on i{display: none;}
.uin_con ul li .right .head.on img{display: block;}


/*性别*/
.uin_radio label{width: 60px;height: 30px;float: left; color: #2b2b2b;position: relative;cursor: pointer; margin-right: 2px;margin-top: 4px;line-height: 30px;}
.uin_radio label b{width: 15px;height: 15px;position: relative;border-radius: 50%;background: #f9f9f9;border:1px solid #dbdbdb;display: inline-block;margin-bottom:-2px;margin-right: 8px;}
.uin_radio label b i{width: 7px;height: 7px;background: #EB2E2E;position: absolute;left: 3px;top: 3px;display: none;border-radius: 50%;}
.uin_radio label input{opacity: 0;filter:Alpha(opacity=0);position: absolute;top: 0;left: 0;}

.uin_radio label.cur{color: #eb2e2e;}
.uin_radio label.cur b{border-color:#EB2E2E;background: #fff;}
.uin_radio label.cur b i{display: block;}
.uin_radio label:hover{color: #eb2e2e;}
.uin_radio label:hover b{border-color:#EB2E2E;background: #fff;}

/*模拟下拉*/
.drop-down{width: 130px;height: 38px;position: relative;float: left;margin-right: 15px;cursor: pointer;}
.drop-down-box{width: 100%;height: 38px;background: #f9f9f9;border: 1px solid #dadada;border-radius: 4px;text-indent: 10px;position: relative;line-height: 36px;}

.drop-down-box .icon{width: 11px;height:7px;position: absolute;top: 16px;right: 12px;}
.drop-down-list{display: none;position: absolute;top: 34px;max-height: 200px;background: #fff;border: 1px solid #dadada;border-top: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 100%;padding: 10px 0 5px;overflow: auto;z-index: 99;}
.drop-down-list>span{display: block;width: 100%;padding-left: 10px;line-height: 25px;cursor: pointer;}
.drop-down-list>span:hover{color: #eb2e2e;}
.drop-down.on .drop-down-box{background: #fff;}
.drop-down.on .drop-down-list{display: block;}
.drop-down-short{width:70px;}
#profession{width: 274px;}
.te-text{line-height: 38px;color: #000;}

/*按钮*/
.uin_con .btn{width: 425px;margin:34px auto;height: 38px;}
.uin_con .btn input{width:180px;height: 38px;margin: 0 16px;float:left;border-radius: 4px;font-size: 20px;color: #000;cursor: pointer;}

.uin_con .btn input.skip{background: #fff;border:#cdcdcd 1px solid;}
.uin_con .btn input.next{background: #EB2E2E;border:#EB2E2E 1px solid;color: #fff;}
.uin_con .btn input.skip:hover{color: #eb2e2e;border-color:#eb2e2e}
.uin_con .btn input.next:hover{background: #d61011;}
/*信息提交*/
.uin_2 {padding-top: 35px ;}
/*.uin_con ul.uin_2 li{margin-bottom: 14px;}*/
.uin_con ul.uin_2 li .tit_name{width: 250px;line-height:48px}
.uin_con ul.uin_2 li .right{padding-left: 260px;}
.uin_con ul.uin_2 li .right input{height: 48px;}
.uin_con ul.uin_2 li .error.right input{border-color: #EB2E2E;}
.uin_con ul.uin_2 li .error .error-icon{display: block;}
.uin_con ul.uin_2 li .right b.icon{top: 10px;}

/*重置密码*/
.user_reset .uin_con{background: none;}
.user_reset .uin_con .steps{width: 860px;position: relative;margin-left: 0;left: 0;margin-top: 40px;}
.user_reset .uin_con .steps .sanjiao11{left: 540px;background-position: -50px -52px;}

.user_reset .uin_con ul{padding-top: 90px;}
/*.user_reset .uin_con ul li{margin-bottom: 20px;}*/
.user_reset .uin_con ul li .right input{width: 370px;height: 48px;}
.user_reset .uin_con ul li .right{margin-left: 244px;position: relative;width: 372px;padding-left: 0;}
.user_reset .uin_con ul li .tit_name{line-height: 48px;width: 234px;}
.user_reset .uin_con ul li .tit_name span{font-weight: normal;color: #eb2e2e;margin-right: 2px;}
.user_reset .uin_con ul li .right .next{border: 1px solid #EB2E2E;background: #EB2E2E;color: #fff;font-size: 20px;cursor: pointer;padding-right: 0;}
.user_reset .uin_con ul li .right .next:hover{background: #d61011;}
.user_reset .uin_con ul li .right b.icon{top: 10px;}

.user_reset .uin_con ul li .right input.short{width: 220px;}
.user_reset .uin_con ul li .auto-code-duanx{width: 140px;height: 48px;cursor: pointer;line-height: 48px;background: #f9f9f9;border: 1px solid #dadada;border-radius: 4px;text-align: center;float: left;box-sizing: border-box;margin-left: 10px;}
.user_reset .uin_con ul li .auto-code-duanx.on{background: #fff;}

.user_reset .uin_con ul li .right.yanzma-p p{text-align: right;padding-right: 34px;font-size: 16px;}
.user_reset .uin_con ul li .right.yanzma-p p b{font-weight: bold;}

.rester-div{display: none;}
.rester-div.show{display: block;}
.user_reset .uin_con ul li .right b.icon1{background-position: -50px -20px;right: 14px;z-index: 99;}
.user_reset .uin_con ul li .right b i{width: 28px;height: 28px;background-position: -76px -24px;display: block;}
.user_reset .btn-last{margin-top: 30px;}
.uin_con ul li.error .right input{border-color: #EB2E2E;}
.error-icon{display: none;background: url(../images/error_ico_error.png) no-repeat left center;background-size: 13px 13px;position: absolute;bottom: -20px;left:0;padding-left: 20px;color: #EB2E2E;font-size: 12px;}
.uin_con ul li.error .error-icon{display: block;}

.user_reset .uin_con ul.email-div  li .right{width: 100%;text-align: center;margin-left: 0;}
.user_reset .uin_con ul.email-div  li .right p{text-align: center;line-height: 46px;}
.user_reset .uin_con ul.email-div li.btn-last .right{margin: 0 auto;width:510px;}
.user_reset .uin_con ul.email-div li.btn-last .right a{cursor: pointer;float: left;display: block;margin: 0 17px;width: 220px;height: 48px;line-height: 46px;border-radius: 4px;font-size: 16px;}
.user_reset .uin_con ul.email-div li.btn-last .right .next{font-weight: bold;}
.user_reset .uin_con ul.email-div li.btn-last .right .skip{background: #f9f9f9;border: 1px solid #e6e6e6;color: #6c6c6c;}
.user_reset .uin_con ul.email-div li.btn-last .right .skip.on{background: #fff;cursor: default;}
.user_reset .uin_con ul.email-div li.btn-last .right .skip:hover{border-color: #EB2E2E;color: #EB2E2E;}
.user_reset .uin_con ul.email-div li.btn-last .right .skip.on{border-color: #e6e6e6;color: #6c6c6c;}

.uin_con ul.password li .right b{opacity: .3;}

.uin_con ul.password .text{display: none;}
.uin_con ul.password li .right .textOn .text{display: block;}
.uin_con ul.password li .right .textOn .password{display: none;}
.uin_con ul.password li .right .textOn b{opacity: 1;}
.uin_con ul.password li .right .textOn b i{display: none;}

.uin_con ul.password li .right .on b{display: block;}

/*弹窗*/
.c-bang-pop{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.c-bang-pop-bg{width:100%;height:100%;background: #000;opacity: 0.5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.c-bang-pop-move{width: 210px;height: 190px;position: absolute;top: 50%;margin-top: -95px;left: 50%;margin-left: -105px;background: #fff;z-index: 2;background: #fff;border-radius: 10px;overflow: hidden;}
.c-bang-pop-move p{color: #000;font-size: 18px;line-height:1;text-align: center;}

/*弹窗中的对勾*/
.sweet-alert {
    /*width: 100px;*/
    overflow: hidden;
    display: block;
    z-index: 2000;
}
.sweet-alert.animate{display: block;}
.sweet-alert h2{margin-bottom: 16px;font-size: 24px;}
.sweet-alert p{font-size: 16px;}
.sweet-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid #07e00c;
    border-radius: 50%;
    margin: 30px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    background-image: none;
}
.sweet-alert .icon.success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(7,224,12,.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .icon.success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    -moz-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    -o-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}
.sweet-alert .icon.success .line {
    height: 5px;
    background-color: #07e00c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .icon.success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sweet-alert .icon.success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}   
.sweet-alert .icon.success .placeholder {
    width: 80px;
    height: 80px;
     border: 4px solid rgba(7,224,12,.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert .icon.success .fix {
    width: 6px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .icon.success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    -moz-transform-origin: 0 60px;
    -ms-transform-origin: 0 60px;
    -o-transform-origin: 0 60px;
    transform-origin: 0 60px;
}
.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    -moz-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}   
@-webkit-keyframes rotatePlaceholder {
	0% {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o--transform: rotate(-45deg)}
	5% {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o--transform: rotate(-45deg)}
	12% {transform: rotate(-405deg);-webkit-transform: rotate(-405deg);-ms-transform: rotate(-405deg);-moz-transform: rotate(-405deg);-o--transform: rotate(-405deg)}
	100% {transform: rotate(-405deg);-webkit-transform: rotate(-405deg)-ms-transform: rotate(-405deg);-moz-transform: rotate(-405deg);-o--transform: rotate(-405deg)}
}

@-moz-keyframes rotatePlaceholder {
	0% {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o--transform: rotate(-45deg)}
	5% {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o--transform: rotate(-45deg)}
	12% {transform: rotate(-405deg);-webkit-transform: rotate(-405deg);-ms-transform: rotate(-405deg);-moz-transform: rotate(-405deg);-o--transform: rotate(-405deg)}
	100% {transform: rotate(-405deg);-webkit-transform: rotate(-405deg)-ms-transform: rotate(-405deg);-moz-transform: rotate(-405deg);-o--transform: rotate(-405deg)}
}

@keyframes rotatePlaceholder {
	0% {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o--transform: rotate(-45deg)}
	5% {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o--transform: rotate(-45deg)}
	12% {transform: rotate(-405deg);-webkit-transform: rotate(-405deg);-ms-transform: rotate(-405deg);-moz-transform: rotate(-405deg);-o--transform: rotate(-405deg)}
	100% {transform: rotate(-405deg);-webkit-transform: rotate(-405deg)-ms-transform: rotate(-405deg);-moz-transform: rotate(-405deg);-o--transform: rotate(-405deg)}
} 

@-webkit-keyframes animateSuccessTip {
	0% {width: 0;left: 1px;top: 19px}
	54% {width: 0;left: 1px;top: 19px}
	70% {width: 50px;left: -8px;top: 37px}
	84% {width: 17px;left: 21px;top: 48px}
	100% {width: 25px;left: 14px;top: 45px}
}

@-moz-keyframes animateSuccessTip {
	0% {width: 0;left: 1px;top: 19px}
	54% {width: 0;left: 1px;top: 19px}
	70% {width: 50px;left: -8px;top: 37px}
	84% {width: 17px;left: 21px;top: 48px}
	100% {width: 25px;left: 14px;top: 45px}
}

@keyframes animateSuccessTip {
	0% {width: 0;left: 1px;top: 19px}
	54% {width: 0;left: 1px;top: 19px}
	70% {width: 50px;left: -8px;top: 37px}
	84% {width: 17px;left: 21px;top: 48px}
	100% {width: 25px;left: 14px;top: 45px}
}

@-webkit-keyframes animateSuccessLong {
	0% {width: 0;right: 46px;top: 54px}
	65% {width: 0;right: 46px;top: 54px}
	84% {width: 55px;right: 0;top: 35px}
	100% {width: 47px;right: 8px;top: 38px}
}

@-moz-keyframes animateSuccessLong {
	0% {width: 0;right: 46px;top: 54px}
	65% {width: 0;right: 46px;top: 54px}
	84% {width: 55px;right: 0;top: 35px}
	100% {width: 47px;right: 8px;top: 38px}
}

@keyframes animateSuccessLong {
	0% {width: 0;right: 46px;top: 54px}
	65% {width: 0;right: 46px;top: 54px}
	84% {width: 55px;right: 0;top: 35px}
	100% {width: 47px;right: 8px;top: 38px}
}

.animateSuccessTip {
	-webkit-animation: animateSuccessTip .75s;
	-moz-animation: animateSuccessTip .75s;
	animation: animateSuccessTip .75s
}

.animateSuccessLong {
	-webkit-animation: animateSuccessLong .75s;
	-moz-animation: animateSuccessLong .75s;
	animation: animateSuccessLong .75s
}

.icon.success.animate::after {
	-webkit-animation: rotatePlaceholder 4.25s ease-in;
	-moz-animation: rotatePlaceholder 4.25s ease-in;
	animation: rotatePlaceholder 4.25s ease-in
}

/*错误*/
#info-error {
	background: #000;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 16px;
    padding:20px 40px;
    max-width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    border-radius: 10px;
    text-align: center;
}
/*laoding*/
.load2{z-index: 999;display: none;width: 100px;height:100px;background: rgba(0,0,0,.5);padding: 5px;position: fixed;top: 50%;left: 50%;border-radius: 10px;margin-top: -50px;margin-left: -50px;}
.load2 .loader{background: url(../images/loading.png) no-repeat center;width: 50px;height: 50px;margin: 20px auto;
	-webkit-animation: loading 4s ease-in infinite;
	-moz-animation: loading 4s ease-in infinite;
	animation: loading 4s ease-in infinite
}
@-webkit-keyframes loading{
	0%{-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}
	50%{-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);}
    0%{-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}
}
@keyframes loading{
	0%{-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}
	50%{-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);}
    0%{-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}
}


/*头像上传*/
.l-btn{
    display: inline-block;
    outline: none;
    resize: none;
    border: none;
    padding:5px 10px;
    background: #EB2E2E;
    color: #fff;
    border:solid 1px #EB2E2E;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.l-btn:hover{
    background: #d61011;
    animation: anniu 1s infinite;
}
.l-btn:active{
    box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;
}
.hidden{
    display: none;
}
.tailoring-container, .tailoring-container div, .tailoring-container p{
    margin: 0;padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.tailoring-container{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
}
.tailoring-container .black-cloth{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #111;
    opacity: .9;
    z-index: 1001;
}
.tailoring-container .tailoring-content{
    position: absolute;
    width: 706px;
    height: 560px;
    background: #fff;
    z-index: 1002;
    left: 0;
    top: 0;

    /* 水平垂直居中 浏览器版本号低的不支持transform */
    /*left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -weblit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);*/

    border-radius: 10px;
    box-shadow: 0 0 10px #000;
    padding: 10px;
}

.tailoring-content-one{
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #DDD ;
}
.tailoring-content .choose-btn{
    float: left;
}
.tailoring-content .close-tailoring{
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #eee;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    float: right;
    cursor: pointer;
}
.tailoring-content .close-tailoring:hover{
    background: #ccc;
}

.tailoring-content .tailoring-content-two{
    width: 100%;
    height: 460px;
    position: relative;
    padding: 5px 0;
}
.tailoring-content .tailoring-box-parcel{
    width: 450px;
    height: 450px;
    position: absolute;
    left: 0;
    border: solid 1px #ddd;
}
.tailoring-content .preview-box-parcel{
    display: inline-block;
    width: 228px;
    height: 450px;
    position: absolute;
    right: 0;
    padding: 4px 14px;
}
.preview-box-parcel p{
    color: #555;
}
.previewImg{
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.preview-box-parcel .square{
    margin-top: 10px;
    border: solid 1px #ddd;
}
.preview-box-parcel .circular{
    border-radius: 100%;
    margin-top: 10px;
    border: solid 1px #ddd;
}

.tailoring-content .tailoring-content-three{
    width: 100%;
    height: 40px;
    border-top: 1px solid #DDD ;
    padding-top: 10px;
    text-align: left;
}
.sureCut{
    float: right;
}

@media all and (max-width: 768px) {
    .tailoring-container .tailoring-content{
        width: 100%;
        min-width: 320px;
        height: 460px;
    }
    .tailoring-content .tailoring-content-two{
        height: 360px;
    }
    .tailoring-content .tailoring-box-parcel{
        height: 350px;
    }
    .tailoring-container .tailoring-box-parcel{
        width: 100%;
    }
    .tailoring-container .preview-box-parcel{
        display: none;
    }

}




.password_info{
	display: none;text-align: left;border-radius: 4px;width: 240px;position: absolute;bottom:60px;left: 0;background: #fff;border: 1px solid #e6e6e6;padding: 10px;
}
.password_info .icon{background: url(../images/password_info.png) no-repeat;background-size:58px 13px;}
.password_info .icon{width: 18px;height: 16px;display: inline-block;margin-bottom: -3px;margin-right: 5px;}
.password_info .icon.true{background-position: -18px 2px;}
.password_info .icon.false{background-position:2px 2px;}
.password_info .icon.sanjiao{position: absolute;bottom: -10px;left: 15px;background-position: -45px 0;height: 14px;}
.uin_con ul li .right .error input{border-color: #EB2E2E;}

.user_reset .uin_con ul li.btn-last12 .right .next{background: #e8e8e8;cursor: default;border-color:#e8e8e8;}
.user_reset .uin_con ul li.btn-last12 .right .next:hover{background: #e8e8e8;}
.user_reset .uin_con ul li.btn-last12 .right .next.on{background: #eb2e2e;cursor: pointer;border-color:#eb2e2e;}
.user_reset .uin_con ul li.btn-last12 .right .next.on:hover{background: #d61011;border-color:#eb2e2e;}