﻿*{margin:0; padding:0;}
body{font: 14px "Microsoft YaHei";background:url("//img.cgmol.com/excellentwork/20220721/1295_202207211105036108209.jpg") 50% 0 no-repeat;background-size:cover;overflow-x:hidden;}
em{font-style:normal;}
#doc{margin: 0 auto;position: relative;width:750px;}
#logdoc{margin: 0 auto;position: relative;width:550px;}
label{cursor:pointer;}
#login_hd{height:80px; padding-top:60px; margin-bottom:13px;}	
#login_hd h1{float:left; width:300px;}
.txtinfo{float:right; padding:45px 10px 0 0;}
.split{padding:0 15px;color:#54C11A;}
.f16{font-size:16px;}
a.greena{color:#1084d7;  text-decoration:none;}
a.greena:hover{text-decoration:underline;}
.login_bd{height:430px;margin-bottom:13px; padding-top:10px;border-radius:4px;}
.reg_bd{padding:20px 0;border-radius:4px;overflow:hidden;}
.linemar{margin-top:30px;}
.regwallper{background-color:#FFFFFF;}
.pright25{ background-position:83px -286px;}
.pright45{background-position:97px -286px;}
.ft{color:#999999; text-align:center; font-family:Arial, Helvetica, sans-serif;padding:10px;}
.ft a{text-decoration:none;color:#999999; font-size:13px;}
.lcontent{padding:20px 50px 10px 50px; width:400px; margin:0 auto;}
.rgcont{width:400px; margin-left:50px;float:left;}
#g_list dt{margin:15px 0 8px;padding-left:8px;}
#g_list dd{list-style:none; padding:2px 0 2px 2px; position:relative;}
#g_u, #g_p{border-bottom:1px solid #CDCDCD;position:relative;}
.g_p_span{text-align:center;color:#666666; font-size:16px; display:inline-block; width:85px; line-height:50px; height:50px;padding-bottom:6px;}
#g_p{ border-top:0 none;}
.login_button{height:40px;line-height:40px;}
.frtn{float:right;}
.btn-login {
    background:#FF6651;
    border-radius:4px;
    color: #FFFFFF;
    font-size:16px;
    font-style: normal;
    padding: 13px 10px;
	width:380px;
	display:inline-block; text-align:center;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-login:hover{background:#e65b47;}
.lineright{ margin-top:15px;}
#g_list .txt {
    border: 0 none;
    color: #444444;
    outline: medium none; font-family:Verdana,Tahoma,Arial;
}
#g_list .txt {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    width:300px; padding-left:5px;background:none;
}
.txtcode{ height: 50px;line-height: 50px;padding-left:5px;border: 0 none;color: #444444;outline: medium none; font-family:Verdana,Tahoma,Arial; width:130px;font-size: 14px;background:none;}
.err_m{height:35px; line-height:35px; font-size:16px;}
.err_m img{vertical-align:middle;}
.c_66{color:#666666;}
/*.erspan{background:#FFF4E7; color:#FF8B02;}*/
.erspan{color:#FF0000;background-color: #ffefe6;border-radius: 4px;}
.icon-info{position:absolute; top:16px; right:10px; display:inline-block; height:18px; width:18px; text-align:center; line-height:18px; background:#FFA901; color:#FFFFFF; border-radius:4px;}

#divover{width:100%;z-index:89;background:#666666;position:absolute;top:0pt;left:0pt;bottom:0px;overflow:hidden; display:block;}
.tipsdiv{width:550px; height:240px; border:1px solid #D7D7D7; color:#333333; font-family:"微软雅黑"; padding:0px;background:#FFFFFF;margin:0 auto; top:150px; position:relative;z-index:998;}
.tipsdiv h3{font-size:16px; height:40px; line-height:40px; text-indent:15px;border-bottom:1px solid #D7D7D7;margin:0px; padding:0px; background:#F7F7F8;}
.txtlass{color:#FF6600;}

.tipsdiv dl {
    display: block;
    height: 130px;
    margin-bottom: 8px; padding-top:20px;
}
.tipsdiv dl dt {
    float: left;
    margin:10px 15px 0 16px;
    width: 60px;height:130px;
}
.tipsdiv dl dd {
    padding: 0;
	height:30px; line-height:30px;
}
.tipsdiv dl dd.btnlist a {
    float: left;
    height: 30px;
    line-height: 30px; width:120px; margin-right:8px; padding:3px 0; text-align:center; color:#FFFFFF; text-decoration:none;
}
a.aupbtn{background:url("//static.cgmol.com/cssimages/upraw.png") 5px 8px #33B040 no-repeat; padding-left:8px;}
a.aupbtn:hover{background:url("//static.cgmol.com/cssimages/upraw.png") 5px 8px #338702 no-repeat; padding-left:8px;}
a.aczbtn{background:#0099CC;}
a.aczbtn:hover{background:#0066FF;}
a.dlginbtn {
    background: none repeat scroll 0 0 #33B040;
}
a.dlginbtn:hover {
    background: none repeat scroll 0 0 #338702;
}
a.agbbtn{background:#999999;}
.tipsdiv dl dd.btnlist{margin-top:25px; height:45px;}
.tipsdiv dl dd.kftxtl{margin-top:15px;}
.tipsdiv dl dd.kftxtl a {
    color: #999999;
    text-decoration: none;
	float:right; margin-right:20px; font-size:13px;
}
.tipsdiv dl dd.kftxtl a:hover{color:#333333;}.advArea{margin:0 auto; width:960px; height:90px; clear:both; background:none;}
.labtip{color:#999999;height: 52px;
    left: 95px;
    line-height: 52px;
    position: absolute;
    top: 0;}

/*2016-7-18*/
.bgliuy{background:url("//static.cgmol.com/cssimages/site_png_hz.png") no-repeat transparent;}
.yes_icon{ background-position:6px -1850px;}
.btn_s3d {
	border-radius: 4px;
    color: #FFFFFF;
    font-style: normal;
    position: relative;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
	letter-spacing:2px;
}
.pl_btn{background:#1084d7;padding: 7px 20px;}
.tipsreg{width:260px;border-radius: 4px;padding: 10px; background-color:#FFF;}
.tipsreg ul li {
    height: 55px;
    line-height: 55px;
    font-size:15px;
    list-style:none;
}
.linet{/*padding-left: 10px;margin: 30px 0;*/}
.linet i.icon-success:before {font-size: 22px;vertical-align: middle;margin-right: 4px;color: #01c574;}
.linew{text-align:center;}

.qq_abtn{
width: 40px;
    height: 40px;
    background-position: 0px 0px;
    vertical-align: middle;
display: inline-block;
background: url("//static.cgmol.com/cssimages/logon_btn_v3.png") no-repeat;
text-decoration: none;
}
.qq_abtn:hover{background-position:-42px 0px;}
.imgcode img{vertical-align:middle;}
.ac_change{
margin-left: 15px;
color: #199af5;
-moz-user-select:none; /*火狐*/

-webkit-user-select:none; /*webkit浏览器*/

-ms-user-select:none; /*IE10*/

user-select:none;
}
.twocode{float:right;width:250px;height:460px;border-left:1px solid #bbb;}
.twocode p.erwd{background:url("//static.cgmol.com/cssimages/gzh.png") no-repeat;height: 170px;width: 150px;margin:50px 50px 50px 50px;}
.twocode a.qqrb{width: 200px;margin:0px auto;border: 1px solid #409eff;font-size: 15px;color:#409eff;height:40px;line-height:40px;display:block;text-align: center;text-decoration: none;border-radius:4px;margin-bottom: 10px;}
.twocode a.qqrb:hover{background-color:#409eff;color:#FFFFFF;}
.discount-vip {
    position: relative;
    color: #333333;
    text-align: center;
    width:90%;
    margin:15px 0 14px 13px;
}
.discount-vip:before, .discount-vip:after {
    content: '';
    height: 0px;
    width:65px;
    border-top:1px dashed #666;
    position: absolute;
    top: 48%;
}
.discount-vip:before{
left:0;
}
.discount-vip:after {
    right: 0;
}

.qqrb .icon-icon:before, .qqrb .icon-shouji:before, .qqrb .icon-weixin:before {
    vertical-align: middle;
    font-size: 25px;
    margin-right: 5px;
    margin-bottom: 2px;
    display: inline-block;
}
.iqqlo, .iqqlo i{display:inline-block;}
.iqqlo i{border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #1296db;color: #1296db;}
.iqqlo i.icon-iconfuben08:before, .iphonelo i.icon-shouji:before{font-size: 25px;}
.iqqlo .icon-qq-copy:before {font-size: 40px;vertical-align: middle;color:#1296db;}
.iqqlo .icon-qq-copy:hover:before{color:#515151;}
.iphonelo{display: inline-block;margin-left: 20px;}
.iphonelo i{text-align: center;border: 1px solid #1296db;color: #1296db;border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.iqqlo:hover i, .iphonelo:hover i{background-color:#1296db;color:#FFF;}
.c-user-login{padding-top: 40px;text-align: center;}
.ui_toast_text {line-height: 1;text-align: center;position: fixed;min-width: 150px;z-index: 9999;padding: 14px;color: #fff;background: rgba(0,0,0, .6);-webkit-border-radius: 5px;border-radius: 5px;left: 50%;top: 35%;font-size: 15px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-animation-duration: 300ms;animation-duration: 300ms;letter-spacing:1px;}

/*置入登录框样式*/
.qz_dialog_layer_main {
    float: right;
}
.qz_dialog_layer_main {
    height: 100%;
    overflow: hidden;
    width: 400px;
    padding: 20px 10px;
    background-color: #FFF;
    border-radius: 0 8px 8px 0;
}
.qrcode-area {
    float: left;
    height: 100%;
    width: 300px;
    position: relative;
}
.qrcode-area img {
    width: 100%;
    height: 100%;
    border-radius: 8px 0 0 8px;
}
#web_login {
    padding: 0 25px;
}
.scantips {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 5px;
}
.scantips span {
    display: flex;
    align-items: center;
    color: #999;
}
.scantips .emline {
    top: 0;
    width: 8px;
    height: 1px;
    margin-right: 2px;
    background: #999;
}
.scantips span:before {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-color: #999;
    border-radius: 50px;
    content: attr(data-step);
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}
.code-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    width: 100%;
    text-align: center;
}
#loadwxcode {
    position: relative;
    width: 190px;
    height: 190px;
    overflow: hidden;
}
#loadwxcode img {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 8px;
    border: 1px solid #eee;
}
#loadwxcode .reloadqr {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.95);
    color: #101010;
    cursor: pointer;
}
.redray {
    color: #bbb;
}
.shibar {
    margin: 15px 0 20px 0;
    font-size: 13px;
}
.redray a {
    color: #1084d7;
}
.line-three {
    position: relative;
    color: #999999;
    text-align: center;
    width: 100%;
    margin: 15px 0;
    font-size: 13px;
}
.lgtype {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
.phonelog-btn {
    margin-left: 2rem;
    background-color: #999;
    border-radius: 100%;
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #FFF;
    cursor: pointer;
}
.qq-btn .icon-qq-copy:before {
    font-size: 38px;
    color: #999;
}
.qz_dialog_layer_title h3 {
    padding-left: 25px;
}
.qz_dialog_layer_title h3 {
    color: #4C4C4C;
    display: inline-block;
    font-size: 18px;
    /* height: 50px; */
    line-height: 49px;
    margin: 0;
    overflow: hidden;
    font-weight: normal;
}
.qrcode-area .locat-a {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: rgba(0,0,0,.5);
    color: #FFF;
    padding: 10px;
    border-radius: 0 4px 4px 0;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


