* {
    padding: 0px;
    margin: 0px;
}

 .travelrecordbg{
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;          
    background-size: 100% 100%;
    background-position: center center;
    overflow: auto;
}
.travelrecordtop{
            width: 100%;
            height: 60px;
            line-height: 60px;
            font-size: 25px;
            text-align: left;
        }
        .travelrecordtopa{
           margin-left: 30px;
    color: #fff;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
    font-size: 20px;

        }
         .travelrecordcontent{
            width: 100%;
            text-align: center;
            margin-top: 400px;
            height: 300px;
        }
        .travelrecordcontent label{
            font-size:40px;
        }
         .travelrecordcontent span{
           padding: 10px 30px;
           border: 1px solid #fff;
           font-size: 25px;
           margin-top: 56px;
           position: absolute;
           margin-left: -75px;
           border-radius: 10px;
        }
       

 
      
       

.yhshowtitle{
    width: 100%; height: 60px; line-height: 60px; background: #5d5ac8;
}
.yhshowtitleR{
    float: right;width: 200px;
}
.yhshowtitleR span{
    border: 1px solid #fff; padding: 8px 20px; margin-right: 50px; border-radius: 5px;
}
.yhshowtitleR img {
    width: 25px; height: 25px; position: absolute; top: 18px; right: 25px;
}
.yhshowLeft{
     width: 500px;  left: 0 !important; top: 60px; background: #fff;  overflow-y: scroll; position: fixed; height: 100%;
}


.travelrecordwritetitle{
    font-size:50px;
    color:#000;
    width:100%;
    display:table;
    text-align:center;
     margin-top: 30%;
    margin-bottom: 100px;
    
}
.travelrecordwritenews{
     font-size:20px;
    color:#000;
    width:100%;
    display:table;
    text-align:center;
}
.travelrecordwritetitleX{
    width: 100%;text-align: center;
}
.travelrecordwritetitleX textarea{
    width: 400px; height: 100px;resize: none;    margin-top: 30%;
}
.travelrecordwritetitleXbtn{
    margin-bottom: 50px;
}
.travelrecordwritetitleXbtn button{
    padding: 3px 10px;
    background: #eee;
    border: 1px solid #999;
    border-radius: 5px;
    color: #999;    
    margin: 20px 50px;
}
.travelrecordwritetitleXbtnqd{
    padding: 3px 10px;
    background: darkmagenta;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;    
    margin: 20px 50px;
}




.travelrecordshowtop{
    position: fixed;  width: 100%; height: 60px; line-height: 60px;
}
.travelrecordshowtopR{
    position: absolute; top: 0px;  right: 0px;width: 400px;height: 60px;line-height: 60px;
}

.travelrecordshowtopRbox{
    width: 33%; float: left;    padding: 0px;
    color: #fff;
    height: 70px;
    line-height: 70px;
}
.travelrecordshowtopRcontentnum1{
   width: 100px;position: absolute; left: 45%;
}

.num1btnbox{
    width: 180px;  left: 50%;  position: absolute;
}
.num1btnboxL{
    width: 30%;  
    margin-right: 20px; 
    float: left; 
    padding: 0px 5px; 
    background: #eee;  
    border: 1px solid #999; 
    border-radius: 5px; 
    color: #999;
    text-align: center;   
}
.num1btnboxR{
    width: 30%; float: left; padding: 0px 5px; background: #807dff;  border: 1px solid #999; border-radius: 5px;  color: #fff;text-align: center; 
}

.travelrecordshowtab2L{
    width:30%;height:880px;float:left;
}
.travelrecordshowtab2Lscroll{
    overflow-y:scroll;width:100%;height:100%;
    scrollbar-width: none;
    /*»ðºüä¯ÀÀÆ÷*/
}
.travelrecordshowtab2Lscroll::-webkit-scrollbar{
     display: none; 
     /*¹È¸èä¯ÀÀÆ÷*/
}
.travelrecordshowtab2Lname{
    font-size:40px;margin-top: 25%;    width: 100%;
}
.travelrecordshowtab2Lname span{
   height: 70px;line-height: 70px;color:#999;
}

.travelrecordshowtab2xu{
    width: 20%; text-align: left;
}
.travelrecordshowtab2xu_p4{
    margin-top:0px; min-width: 260px;
}

.travelrecordshowtopRcontentnum2{
   width: 100px;position: absolute; left: 13%;
}
.num2btnbox{
    width: 180px;  left: 19%;  position: absolute;
}


.travelrecordshowtab2R{
    width:70%;height:850px;float:right;overflow:hidden;

}
.travelrecordcontentRimgbgbox{
    width: 90%;  margin: 5% auto;  border: 1px solid #ccc;
}
.travelrecordcontentRimgbg{
            
    width: 100%; 
    height: 200px;  
    background: #eee; 
    text-align: center; 
    position: relative;
    overflow:hidden;
    background: url(../../../../Images/yjimgbg.png) no-repeat;
    background-size: cover;
}
.travelrecordcontentRimgbg2{
            
    width: 100%; 
    height: 200px;  
    background: #eee; 
    text-align: center; 
    position: relative;
    overflow:hidden;
    background: url(../../../../Images/yjimgbg1.png) no-repeat;
    background-size: cover;
}
.travelrecordcontentRimgbg3{
            
    width: 100%; 
    height: 200px;  
    background: #eee; 
    text-align: center; 
    position: relative;
    overflow:hidden;
    background: url(../../../../Images/yjimgbg2.png) no-repeat;
    background-size: cover;
}
.travelrecordcontentRimgbgfile{
    display: block; z-index: 111111111111111111111111111111;width: 100%; height: 100%; color: #eee; text-align: center; margin-top: -30px; position: absolute; left: 0px;
}
.num3btnbox{
     float: right;  width: 200px; margin-top: -25px;  text-align: center;
}



.showtitlebox{
    font-size: 40px;
    margin-top: 25%;
}
.showtitlebox span{
    height: 70px;
    line-height: 70px;
}

.showImglist{
    width:60%; height:850px;float:left;
}
.showImglistscroll{
    overflow-y:scroll;width:100%;height:100%;
    scrollbar-width: none;
    /*»ðºüä¯ÀÀÆ÷*/
}
.showImglistscroll::-webkit-scrollbar{
     display: none;
}
.showImglistli{
    width: 90%;
    margin: 5% auto; 
    margin-left: 10%;
}
.showImgbox{
       width: 100%;
    height: 340px;
    overflow: hidden;
    background: url(../../../../Images/showbg.png) no-repeat;
    background-size: cover;
}
.showImgbox1{
       width: 100%;
    height: 340px;
    overflow: hidden;
    background: url(../../../../Images/showbg1.png) no-repeat;
    background-size: cover;
}
.showImgbox2{
       width: 100%;
    height: 340px;
    overflow: hidden;
    background: url(../../../../Images/showbg2.png) no-repeat;
    background-size: cover;
}
.showImgbox img{
    width:100%;
    height:100%;
}
.showImgname{
    padding: 10px;
}
.showImgname span{
    color:#41c074; font-size:30px;
}
.showImgtitle{
    margin-top: 25%;
    width: 40%;
    float: left;
    font-size: 30px;
}
.showImgtitle span{

    line-height: 50px;
    height: 50px;
}