body{font-family:Meiryo,Yu Gothic,"Asap", Futura, "Lucida Grande", Helvetica, Arial, "sourcehansans-tc-normal", MyMainChinese, "sans-serif";}
.user_name,.user_name .hover,.user_email,.user_email span.hover,.user_birthday,.user_pwd,.user_area,.user_pwd .pwd,.user_pwd .pwd span.hover,.user_pwd .qpwd,.user_pwd .qpwd span.hover,
.user_birthday .year,.user_birthday .year div.hover,
.user_birthday .month,.user_birthday .month div.hover,.user_birthday .day,.user_birthday .day div.hover,.user_area .country,.user_area .province,.user_area .city,.user_area .country div.hover,.user_area .province div.hover,.user_area .city div.hover{width:452px; height:36px; margin-top:88px; background:url('../images/register/G8YYBOX2016_61.png') no-repeat;}
.user_email{background-position:0px -45px; margin-top:8px;}
.user_birthday{background-position:0px -92px; margin-top:10px;}
.user_pwd{background-position:0px -137px; margin-top:8px; }
.user_area{height:83px; background-position:0px -184px; margin-top:10px;}
.isOk,.isOk span.hover{width:390px; height:15px; display:block; background:url('../images/register/G8YYBOX2016_62.png') no-repeat 0px -69px; margin:7px 0px 0px 62px;}
.isOk span.hover{position:absolute; background-position:0px -47px; margin:0px; opacity:0;}
.user_name span.hover,.user_email span.hover{position:absolute; background-position:0px -552px; opacity:0; margin:0px;}
.user_email span.hover{background-position:0px -597px;}
.user_name input,.user_email input{width:360px; height:36px; ime-mode: disabled; line-height:36px; margin-left:86px; color:#fff; font-family:arial; font-size:16px; font-weight:bold; letter-spacing:1px; text-align:center; color:#fff; background:none;}
.user_pwd .pwd,.user_pwd .pwd span.hover,.user_pwd .qpwd,.user_pwd .qpwd span.hover{width:221px; height:37px;  background-position:0px -137px; margin:0px 0px 0px 0px; float:left;}
.user_pwd .pwd span.hover{position:absolute; opacity:0; background-position:0px -689px;}
.user_pwd .qpwd span.hover{position:absolute; opacity:0; background-position:-230px -689px;}
.user_pwd .qpwd{background-position:-230px -137px; margin:0px 0px 0px 10px;}
.user_pwd .pwd input,.user_pwd .qpwd input{width:136px; height:37px; background:none; font-size:16px; font-weight:bold; font-family:arial; text-align:center; letter-spacing:1px; 	color:#fff; margin:0px 0px 0px 86px;}
.user_birthday .year,.user_birthday .year div.hover,.user_birthday .month,.user_birthday .month div.hover,.user_birthday .month div.hover,.user_birthday .day,.user_birthday .day div.hover{width:118px; height:37px; background-position:-86px -92px;  margin:0px 0px 0px 86px; float:left;}
.user_birthday .year div.hover,.user_birthday .month div.hover,.user_birthday .day div.hover{position:absolute; background-position:-86px -644px; margin:0px;}
.user_birthday .month{margin:0px 0px 0px 5px;}
.user_birthday .day{margin:0px 0px 0px 7px; }
.year span,.month span,.day span{width:118px; height:36px; line-height:36px; text-align:center; font-size:16px; letter-spacing:2px; color:#fff; display:block;}
.year ul,.month ul,.day ul{height:116px; display:none; position:absolute; z-index:10; margin-left:2px;}
.year .mCSB_container,.month .mCSB_container,.day .mCSB_container{border-radius:0px 0px 10px 10px;}
.year div.hover,.month div.hover,.day div.hover{width:153px; height:43px; line-height:43px; text-align:center; font-size:16px; padding-top:2px; letter-spacing:2px; color:#fff; position:absolute; opacity:0;}
.year ul li,.month ul li,.day ul li,.year ul li div.child_hover,.month ul li div.child_hover,.day ul li div.child_hover{width:116px; height:32px; line-height:32px; cursor:pointer; color:#fff; font-family:arial; letter-spacing:2px; text-align:center; clear:both; background:url('../images/register/G8YYBOX2016_67.png') no-repeat 0px -1px;}
.year ul li div.child_hover,.month ul li div.child_hover,.day ul li div.child_hover{background-position:0px -40px; position:absolute; margin:0px; opacity:0;}

.user_area .country,.user_area .province,.user_area .city{width:179px; height:37px; background-position:-86px -184px;  margin:0px 0px 0px 86px; float:left;}
.user_area .country span,.user_area .province span,.user_area .city span{width:179px; height:37px; line-height:36px; text-align:center; font-size:16px; letter-spacing:2px; color:#fff; display:block;}
.user_area .country ul,.user_area .province ul,.user_area .city ul{height:179px; display:none; position:absolute; z-index:10; margin-left:2px;}
.user_area .country .mCSB_container,.user_area .province .mCSB_container,.user_area .city .mCSB_container{border-radius:0px 0px 10px 10px;}
.user_area .country div.hover,.user_area .province div.hover,.user_area .city div.hover{width:179px; height:37px; display:block; line-height:43px; text-align:center; font-size:16px; padding-top:2px; letter-spacing:2px; color:#fff; position:absolute; opacity:0; background-position:-86px -736px;  margin:0px;}
.user_area .province div.hover{background-position:-85px -736px;}
.user_area .country ul li,.user_area .country ul li div.child_hover,.user_area .province ul li,.user_area .province ul li div.child_hover,.user_area .city ul li,.user_area .city ul li div.child_hover{width:179px; height:32px; line-height:32px; cursor:pointer; color:#fff; font-family:arial; letter-spacing:2px; text-align:center; clear:both; background:url('../images/register/G8YYBOX2016_67.png') no-repeat -130px -1px;}
.user_area .country ul li div.child_hover,.user_area .province ul li div.child_hover,.user_area .city ul li div.child_hover{background-position:-130px -40px; position:absolute; margin:0px; opacity:0;}
.user_area .province{background-position:-272px -184px;  margin:0px 0px 0px 7px;}
.user_area .city{width:366px; background-position:-86px -230px;  margin:9px 0px 0px 86px; }
.user_area .city span{width:366px; height:37px; line-height:36px; text-align:center; font-size:16px; letter-spacing:2px; color:#fff; display:block;}
.user_area .city ul{height:366px; display:none; position:absolute; z-index:10; margin-left:2px;}
.user_area .city .mCSB_container{border-radius:0px 0px 10px 10px;}
.user_area .city div.hover{width:366px; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold; padding-top:2px; letter-spacing:2px; color:#fff; position:absolute; opacity:0; background-position:-86px -782px; margin:0px;}
.user_area .city ul li,.user_area .city ul li div.child_hover{width:366px; height:32px; line-height:32px; cursor:pointer; color:#fff; font-family:arial; letter-spacing:2px; text-align:center; clear:both; background:url('../images/register/G8YYBOX2016_67.png') no-repeat 0px -180px;}
.user_area .city ul li div.child_hover{background-position:0px -219px; position:absolute; margin:0px; opacity:0;}
.login_from .up,.login_from .up span.hover,.login_from .down,.login_from .down span.hover,.login_from .chi_layout,.login_from .register_btn,.login_from .register_btn span.hover,.chi_tips{width:18px; height:40px; display:block; background:url('../images/register/G8YYBOX2016_64.png') no-repeat -24px -153px;}
.login_from .up,.login_from .down{margin-top:17px;}
.login_from .down{background-position:-226px -153px;}
.login_from .up span.hover{background-position:-24px -111px; opacity:0;}
.login_from .down span.hover{background-position:-226px -111px; opacity:0;}
.login_from .chi_layout{width:172px; height:72px; display:block; overflow:hidden; background-position:-48px -60px; margin:17px 6px 0px 6px;}.login_from .chi_layout img{margin:-6px 0px 0px 60px;}
.login_from .register_btn,.login_from .register_btn span.hover{width:136px; height:73px; display:block; background-position:-254px -154px; margin:17px 0px 0px 10px;}
.login_from .register_btn span.hover{position:absolute; background-position:-254px -77px; margin:0px;}
.mCSB_dragger{margin-left:-22px;}
.chi_tips{width:277px; height:18px; display:block; margin:78px 0px 0px 66px; position:absolute; background-position:100px 100px;}
.portrait_layout{width:100px; height:100px; position:absolute; margin:89px 0px 0px 462px;}
.portrait_layout .portrait_border,.portrait_layout .portrait,.portrait_layout .choose,.portrait_layout .choose span.hover,.portrait_layout .custom
,.portrait_layout .custom span.hover{width:100px; height:100px; background:url('../images/register/G8YYBOX2016_66.png') 0px -108px no-repeat;}
.portrait_layout .portrait_border{position:absolute; z-index:1;}
.portrait_layout .portrait_border img{width:95px; height:95px; margin:1px 0px 0px 1px;}
.portrait_layout .portrait{width:99px; height:99px; display:block; background-position:0px 0px;}
.portrait_layout .choose,.portrait_layout .choose span.hover,.portrait_layout .custom,.portrait_layout .custom span.hover{width:99px; height:22px; display:block; background-position:0px -214px; margin-top:9px;}
.portrait_layout .choose span.hover{background-position:0px -270px; margin-top:0px;}
.portrait_layout .custom{background-position:0px -242px;}
.portrait_layout .custom span.hover{background-position:0px -298px; margin-top:0px;}
.custom_layout{width:676px; height:411px; display:block; display:none; background:url('../images/register/G8YYBOX2016_68.png') no-repeat; margin-top:20px;}
.custom_layout .custom_portrait{width:250px; height:247px; background:url('../images/register/G8YYBOX2016_69.png') no-repeat; position:absolute; margin:-20px 0px 0px 475px;}
.custom_layout .portrait_species{width:418px; position:absolute; margin:45px 0px 0px 57px;}
.custom_layout .portrait_list{width:418px; height:313px; position:absolute; margin:92px 0px 0px 55px;}
.custom_layout .portrait_list .list_sys_portrait,.custom_layout .portrait_list .list_sys_bg{width:90px; height:90px; float:left; margin-left:14px; margin-bottom:14px; background:url('../images/register/G8YYBOX2016_70.png') no-repeat 1000px 1000px;}
.custom_layout .portrait_list .list_sys_bg{width:98px; height:98px; display:block; position:absolute; z-index:1;  margin:0px; background-position:-2px -4px;} /*background-position:-1px -4px;*/
.custom_layout .portrait_list .list_sys_bg img{margin:5px 5px 5px 4px; width:86px; height:86px;}
.custom_portrait .preview{margin:48px 0px 0px 50px;}
.custom_portrait .preview,.custom_portrait .preview img{width:148px; height:148px;}
.custom_portrait .compliment,.custom_layout .custom_btn,.custom_layout .custom_btn span.hover,.custom_layout .reset,.custom_layout .reset span.hover,.custom_layout .ok,.custom_layout .ok span.hover{width:154px; height:19px; background:url('../images/register/G8YYBOX2016_70.png') no-repeat -470px -148px; margin:6px 0px 0px 50px;}
.custom_layout .custom_btn,.custom_layout .custom_btn span.hover,.custom_layout .reset,.custom_layout .reset span.hover,.custom_layout .reset span.hover,.custom_layout .ok,.custom_layout .ok span.hover{width:159px; height:38px; display:block; background-position:-442px -371px;  position:absolute; margin:253px 0px 0px 496px;}
.custom_layout .custom_btn span.hover{background-position:-442px -218px; z-index:2; margin:0px;}
.custom_layout .reset{background-position:-442px -422px; margin:0px; margin:304px 0px 0px 496px;}
.custom_layout .reset span.hover{background-position:-442px -269px; z-index:2; margin:0px; }
.custom_layout .ok{background-position:-442px -473px; margin:0px; margin:356px 0px 0px 496px;}
.custom_layout .ok span.hover{background-position:-442px -320px; z-index:2; margin:0px; }
.custom_layout .portrait_species .prev,.custom_layout .portrait_species .prev span.hover,.custom_layout .portrait_species .next,.custom_layout .portrait_species .next span.hover{width:33px; height:33px; display:block; background:url('../images/register/G8YYBOX2016_70.png') no-repeat -213px -322px; float:left; margin:2px 0px 0px 15px;}
.custom_layout .portrait_species .next{background-position:-373px -322px; margin-left:0px;}
.custom_layout .portrait_species .prev span.hover{position:absolute; background-position:-213px -286px; margin:0px;}
.custom_layout .portrait_species .next span.hover{position:absolute; background-position:-373px -286px; margin:0px;}
.custom_layout .portrait_species .species,.custom_layout .portrait_species .species div.hover{width:194px; height:37px; background:url('../images/register/G8YYBOX2016_70.png') no-repeat -5px -320px; float:left;}
.custom_layout .portrait_species .species span{width:194px; height:37px; line-height:37px; text-align:center; font-size:16px; letter-spacing:2px; color:#fff; display:block;}
.custom_layout .portrait_species .species ul{height:194px; display:none; position:absolute; z-index:10; margin-left:2px;}
.custom_layout .portrait_species .species .mCSB_container{border-radius:0px 0px 10px 10px;}
.custom_layout .portrait_species .species div.hover{width:194px; height:37px; line-height:28px; text-align:center; font-size:16px; font-weight:bold; padding-top:2px; letter-spacing:2px; color:#fff; position:absolute; opacity:0; background-position:-8px -782px; margin:0px;}
.custom_layout .portrait_species .species ul li,.custom_layout .portrait_species .species ul li div.child_hover{width:188px; height:26px; line-height:26px; cursor:pointer; color:#fff; font-size:16px; letter-spacing:2px; text-align:center; clear:both; background:url('../images/register/G8YYBOX2016_70.png') no-repeat -8px -360px;}
.custom_layout .portrait_species .species ul li div.child_hover{background-position:-8px -391px; position:absolute; margin:0px; opacity:0; display:none;}
.custom_layout .portrait_species .pageInfo{height:37px; line-height:37px; width:110px; text-align:center; display:block; float:left; margin:0px 8px; font-size:16px; color:#fff; letter-spacing:1px;}
.custom_layout .close,.custom_layout .close span.hover{width: 23px; height: 23px; display:block; margin:232px 0px 0px 647px; position: absolute; opacity:1; background: url('../images/register/G8YYBOX2016_70.png') no-repeat -594px -196px;}
.custom_layout .close span.hover{background-position:-619px -196px; margin:0px;}
.custom_portrait .compliment{display:none;}
/*裁剪图像部分*/
.tailoringPortrait{width:422px; height:422px; display:block; background:url('../images/register/G8YYBOX2016_71.png') no-repeat; display:none;}
.tailoringArea,.tailoringPortrait .preview,.tailoringPortrait .preview_border,.tailoringPortrait .upload_btn,.tailoringPortrait .choose,.tailoringPortrait .tailoring_btn,.tailoringPortrait .ok,
.tailoringPortrait .upload_btn span.hover,.tailoringPortrait .choose span.hover,.tailoringPortrait .tailoring_btn span.hover,.tailoringPortrait .ok span.hover,.tailoringPortrait .close,.tailoringPortrait .close span.hover{width:282px; height:282px; display:block; position:absolute; background:url('../images/register/G8YYBOX2016_73.png') no-repeat -7px -60px; margin:73px 0px 0px 19px;}
.tailoringPortrait .preview{width:90px; height:90px; display:block; background:none; margin:73px 0px 0px 315px;}
.tailoringPortrait .preview_border{width:90px; height:90px; display:block; z-index:2000; background-position:-303px -60px; position:absolute; margin:73px 0px 0px 315px;}
.tailoringPortrait .upload_btn,.tailoringPortrait .choose,.tailoringPortrait .tailoring_btn,.tailoringPortrait .ok,
.tailoringPortrait .upload_btn span.hover,.tailoringPortrait .choose span.hover,.tailoringPortrait .tailoring_btn span.hover,.tailoringPortrait .ok span.hover{width:90px; height:28px; background-position:-303px -188px; margin:243px 0px 0px 315px;}
.tailoringPortrait .choose{background-position:-303px -230px; margin:285px 0px 0px 315px;}
.tailoringPortrait .tailoring_btn{background-position:-303px -272px; margin:327px 0px 0px 315px;}
.tailoringPortrait .ok{background-position:-303px -314px; margin:327px 0px 0px 315px;}
.tailoringPortrait .upload_btn span.hover{background-position:-396px -188px; margin:0px;}
.tailoringPortrait .upload_btn input{width:90px; height:28px; display:block; position: absolute; cursor: pointer;  opacity: 0; filter: alpha(opacity=0); z-index:2;}
.tailoringPortrait .choose span.hover{background-position:-396px -230px; margin:0px;}
.tailoringPortrait .tailoring_btn span.hover{background-position:-396px -272px; margin:0px;}
.tailoringPortrait .ok span.hover{background-position:-396px -314px; margin:0px;}
.tailoringPortrait .close,.tailoringPortrait .close span.hover{width:23px; height:23px; display:block; background-position:-371px -4px; margin:18px 0px 0px 383px;}
.tailoringPortrait .close span.hover{background-position:-371px -4px; margin:0px;}
.tailoringPortrait .loadding{width:282px; height:282px; position:absolute; margin: 73px 0px 0px 19px; z-index:1000; display:none;}

.jcrop-holder{width:282px; height:282px; background:url('../images/register/G8YYBOX2016_73.png') no-repeat -7px -60px;}
.jcrop-holder #preview-pane {display: block; position: absolute; z-index:1000; width:87px; height:87px;}
#preview-pane .preview-container { width:86px; height:86px; overflow: hidden; padding:1px 0px 0px 1px;}
#preview-pane .preview-container img { width:88px; height:88px;}
.jcrop-keymgr{display:none;}
.layui-layer-title{display:none;}
.layui-layer-setwin .layui-layer-close1{width:29px; height:29px; position:absolute; z-index:21; margin:238px 0px 0px -68px; background:url('../images/register/G8YYBOX2016_70.png') no-repeat -619px -196px;}
.mCSB_dragger{margin-left:-22px;}
.mCSB_dragger .mCSB_dragger_bar{background-color: #fffc00;}
.jcrop-tracker{width:278px; height:278px;}
._mCS_7 .mCSB_scrollTools .mCSB_draggerRail{margin-left:-14px;}