/*公共部分*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
img {border:0;	vertical-align:middle; display:inline-block; }
table { border-collapse:collapse; }
body {
    font:12px/24px 'Microsoft YaHei', '微软雅黑','Open Sans', 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB',  sans-serif;
    color:#000;
    background:#f7f7f7;
    transition: background 2s;
	-moz-transition: background 2s; /* Firefox 4 */
	-webkit-transition: background 2s; /* Safari 和 Chrome */
	-o-transition: background 2s; /* Opera */
}

a {color:#000; text-decoration:none; }
a:hover{text-decoration: none;color:#000;}
a:link{text-decoration: none;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;/*font-size:100%;*/}
s,i,em{font-style:normal;text-decoration:none;}
.container{width:70%;margin:0 auto}
.fr{float: right;}
.fl{float: left;}
.clear:after{content:"";display: block;clear: both;}
.center{ text-align:center;}
.clearfix:before, .clearfix:after { display: table; content: " ";}
.clearfix:after { clear: both;}

/* 正文开始 */
.main{
    margin:40px 60px;
}
.header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.logo img{
    width: 200px;
}
.nav{
    line-height: 62px;padding-right: 200px;
}
.nav a{
    font-size: 18px;color: #fff;margin:0 30px;position: relative;
}
.nav a.chose::after{
	content: ' ';
	display: inline-block;
	width: 100%;
	height: 4px;
	border-radius: 10px;
	background: white;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.nav a:hover{
    color: #3171ff;
}
.morelogin{
    position: absolute;right: -60px;top:10px;height: 50px;width: 150px;border-radius: 100px 0 0 100px;
    text-align: center; line-height: 50px;
    background: rgba(255, 255, 255, 0.5);
}
.morelogin a{
    color: #3171ff;font-size: 16px;font-weight: bold;
}
.loginconts{
    padding-top: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.loginconts{
    margin: 2rem 10rem;
}
.loginconts .adimg{
    padding-top: 3rem;
}
.loginconts .adimg img{
    width: 37rem;
    transition: all 2s;
    animation: loginimg 10s;
    animation-iteration-count: infinite;
}
@keyframes loginimg {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-2rem);
    }
    100%{
        transform: translateY(0);
    }
}
.loginin{
    /* margin-right: 12rem; */
}
.loginin .tles{
    color: #fff;text-align: center;font-size: 2.5rem;font-weight: bold;padding:1px 0;margin-bottom: 30px;
}
.loginin .fcont{
    width: 30rem;height: 28rem;background: rgba(255, 255, 255, 0.5);border-radius: 20px;padding-top:12px;border: 2px solid #8e9dbe;
}
.loginin .scont{
    width: calc(100% - 28px);height: calc(100% - 14px);background: #fff;margin:0 12px;border-radius: 20px;border: 2px solid #3171ff;
}
.loginin .tag{
    margin:0rem 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    padding-top: 4rem;
    position: relative;
}

.login_help_img {
	display: block;
	position: absolute;
	right: -45px;
	top:16px;
	cursor: pointer;
	background: url(../image/login_help.png) no-repeat;background-size: cover;
	width: 26px;
	height: 26px;
}

.login_help_img:hover {
	background: url(../image/login_help2.png) no-repeat;background-size: cover;
}

.loginin .tag a{
    color:#999999;
}
.loginin .tag a.chose{
    font-size: 22px;
    color: #3171ff;
    font-weight: bold;
}
.loginin .froms{
    margin:3rem 4rem;
}
.loginin .froms dd{
    margin-bottom: 2.2rem;position: relative;
}
.loginin .froms dd .yzm,.loginin .froms dd .yzmhs{
    position: absolute;right: 1rem;top:0.75rem;color: #3171ff;cursor: pointer;width: 4rem;
}
.loginin .froms dd .yzmhs{
    color: #999;width: 5.2rem;
}
.loginin .froms input[type=text],.loginin .froms input[type=password]{
    border:2px solid #e2e2e2;width: 100%;height: 3rem;border-radius: 5px;font-family: 'microsoft yahei';padding:0 15px;font-size: 1rem;
}
.loginin .froms dd.czs{
    text-align: right;margin-top: -1rem;
}
.forgetpwd{
    color: #3171ff;font-size: 1rem;
}
a.forgetpwd:hover{
    color: #3171ff;
}
.butlogin{
    width: 100%;height: 45px;background: #3171ff;border-radius:200px;cursor: pointer;color:#fff;font-size: 1rem;word-spacing: 2rem;
}
.btmts{
    color: #fff;font-size: 1rem;padding-top: 1rem;opacity: 0.7;text-align: center;
   
}
.loginin .code{
    text-align: center;padding-top: 3rem;height: 19rem;
}
.loginin .code img{
    width: 15rem;
}
.footer{
    text-align: center;color: #FFF;font-size: 1rem; letter-spacing: 0.2rem;padding-top: 3rem;opacity: 0.8;
}
.Citem .waction{
    text-align: center;font-size: 0px;
}
.Citem .waction a{
    background-image: linear-gradient(#6091ff, #3171ff);display: inline-block;
    font-size: 1.2rem;margin:0 1rem;padding:0.6rem 2rem;border-radius: 0.7rem;color: #fff;
}
.Cbtom{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 4rem;
    width: 80rem;
    margin:0 auto;
}
.Cbtom .infos,.Cbtom .Clogin{
    width: calc((100% - 3.5rem) / 2);
}
.Cbtom .infos img,.Cbtom .Clogin img{
    width: 100%;border-radius: 1.2rem;
}
.Cbtom .Clogin img{
    margin-bottom:2rem;width: 90%;
}
.piaofu{
    position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);width: 80%;
}
.Csite{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.Csite .sitelist{
    background: rgba(255, 255, 255, 0.5);
    width: 85%;border-radius: 1rem;min-height: 40rem;
}
.Csite .pro,.Csite .next{
    position: relative;top: 50%;line-height: 100%;width: 5%;
}
.Csite .pro img,.Csite .next img{
    position: absolute;top:50%;transform: translateY(-50%);left: 20px;
}
.Csite .next{
    right: 0px;
}
.Csite .next img{
    right: 20px;
}
.sitelist .tle{
    font-size: 2.5rem;text-align: center;color: #000;padding:3rem 0;font-weight: bold;
}
.sitelist .contin{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 800px;
    overflow-y: scroll;
}
.sitelist .list{
    width: calc((100% - 15rem) / 3);margin:10px 2.5rem;border-radius: 1.6rem;height: 22rem;
}
.line0{
    background-image: linear-gradient(to right, green , #98b8ff,green);
}
.line1{
    background-image: linear-gradient(to right, #ba8172 , #e7d1c9,#ba8172);
}
.line2{
    background-image: linear-gradient(to right, #ffb752 , #e7d1c9,#ffb752);
}
.line3{
    background-image: linear-gradient(to right, #a069c3 , #e7d1c9,#a069c3);
}
.line4{
    background-image: linear-gradient(to right, green , #98b8ff,green);
}

.sitelist .list dt{
    font-size: 1.8rem;color: #fff; font-weight: bold;text-align: center;padding-top: 3rem;margin-bottom: 2rem;
}
.sitelist .list dd{
    padding:0 3rem;color: #fff;font-size: 1rem;font-weight: bold;line-height: 2em;height: 2em;overflow: hidden;
}
.sitelist .cz{
    text-align: center;padding-top: 3rem;
}
.buts{
    background: #fff;width: 8rem;height: 2.2rem;border-radius: 10rem;cursor: pointer;
}


.help-inline { color:red; }

.yzm-container  {
	
}

.yzm-container p {
	color:red;
	line-height: 30px;
	font-size: 15px;
	padding-left: 10px;
	margin-top: 8px;
}
.yzm-container img {
	display:inline-block;
	width:120px;
	height: 50px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
}
.yzm-container input {
	display:inline-block;
	width:55%;
	border: 2px solid #e2e2e2;
    height: 3rem;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing:18px;
    font-weight: bold;
}

.srws {
    width: 95%;
    font-size: 30px;
    margin: 0 auto;
    border: solid 1px yellowgreen;
    margin-top: 10px;
}
.srws input {
    border-bottom: 2px solid yellowgreen;
    height: 100%;
    width: 70%;
    font-size: 20px;
}
.srws td {
    height: 50px;
    padding: 5px;
    margin-bottom: 10px;
}
.srws .btncl {
    text-align: center;
}
.srws .searchBtn {
    width: 60px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    background-color: #009f95;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}
.srws .searchBtn:hover {
    font-size: 22px;
}