.track{background-color: #269D81;position: relative;background-image: url("../images/track.png");background-repeat: no-repeat;background-position: center 108px;position: relative;overflow: hidden;}
.track:before{content:"";position: absolute;z-index: 1;left: 50%;top: 250px;width: 200%;height: 1000px;background-color: #FFFFFF;border-radius: 50%;margin-left: -100%;}
.track .crumbs a,.track .crumbs a:after,.track .crumbs s{color: #FFFFFF;}
.track .box{padding-top: 250px;background-image: url("../images/track_bg.png");background-repeat: no-repeat;background-position: right 30px;min-height: 750px;position: relative;z-index: 2;}
.track .tip{font-size: 16px;text-align: center;line-height: 56px;}
.track input[type="text"]{width: 556px;height: 44px;line-height: 44px;border: 1px solid #269D81;display: block;margin: 0 auto;border-radius: 10px;background-color: transparent;color: #269D81;padding-left: 20px;outline: none;}
.track input.error{border: 2px solid #EF0000;color: #EF0000;}
.track .why{text-align: right;position: relative;height: 52px;width: 500px;margin: 0 auto;}
.track .why s{text-decoration: none;float: right;cursor: pointer;margin-top: 15px;}
.track .why span{color: #E41B23;background-color: #FFFFFF;padding: 5px;float: right;border-radius: 5px;line-height: 22px;margin-top: 7px;padding-right: 10px;position: relative;margin-right: 10px;display:none;}
.track .why span:before{width: 21px;height: 21px;line-height: 21px;background-color: #E31B23;border-radius: 5px;color: #FFFFFF;margin-right: 10px;}
.track .why span:after{content: "";width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #FFFFFF;position: absolute;top: 50%;right: -6px;margin-top: -7px;}
.track input[type="submit"]{width: 168px;height: 40px;border: none;font-size: 18px;color: #FFFFFF;text-transform: uppercase;font-weight: bold;background-color: #939BAA;display: block;margin: 0 auto;cursor: pointer;border-radius: 5px;}
.track input[type="submit"]:hover{background-color: #269D81;color: #FFFFFF;}
/*track result*/
.track-result h1{background-color: #269D81;font-size: 24px;color: #FFFFFF;text-align: center;line-height: 24px;padding: 18px 0 38px 0;position: relative;}
.order-info{background-color: #FFFFFF;margin-top: -24px;position: relative;border-radius: 20px 20px 0 0;padding: 20px 18px 30px 18px;margin-bottom: 5px;}
.order-info th,.order-info td{height: 30px;font-size: 13px;}
.order-info th{text-align: left;color: #838383;width: 10%;}
.order-info td{width: 40%;color: #000000;}
.track-info{background-color: #FFFFFF;padding: 0 14px;min-height: 300px;margin-bottom: 30px;}
.track-info h2{font-size: 18px;color: #000000;line-height: 50px;padding-bottom: 20px;}
.track-info ul{padding-bottom: 20px;position: relative;overflow: hidden;padding-left: 4px;}
.track-info ul:before{content: "";width: 2px;height: 100%;background-color: #DEDEDE;position: absolute;left: 9px;bottom: 100px;}
.track-info li{padding-left: 36px;font-size: 13px;color: #000000;line-height: 24px;margin-bottom: 50px;position: relative;}
.track-info li:before{content: "";position: absolute;width: 12px;height: 12px;background-color: #DEDEDE;border-radius: 50%;left: 0;top: 50%;margin-top: -6px;}
.track-info li:first-child:before{background-color: #FB7600;border: 4px solid #FED7B4;left: -4px;margin-top: -10px;}
.track-info li b{color: #838383;}
.track-info li i{font-style: normal;color: #838383;}
.error{width: 556px;margin: 0 auto;padding-top: 20px;line-height: 24px;font-size:14px;}
.error dt{font-size: 16px;color: #000000;height: 40px;line-height: 40px;}
.error dt b{color: #EF0000;}
.error dd{font-size: 13px;color: #838383;}
.error dd b{color: #000000;}
@media screen and (max-width: 768px)
{
	.track{float:none;width: auto;background-position: center 36px;padding: 0 0.5rem;height: auto;padding-bottom: 30px;background-size: 90% auto;}
	.track .tip{line-height:28px;padding: 15px 0;}
	.track input[type="text"]{width:100%;}
	.track .why{margin-right:0;width: 100%;}
	.track:before{display: none;}
	.track .box{background-image: none;background-color: #FFFFFF;margin-top: 120px;padding-top: 0;border-radius: 20px;padding: 0 0.5rem 50px 0.5rem;min-height: auto;}
	.order-info th,.order-info td{display: block;width: auto;line-height: 22px;height: auto;}
	.order-info td{padding-bottom: 20px;}
	.error{width: auto;}
}