/*----- page register -----*/
#User_Enter{ background:#fff;}
#User_Enter .user-form{ width:800px; margin:50px auto; }
.back_setp{ display:block; margin:30px; width:140px; height:50px; line-height:50px; font-size:22px; text-align:center; color:#fff; background:#ccc; border-radius:5px;}
.back_setp:hover{ text-decoration:none; color:#fff; background:#ef6d5b;}
.user-form { position:relative; margin-bottom:30px;}
.user-head{ margin-bottom:60px; height:38px; line-height:38px;}
.user-head h2{ position:relative; float:left; margin-right:100px; width:120px; height:38px; line-height:38px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background:#ef6d5b; border-radius:4px 0 0 4px;}
.user-head h2 i{ position:absolute; left:100%; width:40px; height:38px; background:#f3f3f3; border-radius:0 4px 4px 0; overflow:hidden;}
.user-head h2 i:before{ content:""; position:absolute; left:50%; top:50%; margin:-7px 0 0 -5px; width:10px; height:10px; border:1px solid #aaa; border-width:0 0 1px 1px;  }
.user-head2{ position:relative; margin-bottom:30px; height:60px; line-height:60px; border-bottom:1px solid #eee; color:#666;}
.user-head2 h2{ border-bottom:1px solid #ef6d5b; display:inline-block; font-size:22px; color:#444; padding:0 10px; margin-right:20px;}
.user-head2 .u-service{ position:absolute; right:0; top:5px;}
.user-head2 .u-service em{ font-weight:bold; }
.user-head2 .u-service i{ margin:0 10px; color:#CCC; }
.user-form-ul li:after{ content:".";display:block;height:1px;clear:both;visibility:hidden;}
.user-form-ul li{ margin-bottom:20px;}
.user-form-ul li span{ float:left; width:90px; text-indent:1em; line-height:40px; color:#444;}
.user-form-ul li i{ color:#666; font-style:normal;}
.user-form-ul li em{ color:#f00; margin-right:5px;}
.user-form-ul .p-pass{ font-weight:bold; color:#090;} 
.user-form-ul .p-error{ font-weight:bold; color:#f30;}
.user-form-ul .t-input,.user-form-ul .t-input-show, .user-form-ul .t-code,.user-form-ul select{ background:#f3f3f3; border:1px solid #fff; line-height:20px; padding:10px 15px; width:200px; margin-right:15px; border-radius:4px;}
.user-form-ul .t-input-show { background:#fff; border-color:#fff; }
.user-form-ul select{ width:230px;}
.user-form-ul .t-code{ width:100px;}
.user-form-ul .bar{ margin-top:50px;}
.user-form-ul .b-submit{ display:inline-block; width:130px; height:40px; line-height:40px; text-align:center; border:0; border-radius:4px; font-size:16px; font-weight:bold; color:#fff; background:#84c04e; cursor:pointer; margin-right:20px;}
.user-form-ul .b-submit:hover{ background:#8cc757; text-decoration:none; }
.user-form-ul .l-alogin{ font-weight:bold; margin:0 4px; color:#ef6d5b;}
.user-form-ul img{ vertical-align:middle; margin-right:15px;}
.user-form-ul li table { width:600px; }
.user-form .op-tip{ margin-bottom:30px; padding:10px 20px; color:#307a0f; border:1px solid #c9dc8f; background:#f6ffd5; display:none;}
.user-form .in-tip{ position:relative; padding-right:230px; font-size:14px; line-height:1.7; color:#666; margin:20px auto; }
.user-form .in-tip img { position:absolute; top:0; right:0; } 
.user-form .in-tip:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.user-form .in-tip h1{ color:#ef6d5b; font-size:18px; font-weight:bold; border-bottom:1px solid #f0f0f0; margin-bottom:15px; padding:10px 0;}
.user-form .in-tip .btns:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.user-form .in-tip .btns a{ float:left; margin:10px 10px 0 0; padding:0 25px; height:40px; line-height:40px; background:#84c04e; border-radius:8px; font-size:14px; font-weight:bold; color:#fff; }
.user-form .in-tip .btns a:hover { background:#8cc757; text-decoration:none; }
.user-form .right{ position:absolute; right:0; top:80px; width:350px; }