.itemeaimg{padding-top: 25px; }
.headimgbox{height:150px;}
.itemeabuton{margin: 30px 10px;height: 70px;overflow: hidden;cursor:pointer;}
.itemeaimg1{position:absolute;z-index:1;}
.itemeaimg2{position:relative;z-index:2;margin-left: 490px;margin-top: 45px;}
.contentbox{height:835px;display:flex;justify-content:space-between;margin:30px 0;}
.leftPanel{height:835px;width:390px;background-color:#F8F8F8;padding: 40px 0px;overflow: hidden;}
.leftPanelContent{height: 725px;overflow: auto;}

.itemealeft{color: #6B6B6B;}
.playleft{ display: flex;justify-content:space-between;align-items: center;}
.playleft h3{font-size: 50px;color:#CDCDCD;position: relative;height: 48px;font-weight: bold;top:2px;left: 0px;width:64px;text-align:center;}
.playleft h3 i{ content:'';height:54px; background: #F8F8F8;border-left:1px solid #000;border-right:14px solid #F8F8F8;transform:rotate(30deg);position: absolute;left:22px;top:10px;}
.playleft .zimao{width: 70px;border-right: 2px solid #CDCDCD;padding-left:6px;position: relative;color: #CDCDCD;}
.zimao p{font-size:18px;position: relative;top: 5px;text-algin:conter;}
.question{margin-left:6px;width:215px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.playleft span{ font-size: 18px;padding-left:6px;position: relative;font-weight: normal;width: 90px;border-right: 2px solid #6B6B6B;}
.borderleft{margin-left: 20px;}

.rightPanel{height:835px;width:800px;background-color:#F8F8F8;overflow: hidden;}
.playright{width: 360px;}
.playright p{font-size: 12pt;}
.itemearight{margin-top: 30px;color: #1C50A2;margin-left: 20px;height:835px;display:none}
.itemeanext{display: flex;margin-left: 55px;margin-bottom: -25px;}
.itemeanext h3{font-size: 50px;color:#1C50A2;position: relative;height: 48px;font-weight: bold;}
.itemeanext h3 i{ content:'';height:50px;background: #fff;border-left:1px solid #1C50A2;border-right:20px solid #fff;transform:rotate(30deg);position: absolute;left:43px;top:12px;}
.itemeanext span{ font-size: 22px;position: relative;font-weight: normal;margin-left: 35px;margin-bottom: 55px;border-bottom: 2px dashed #6B6B6B;}
.itemearight p{color: #333333;font-size: 16px;margin-top: 5px;width: 583px; padding-left: 114px;}
.nkm{display: flex;}
.itemindex{height: 720px;overflow: auto;padding-left: 85px;}
.contentbox a{
	position:absolute;top:55.5%;left:0px;width:23px;height:45px;background: #fff;border: 1px solid #1C50A2;
	color:#1C50A2;border-radius:11px;z-index:99;text-align:center;line-height:91px;cursor: pointer;
}
.contentbox .prev{left:auto;right:0px;}
.activeleft .playleft h3{color:#1C50A2}
.activeleft .playleft i{border-left:1px solid #1C50A2;}
.activeleft .playleft .zimao{color:#1C50A2;border-right: 2px solid #1C50A2;}
.activeleft .playleft .zimao p{color:#1C50A2;}
.activeleft .playleft div{color:#1C50A2}
.showright{display:block}

.leftPanelContent::-webkit-scrollbar{width:5px}
.leftPanelContent::-webkit-scrollbar-thumb{background-color: #D2D2D2;}
.leftPanelContent::-webkit-scrollbar-thumb{-webkit-border-radius: 2em;border-radius: 2em;}

.itemindex::-webkit-scrollbar{width:5px}
.itemindex::-webkit-scrollbar-thumb{background-color: #D2D2D2;}
.itemindex::-webkit-scrollbar-thumb{-webkit-border-radius: 2em;border-radius: 2em;}


@media screen and (max-width: 768px) {
.itemeaimg {padding-top: 1px;}
.headimgbox {height: 70px;}
.itemeaimg1 {position: absolute;z-index: 1;width: 100%;}
.itemeaimg2 {position: relative;z-index: 2;left: -222px;top: -32px;}
.rightPanel{display: none;}

.page-main {padding: 0px;}
.leftPanel {height: 780px;width: 768px;padding: 40px 0px 10px 0px;}
.leftPanelContent {height: 725px;overflow: auto;}
.itemeabuton {margin: 7px 10px;height: 70px;overflow: hidden;}
.playright {width: 720px;}
.playleft {justify-content: left;}
.playleft h3 {font-size: 43px;position: relative;height: 48px;top: 2px;left: 0px;width: 75px;}
.playleft .zimao {width: 160px;}
.playright p {font-size: 18px;}
.question {margin-left: 6px;width: 610px;}
.contentbox {height: 850px;margin: 30px 0 10px 0px;}

}

/** 5.7IN Android Galaxy */
@media screen and (min-width:429px) and (max-width:480px){
html{font-size:64px;}
}

/** 6.5IN IPhone 6+ ~ 11Pro Max*/
@media screen and (min-width:410px) and (max-width:414px){
html{font-size:55.2px;}
html{font-size:50px;}
.itemeaimg{padding-top: 2px; }
.headimgbox{height:52px;min-width:358px}
.itemeaimg1{position:absolute;z-index:1;width: 100%;height: 10%;}
.itemeaimg2{margin-left: 339px !important;margin-top: 47px !important;width: 30%;}
.rightPanel{display: none;}

.leftPanel {height: 788px;width: 390px;background-color: #F8F8F8;padding: 10px 0px;overflow: hidden;}
.leftPanelContent {height: 765px;overflow: auto;}
.itemeabuton {margin: 4px 4px;height: 70px;overflow: hidden;}
.playright {width: 340px;}
.playleft {justify-content: left;}
.playleft h3 {font-size: 29px;position: relative;height: 35px;top: 2px;left: 0px;width: 44px;}
.playleft .zimao {width: 85px;}
.playright p {font-size: 12px;}
.question {margin-left: 11px;width: 215px;}
.contentbox {height: 735px;margin: 30px 0 10px 0px;}
}

/** Mate30 Pro  IPhone 12Pro */
@media screen and (min-width:376px) and (max-width:392px){
html{font-size:52.4px;}
}

/** iPhone 8 (8, 7, 6S, 6) ~  11Pro*/
@media screen and (min-width:361px) and (max-width:375px){
html{font-size:50px;}
.itemeaimg{padding-top: 2px; }
.headimgbox{height:52px;min-width:358px}
.itemeaimg1{position:absolute;z-index:1;width: 100%;height: 10%;}
.itemeaimg2{margin-left: 339px !important;margin-top: 47px !important;width: 30%;}
.rightPanel{display: none;}

.leftPanel {height: 788px;width: 390px;background-color: #F8F8F8;padding: 10px 0px;overflow: hidden;}
.leftPanelContent {height: 765px;overflow: auto;}
.itemeabuton {margin: 4px 4px;height: 70px;overflow: hidden;}
.playright {width: 340px;}
.playleft {justify-content: left;}
.playleft h3 {font-size: 29px;position: relative;height: 35px;top: 2px;left: 0px;width: 44px;}
.playleft .zimao {width: 85px;}
.playright p {font-size: 12px;}
.question {margin-left: 11px;width: 215px;}
.contentbox {height: 735px;margin: 30px 0 10px 0px;}
}

/** HUAWEI P30 ~ XIAOMI6*/
@media screen and (max-width:360px){
html{font-size:48px;}
.itemeaimg{padding-top: 2px; }
.headimgbox{height:52px;min-width:358px}
.itemeaimg1{position:absolute;z-index:1;width: 100%;height: 10%;}
.itemeaimg2{margin-left: 339px !important;margin-top: 47px !important;width: 30%;}
.rightPanel{display: none;}

.leftPanel {height: 788px;width: 100%;background-color: #F8F8F8;padding: 10px 0px;overflow: hidden;}
.leftPanelContent {height: 765px;overflow: auto;}
.itemeabuton {margin: 4px 4px;height: 70px;overflow: hidden;}
.playright {width: 100%;}
.playleft {justify-content: left;}
.playleft h3 {font-size: 29px;position: relative;height: 35px;top: 2px;left: 0px;width: 44px;}
.playleft .zimao {width: 85px;}
.playright p {font-size: 12px;}
.question {margin-left: 11px;width: 215px;}
.contentbox {height: 735px;margin: 30px 0 10px 0px;}
}


/** 768*/
@media screen and (max-width:768px){
html{font-size:48px;}
.itemeaimg{padding-top: 2px; }
.headimgbox{height:52px;min-width:358px}
.itemeaimg1{position:absolute;z-index:1;width: 100%;height: 10%;}
.itemeaimg2{margin-left: 339px !important;margin-top: 47px !important;width: 30%;}
.rightPanel{display: none;}

.leftPanel {height: 788px;width: 100%;background-color: #F8F8F8;padding: 10px 0px;overflow: hidden;}
.leftPanelContent {height: 765px;overflow: auto;}
.itemeabuton {margin: 4px 4px;height: 70px;overflow: hidden;}
.playright {width: 100%;}
.playleft {justify-content: left;}
.playleft h3 {font-size: 29px;position: relative;height: 35px;top: 2px;left: 0px;width: 44px;}
.playleft .zimao {width: 85px;}
.playright p {font-size: 12px;}
.question {margin-left: 11px;width: 80%;}
.contentbox {height: 735px;margin: 30px 0 10px 0px;}

.banner-img{margin-top:60px;}
.Container{overflow-x:hidden;}
}