@charset "utf-8";

.download_title6 {
    background-image: url(../../images/zh/download_title6.png);
    background-repeat: no-repeat;
    margin: 0 auto 20px auto;
    height: 65px;
    text-indent: -5000px;
}

.rutadb{
margin: 30px 0 20px 0;
position: relative;
}

.rutad_h1{
color: #198794;
font-size: 1.3em;
margin: 0 0 15px 0;
}

.rutad_h1::before {
    content: "◆";
    margin: 0px 5px 0 0;
    font-size: 1.1em;
}

.rutad_h2 {
    color: #198794;
    font-size: 1.3em;
}

.rutad_h2::before {
    content: "◆";
    /* width: 8px; */
    /* height: 8px; */
    /* display: inline-block; */
    /* background-color: #0795a5; */
    margin: 0px 5px 0 0;
    font-size: 1.1em;
}

.rutpbtn{
margin: 0 0px 0 0;
}

.rutrem{
padding: 23px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #bebebe;
font-size: 1.2em;
color: #373737;
}

.rumtxh1{
margin: 0 0 5px 0;
}

.rumtxh1::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #a3a3a3;
    margin: 0 10px 0 0;
}

.rumtxt {
    margin: 0 0 10px 22px;
}

.checkbbtn{
margin: 0 5px 0 8px;
}

.checkbbtn a {
background-color: #24b7b4;
padding: 8px 13px 7px 13px;
color: #fff;
border-radius: 5px;
box-shadow: 2px 3px 2px #c1c1c1;
background-image: -webkit-linear-gradient(270deg,rgba(89,211,149,1.00) 0%,rgba(53,181,116,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(89,211,149,1.00) 0%,rgba(53,181,116,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(89,211,149,1.00) 0%,rgba(53,181,116,1.00) 100%);
background-image: linear-gradient(180deg,rgba(89,211,149,1.00) 0%,rgba(53,181,116,1.00) 100%);
}

.checkbbtn a:hover {
text-decoration: none;
background-image: -webkit-linear-gradient(270deg,rgba(44,216,129,1.00) 0%,rgba(31,151,90,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(44,216,129,1.00) 0%,rgba(31,151,90,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(44,216,129,1.00) 0%,rgba(31,151,90,1.00) 100%);
background-image: linear-gradient(180deg,rgba(44,216,129,1.00) 0%,rgba(31,151,90,1.00) 100%);
transition: all 0.3s ease-in;
}

.rutfver {
    margin: 20px 0 0 0;
}

.rudel{
margin: -5px 5px 0 5px;
}

.rufeall{
margin: 40px 0 0 0;
display: flex;
flex-wrap: wrap;
}

.rufbox {
    position: relative;
    width: 47%;
    margin: 0 5% 30px 0;
    border: 1px solid #c1c1c1;
    height: 160px;
    display: flex;
}

.rufbox:nth-child(2n){
margin: 0 0% 30px 0;
}

.rufimg {
    width: 45%;
    float: left;
    overflow: hidden;
}

.rufimg img {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    /* height: 100%; */
}

.ruftxw{
width: 55%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 15px 20px 15px;
background-color: #fff;
color: #373737;
}

.ruftwh1{
font-size: 1.3em;
font-weight: bold;
margin: 0 0 10px 0;
}
.ruftwh1 a {
    text-decoration: none;
    color: #373737;
}
.ruftwh2{
font-size: 1.2em;
}

.rufbdel {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
}

.rufbdel img{
width: 100%;
}

.ruplabtn{
margin: 40px 0 37px 0;
}

.rupfnbtn {
display: inline-block;
border-radius: 5px;
background-color: rgb(229,109,21);
background: -webkit-linear-gradient(bottom, rgba(229,109,21,1) 0%, rgba(241,148,79,1) 100%);
background: -o-linear-gradient(bottom, rgba(229,109,21,1) 0%, rgba(241,148,79,1) 100%);
background: linear-gradient(to top, rgba(229,109,21,1) 0%, rgba(241,148,79,1) 100%);
}

.rupfnbtn a {
    padding: 11px 13px 11px 40px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 2px #c1c1c1;
    background-image: url(../../images/rutcheck.svg);
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 21px;
    font-size: 1.1em;
	display: block;
}

.rupfnbtn:hover {
background: rgb(223,95,0);
background: -webkit-linear-gradient(bottom, rgba(223,95,0,1) 0%, rgba(247,133,49,1) 100%);
background: -o-linear-gradient(bottom, rgba(223,95,0,1) 0%, rgba(247,133,49,1) 100%);
background: linear-gradient(to top, rgba(223,95,0,1) 0%, rgba(247,133,49,1) 100%);
}

.rupfnbtn a:hover {
text-decoration: none;
}

.rupbkbtn {
display: inline-block;
margin: 0 0 0 5px;
background: rgb(130,130,130);
background: -webkit-linear-gradient(bottom, rgba(130,130,130,1) 0%, rgba(179,179,179,1) 100%);
background: -o-linear-gradient(bottom, rgba(130,130,130,1) 0%, rgba(179,179,179,1) 100%);
background: linear-gradient(to top, rgba(130,130,130,1) 0%, rgba(179,179,179,1) 100%);
border-radius: 5px;
}

.rupbkbtn a {
display: block;
padding: 11px 13px 11px 40px;
color: #fff;
border-radius: 5px;
box-shadow: 2px 3px 2px #c1c1c1;
background-image: url(../../images/rutback.svg);
background-repeat: no-repeat;
background-position: 13px center;
background-size: 21px;
font-size: 1.1em;
}

.rupbkbtn:hover {
background: rgb(105,105,105);
background: -webkit-linear-gradient(bottom, rgba(105,105,105,1) 0%, rgba(179,179,179,1) 100%);
background: -o-linear-gradient(bottom, rgba(105,105,105,1) 0%, rgba(179,179,179,1) 100%);
background: linear-gradient(to top, rgba(105,105,105,1) 0%, rgba(179,179,179,1) 100%);
}

.rupbkbtn a:hover {
text-decoration: none;
}

.rupfsulal{
margin: 30px 0 0 0 ;
display: flex;
flex-wrap: wrap;
}

.rubnum{
position: absolute;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
border-radius: 50%;
border:2px solid #f2a511;
}

.rubnum_sel{
position: absolute;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f2a511;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 0 0 0;
color: #fff;
text-align: center;
}

.rupcarbtn {
    display: inline-block;
    /* height: 47px; */
    position: relative;
    background-color: rgb(229,109,21);
    background: -webkit-linear-gradient(bottom, rgba(229,109,21,1) 0%, rgba(241,148,79,1) 100%);
    background: -o-linear-gradient(bottom, rgba(229,109,21,1) 0%, rgba(241,148,79,1) 100%);
    background: linear-gradient(to top, rgba(229,109,21,1) 0%, rgba(241,148,79,1) 100%);
    background-repeat: no-repeat;
    border-radius: 5px;
	margin: 0 6px 0 0;
}

.rupcarbtn a {
    padding: 11px 23px 11px 70px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 2px #c1c1c1;
    font-size: 1.1em;
    background-image: url(../../images/rutcar.svg);
    background-repeat: no-repeat;
    background-position: 26px center;
    background-size: 34px;
    display: block;
}

.rupcarbtn:hover {
background: rgb(223,95,0);
background: -webkit-linear-gradient(bottom, rgba(223,95,0,1) 0%, rgba(247,133,49,1) 100%);
background: -o-linear-gradient(bottom, rgba(223,95,0,1) 0%, rgba(247,133,49,1) 100%);
background: linear-gradient(to top, rgba(223,95,0,1) 0%, rgba(247,133,49,1) 100%);
text-decoration: none !important;
}

.rupcarbtn a:hover {
text-decoration: none !important;
}

.carac {
    position: relative;
}

.carac:after {
    content: "";
    background-image: url(../../images/ruarrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    position: absolute;
    left: 45%;
    width: 13px;
    height: 25px;
    background-size: 100%;
    bottom: -11px;
}

.rupwakbtn {
    display: inline-block;
    /* height: 47px; */
    position: relative;
    background: rgb(48,156,133);
	background: -webkit-linear-gradient(bottom, rgba(48,156,133,1) 0%, rgba(27,198,162,1) 100%);
	background: -o-linear-gradient(bottom, rgba(48,156,133,1) 0%, rgba(27,198,162,1) 100%);
	background: linear-gradient(to top, rgba(48,156,133,1) 0%, rgba(27,198,162,1) 100%);
    background-repeat: no-repeat;
    border-radius: 5px;
}

.rupwakbtn a {
    padding: 11px 23px 11px 70px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 2px #c1c1c1;
    font-size: 1.1em;
    background-image: url(../../images/rutwalk.svg);
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 34px;
    display: block;
}

.rupwakbtn:hover {
background: rgb(14,144,116);
background: -webkit-linear-gradient(bottom, rgba(14,144,116,1) 0%, rgba(12,196,158,1) 100%);
background: -o-linear-gradient(bottom, rgba(14,144,116,1) 0%, rgba(12,196,158,1) 100%);
background: linear-gradient(to top, rgba(14,144,116,1) 0%, rgba(12,196,158,1) 100%);
text-decoration: none !important;
}

.rupwakbtn a:hover {
text-decoration: none !important;
}

.walkac {
    position: relative;
}

.walkac:after {
    content: "";
    background-image: url(../../images/ruawow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    position: absolute;
    left: 45%;
    width: 13px;
    height: 25px;
    background-size: 100%;
    bottom: -11px;
}

.rumpsw{
color: #373737;
margin: 0 0 20px 0;
font-size: 1.15em;
}

.glmpico {
    margin: -10px 4px 0 4px;
    display: inline-block;
}

.ruplanbxal{

}

.ruplanbxal:after{
content: '';
display: block;
clear: both;
}

.rupbxl_left{
float: left;
width: 52%;
margin: 0 3% 0 0;
}

.rupbxl_right{
float: right;
width: 42%;
}

.rupstar {
    background-image: url(../../images/ruflg.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.3em;
    font-weight: bold;
    color: #484848;
    padding: 8px 0 0 46px;
    margin: 0 0 0px 0;
    height: 50px;
}

.ruldistan {
    margin: 0 0 0px 0;
    height: 64px;
    background-image: url(../../images/rulonaw.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 15px 0 0 45px;
    font-size: 1.3em;
    color: #484848;
}

.rulpvarea{
margin: 0 0 15px 0;
display: flex;
align-items: center;
}

.rupva_num {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f2a511;
margin: 0 15px 0 0;
text-align: center;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 0 0 0;
font-weight: bold;
}

.rupva_atrac {
    width: 84%;
    margin: 0 2% 0 0;
    border: 1px solid #c1c1c1;
    height: 160px;
    display: flex;
}

.rupva_glmp{
width: 27px;
height: 36px;
}

.ruglmapbg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 0 12px 0 0; */
    background-image: url(../../images/rulmapbg.png);
    background-repeat: repeat;
    margin: 147px 0 0 0;
    position: relative;
    width: 100%;
    height: 530px;
}

.ruglmap {
    height: 530px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: -11px;
    left: -11px;
}

.ruplbk{
position: absolute;
right: 0px;
top: 0px;
background: rgb(130,130,130);
background: -webkit-linear-gradient(bottom, rgba(130,130,130,1) 0%, rgba(179,179,179,1) 100%);
background: -o-linear-gradient(bottom, rgba(130,130,130,1) 0%, rgba(179,179,179,1) 100%);
background: linear-gradient(to top, rgba(130,130,130,1) 0%, rgba(179,179,179,1) 100%);
border-radius: 5px;
}

.ruplbk a {
    display: block;
    padding: 11px 13px 11px 40px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 2px #c1c1c1;
    background-image: url(../../images/rutback.svg);
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 21px;
    font-size: 1.1em;
}

.ruplbk:hover{
background: rgb(105,105,105);
background: -webkit-linear-gradient(bottom, rgba(105,105,105,1) 0%, rgba(179,179,179,1) 100%);
background: -o-linear-gradient(bottom, rgba(105,105,105,1) 0%, rgba(179,179,179,1) 100%);
background: linear-gradient(to top, rgba(105,105,105,1) 0%, rgba(179,179,179,1) 100%);
}

.ruplbk a:hover {
    text-decoration: none;
}

.notDataHint {
    font-size: 1.2em;
    color: #d91542;
    margin: 13px 0 0 0;
    text-align: center;
    width: 100%;
}